ReactをYoutube動画で学ぶ④～フォーム内のテキストボックスに入力された値を受け取り、テキストとして表示～

www.youtube.com index.js import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import ButtonText from './ButtonText' import reportWebVitals from './reportWebVitals'; const root = ReactDOM.createRoot(docu…

2023-02-27

React.jsのプロジェクトをFirebase Hostingに上げる

⓪ Node.jsをダウンロードし、インストールする。npmも同時にインストールされる。これでnpmコマンドが使えるようになりました。 ①create-react-appを利用して、Reactのプロジェクトを作成します。コマンドプロンプトで、 >npm install -g create-react-app…

2023-02-26

React.jsをYoutube動画で学ぶ③～props、state、useState、import、export～

www.youtube.com www.youtube.com ［props + state のサンプルコード］ title属性でテキストの文字列を設定し、buttonText属性で、ボタンに表示される文字列を設定し、そのボタンを押すと、テキストの文字列が置き換わるような、テキストとボタンがセットに…

2023-02-26

Visual Studio Codeを、JavaScriptのIDEにする

『Visual Studio Codeを、JavaScriptのIDEにする』と書いてますが、要は使いやすくするということです。 JavaScriptをVisual Studio Codeで書いてきて、いまさら別のソフトは使いたくないという方は見てください。なんといっても、デバッグサポートがないと…

2023-02-25

React NativeをYoutube動画で学ぶ①

www.youtube.com 初めの設定のところは、Windows10だと少し違うようです。下記HP参照でうまくいきました。 qiita.com npm -g install react-native expo init react-native-first と記入してEnterする。プロジェクトが作成されました。 Android StudioのSD…

2023-02-25

yarnを使えるようにして、別のYoutube動画で学ぶ①

yarnを使えるようにする Node.jsがインストールされているなら、コマンドプロンプトで、 > npm install -g yarn と記載すると、yarnがインストールされます。 www.youtube.com URLにlocalhost :3000を打ち込む代わりに、コマンドプロンプトで yarn startで…

2023-02-25

JavaScriptでカレンダーを表示する

カレンダーを表示し、『次の月へ』ボタンを押すと、次の月のカレンダーが表示されます。（ただし、2024年1月は2023年13月と表示されますので改善の余地あります。） css_test4.html（CSSもJavaScriptもともに埋め込んでます） <head> <meta charset="UTF-8"> </head> <body> <div id="year_month"></div> <div class="dayofweek" id="dayofweek"> <div>日</div> <div>月</div> <div>火</div> <div>水<…</div></div></body>

2023-02-25

JavaScriptはどれくらい書けるようになればよいか？

JavaScriptで、どれくらいのレベルなら、React.jsで困ることはないのでしょうか？ JavaScriptをどのくらいできたらReactの勉強をはじめるべきか - YouTube JavaScript入門はいろいろありますが、下記を参照とします。 www.pazru.net カレンダー表示…

2023-02-25

React.jsをYoutubeで学ぶ②

www.youtube.com このYoutubeでは、Macを使っている。エディタはIntelliJ IDEAを使っている。エディタは、ほかにもVisual Studio Codeや、EclipseにJavaScriptプラグインする方法などがあります。１６：３７あたり create-react-appで作成されるファイル…