JSReact 条件分岐によるComponent表示切り替え方法を理解する #4
Reactにて条件分岐による表示内容(component)の切り替え方法を紹介致します。条件分岐による切り替え方法には、三項演算子や関数定義を使う方法などがあります。本記事ではボタンによる画面表示内容の切り替えを例に紹介していきます。
JS
JSReact hook useStateの使い方を理解する #3
Event HandlerとuseStateについて紹介していきます。ユーザーがボタンを押下する、何か画面に入力するなどの操作をトリガーとして、定義したイベントを実行する仕組みになります。useStateと組み合わせて使うことがあるため、一緒に紹介します。
JSReact propsを使ったデータの渡し方を理解する #2
Reactにてpropsの基本的な使い方を紹介致します。propsはcomponent間でデータを渡す上で必要な概念になります。propsを使うことで、文字列、数字、オブジェクトを渡すことができます。また関数(function)をポインターとして指し示すこともできます。
JSReact入門 React プロジェクトの始め方 #1
React プロジェクトを開始するにあたって、最初に知っておきたいことを簡潔にまとめました。ReactはJavaScriptライブラリであり、ユーザーインターフェースを構成することができます。ReactではComponentの概念が欠かせません。またJSXコードを理解しておく必要があります。
WordPress【徹底解説】効率よくブログにアクセス数を集めるためにやるべきこと6つ
これからブログを始めるまたは始めたばかりの方にとって役立つ内容となっています。この記事を読むことで、アクセス数(PV)を集めるためにすべきことがわかります。確実な成功方法はありませんが、こうすればアクセス数を集められる可能性が高くなる内容を紹介致します。
WordPressWordPressを使ったブログの始め方
これからWordpressブログを開始したい人向けの内容となっています。ブログを開設するには、サーバー、ドメイン、webサイトが必要になります。レンタルサーバーを利用してWordpressをサーバーにインストールした後、最初に済ませておくべきことについて解説していきます。
WordPressSearch Consoleの導入とGAとの連携方法
Search Consoleを導入することで主にどういったキーワードからサイトに流入があったかを分析することができます。本記事では、GAとの違いについて簡単に触れた後、Search Consoleを導入する方法を紹介していきます。導入方法は2パターンあり、片方を実施すればもう一方は不要です。
WordPressGoogle AnalyticsをWordPressに設定する方法
既にGA4も利用でき、またUAが2023年7月に廃止されるため、GA4の設定がまだの人は、今のうちからGA4の設定を済ませておくことをおすすめ致します。UAとGA4どちらの設定方法についても紹介致します。また設定方法にはMonsterInsightというプラグインを用いた連携方法を紹介致します。
JSNext.jsで複数画像をpreview表示してuploadする方法
本記事では、ファイルのstorage(保存先)として、Firebase storageを利用します。今回、複数のファイル(画像)をまず画面にpreview表示して、表示した複数の画像をFirebase storageへuploadする方法を紹介致します。
JSNext.jsとFirebase storageで画像をuploadする方法
Next.jsとFirebaseを組み合わせると、簡単に画像ファイルのアップロードを行うことができます。Next.js はReactのframeworkになります。画像ファイルのstorage(保存先)として、Firebase storageを利用します。