Javascript【React.js】画面遷移【ルーティング処理】
Reactで画面遷移をする方法を説明していきます。もちろんaタグなどでも遷移できるのですが、Reactの便利な機能を使いましょう。 Reactプロジェクトを作成 VSCodeのターミナルを起動し、作成したいフォルダに移動し、「...
Javascript
JavascriptJavascript【React.js State】ステートの使い方、書き方【 ステート】
最近Reactを学習し始め、Reactの肝であるState(ステート)に関して記載していきます。 まずはこちらの記事でプロジェクトを作成してみて下さい。 State（ステート）とは？ 簡単にいうと動的な状態管理によって画...
Javascript【テンプレートリテラル】JavaScriptで文字列結合がうまくいかない
簡単にいうとバックスラッシュで記載すべきところをシングルクオートで記載していたのが原因でした。 間違っていたコード 以下のように時間を表示しようとしていたのですが、これでは動きません。 class Clock exten...
HTML【React入門】JSX
以前Reactでのプロジェクトの作成方法を説明いたしましたが、本日はJSXというReactの機能ではありませんが、Reactが推奨している拡張構文です。 では早速説明していきます。 以前作成したReactのプロジェクトを元に説...
JavascriptReact.jsのはじめ方
最近メジャーなJavascriptのライブラリはReact.jsやvue.jsなどになるかと思います。 簡単に説明するとvue.jsは軽めのフレームワークで、少し動きをつけたい場合はこちらで十分ですが、アプリケーションを作りたいなど...
Javascript【初心者向け】Javascriptの基本②
さあ①で簡単なJavascriptの基本を学んできましたが、今回はプログラミングの肝とも言える条件分岐などを学んでいきましょう。 条件分岐 if文 if文を用いると「もし〜ならば○○を行う」という条件分岐ができます。if...
Javascript【初心者向け】Javascriptの基本①
JavaScript（以下、JSと呼びます）はWeb開発においてほぼ必須の言語です。ほぼ全てのWebサイトでJSが使用されています。ちなみにJavaとは全く関係ありませんし、文法も全く違います。 Javascriptを実行してみよう...