2023-02-01から1ヶ月間の記事一覧
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…
⓪ Node.jsをダウンロードし、インストールする。npmも同時にインストールされる。 これでnpmコマンドが使えるようになりました。 ①create-react-appを利用して、Reactのプロジェクトを作成します。 コマンドプロンプトで、 >npm install -g create-react-app…
www.youtube.com www.youtube.com [props + state のサンプルコード] title属性でテキストの文字列を設定し、buttonText属性で、ボタンに表示される文字列を設定し、そのボタンを押すと、テキストの文字列が置き換わるような、テキストとボタンがセットに…
『Visual Studio Codeを、JavaScriptのIDEにする』と書いてますが、要は使いやすくするということです。 JavaScriptをVisual Studio Codeで書いてきて、いまさら別のソフトは使いたくないという方は見てください。 なんといっても、デバッグサポートがないと…
www.youtube.com 初めの設定のところは、Windows10だと少し違うようです。 下記HP参照でうまくいきました。 qiita.com npm -g install react-native expo init react-native-first と記入してEnterする。 プロジェクトが作成されました。 Android StudioのSD…
yarnを使えるようにする Node.jsがインストールされているなら、 コマンドプロンプトで、 > npm install -g yarn と記載すると、yarnがインストールされます。 www.youtube.com URLにlocalhost :3000を打ち込む代わりに、 コマンドプロンプトで yarn startで…
カレンダーを表示し、『次の月へ』ボタンを押すと、次の月のカレンダーが表示されます。 (ただし、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>
JavaScriptで、どれくらいのレベルなら、React.jsで困ることはないのでしょうか? JavaScriptをどのくらいできたらReactの勉強をはじめるべきか - YouTube JavaScript入門はいろいろありますが、下記を参照とします。 www.pazru.net カレンダー表示…
www.youtube.com このYoutubeでは、Macを使っている。エディタはIntelliJ IDEAを使っている。 エディタは、ほかにもVisual Studio Codeや、EclipseにJavaScriptプラグインする方法などがあります。 16:37 あたり create-react-appで作成されるファイル…
www.youtube.com まとめると、HTML、CSSを最小限学んでから、JavaScriptに入りましょうということです。 React.jsを学習するのが目標であるなら、下記のようにすればよいと思われます。 HTMLについては、 ①最小コーディングと②いくつかのタグを理解しておけ…
www.youtube.com www.youtube.com これらを参考にして、Reactの設定・準備について書いていきます。 まず、コマンドプロンプトで、npmやnpxのコマンドを使えるようにしないといけないが、 これはNode.jsをダウンロード、インストールすることで、同時に達成…
まず、初めにこのブログでの方向性について書いていきたいと思います。 最終目標は、React Nativeを使用してアプリを開発することです。 環境は、Windows10+Visual Studio Codeです。 Youtube動画は、OSがMacの場合が多いようですのでWindowsならどうなんだ…