import React from 'react'; class App extends React.Component { constructor(props) { super(props); this.state = {プロパティ名: 値}; } render() { return ( <div> {/* stateの値を取得するには「this.state.プロパティ名」を入れる*/} <h1>こんにちは、{this.s</h1></div>…

import React from 'react'; class App extends React.Component { constructor(props) { super(props); this.state = {プロパティ名: 値}; } render() { return ( <div> {/* stateの値を取得するには「this.state.プロパティ名」を入れる*/} <h1>こんにちは、{this.s</h1></div>…

イベントの書き方 ・アロー関数を使って、タグ内に イベント名={() => { 処理 }} と書くことで、指定したタイミングで処理を実行できる。 アロー関数はJavaScriptなので、{}で囲むことを忘れないように 「クリックされた時に処理を実行する」onClickイベント…

Dockerについての説明 10分でわかるDocker超入門 - Qiita ファイルのパスで以下コマンドを実行 docker-compose build Dockerの起動 docker-compose up Dockerを停止させる キー： control + C ▼現在起動中のコンテナの一覧が出力 $docker ps ▼Dockerでログを…

新しいサーバーに接続 ssh root@IPアドレス ファイルを探す find / -name httpd.conf -print groupadd コマンド（Linux） →新規グループを作成する 使用例）# groupadd -g 300 ＜グループ名＞ ・-g ＜グループID＞ （--gid グループID） 作成するグループの…

VSCode上でターミナルを開く →control + shift + `

VSCode上でターミナルを開く →control + shift + `

参考 bootstrap-guide.com

参考 bootstrap-guide.com

参考 bootstrap-guide.com

Gitリポジトリを初期化→コミット $ git init $ git add -A $ git commit -m "Initialize repository" ▼コミット時、「dquote> 」が発生 ・「"」（ダブルクォーテーション）のせい（dquote = double quotation の略） →半角の”を付ければ解消 lawrence-twin.h…

配列.lengthとすることで、配列の要素数を取得できる const animals = ["dog", "cat", "sheep", "rabbit", "monkey", "tiger", "bear", "elephant"]; // lengthを用いて配列の要素の数を出力 console.log(animals.length); // lengthを用いて条件式を書き換…

配列.lengthとすることで、配列の要素数を取得できる const animals = ["dog", "cat", "sheep", "rabbit", "monkey", "tiger", "bear", "elephant"]; // lengthを用いて配列の要素の数を出力 console.log(animals.length); // lengthを用いて条件式を書き換…

Dockerを使ってサーバーを立ち上げる ローカル環境を使って実施。 変数をタグを入れて表示する ・{}で変数を囲い、変数にhtmlを入れて表示 const contentData = ({data2}) => ({data2}) const ja = "*****Japan!"; return ( <h1>{ja}</h1> ちなみに、最初、「Japan!」…

Reactのチュートリアル課題で作成。 一部はTeratailで質問投稿し、添削していただいた。 課題でReactのテーブルを作成。でも、これでは出力できるだけで、フォームに入力して追加させることができない・・・ 'use strict'; import React from 'react'; expor…