ReactのJSX記法について
こんにちは。今回はReactの環境を作成した後の話になります。JSX（TypeScriptではTSX）記法に関して触れていこうと思います。 まず初めにReactのプロジェクトを作成してください。（まだ作成されていない方はこちらを参考にReactの環境作成を行っていただくと始めることができます。） そもそもJSX記法に関して何なのかという話ですが、これはJavaScriptファイル内にHTMLタグを […]
MONTH
2024年10月
NestJsを利用したWebAPIの作成
こんにちは 今回はNestJsを利用して簡単なWebAPIを作成したのでその方法をまとめておきます。 まずはnpmを利用して、nestjs/cliをグローバルインストールします。 このようにコマンドプロンプトに打つとnestコマンドが使用できるようになります。 次にnestコマンドでプロジェクトを作成したいディレクトリにcdをして、 と打つと、sample-appという名前でプロジェクトが作成され […]
JavaScriptの便利関数
筆者が勉強してて必要そうな関数について機能と使い方をまとめておこうと思います。 ・map関数 すでにある配列の中身を使用して、新しい配列を作成してくれる関数です。ReactのJSX記法で仮想DOMを配列の個数分作成するなどの使用法ができます。 このように書くとarrayの要素一つ一つを取り出して、mapの()内の処理を行って、新しい配列であるnewArrayの要素に格納されます。今回であれば配列の […]
Reactのコーディング環境作成編
こんにちは 今回はReactの環境構築について紹介していきます。 初めに作者のNodeのバージョンと使用しているOSを紹介します。 環境 ・OS: Windows11 ・Node.js: v16.13.1 React.jsを利用するためには、コマンドプロンプトに とプロジェクトを作成したいディレクトリまでcdしてから入力してください。 また、javascriptではなくTypeScriptを利用し […]
HTML&CSSをコーディングをするための環境
こんにちは! 筆者がHTML&CSSのコーディングをするために使用している環境をご紹介します。 環境 ・PC: MacBookAir2020(Coreiプロセッサ) ・OS: MacOSBigSur ・エディター: Visual Studio Code ・ブラウザー: Google Chrome PC&OSについて よほどのことがない限りWindows10搭載のPCかMacOS搭載 […]
Node.jsをインストールする
JavaScriptの環境を整えたいということでいろいろ調べてみると、Node.jsをインストールするのが良さそうでしたので、手持ちのMacにインストールする手順をここでは解説していこうと思います。 環境 ・OS: macOS Big Sur(11.2.1) ・PC: MacBookAir2020(coreiプロセッサ) インストール編 サイトの下にある 上記のコマンドをターミナルに入力します。 […]
ロリポップサーバーを借りてWordPressをインストールしてホームページを公開する手順
今回はホームページをインターネット上に公開する手順についてご紹介します。 (本ホームページに掲載されている情報、または本ホームページを利用することで発生したトラブルや損失、損害に対して、筆者は一切責任を負いません。ご了承ください。) 手順としては、「レンタルサーバーを借りる」、「ドメインを取得する（独自ドメインが欲しい場合）」、「WordPressをインストールする」の手順となります。 また、さく […]