WordPressとGatsbyを連携して高速なサイトを作る - 環境構築から基本的なページ作成まで
今回はWordPressとGatsbyを連携して高速なサイトの作る手順について説明します。 説明する環境は以下です。 macOS Catalina v10.15.5Visual Studio Code...
ー 2ページ目
【React】react-helmet-asyncを使ったheadの設定方法 - URLごとに切り替える
今回はreact-helmet-asyncを使ってheadの設定方法について説明します。 前提条件は以下 VSCode上でcreat react appを使ってReact、TypeScriptの環境で...
【React】React Router v6の使い方 - URLによって表示を切り替える
今回はReact Router v6の基本的な使い方について説明します。URLによって表示を切り替えるときに必要な機能です。 前提条件は以下 VSCode上でcreat react appを使ってRe...
【React】状態管理をRecoilを使って行うチュートリアル
今回はReactの状態管理をRecoilを使って行う方法について説明します。Recoilはまだ実験段階のライブラリですが、Zennなどいくつかのサービスで利用されはじめています。 前提条件は以下 VS...
【VSCode】ReactとTypeScriptでTODOリストを作って基礎を学ぶ
今回はReactとTypeScriptでTODOリストを作ってReactの基礎を学びます。作成するデモサイトは以下です。 デモサイト 前提条件は以下 creat-react-appを使ってReact、...
【VSCode】ReactとTypeScript、ESLint、Prettier、Airbnbで環境構築する手順
今回はVSCodeでReactとTypeScript、ESLint、Prettier、Airbnbの環境構築について説明します。 前提条件は以下 creat-react-appを使ってReact、Ty...
【TypeScript】classで型を使う - JavaScriptとの書き方の違いとは？
今回はTypeScriptでclassを使う方法について説明します。 説明する環境は以下です。 macOS Catalina v10.15.5Visual Studio Code v1.57.0Typ...
【TypeScript】引数と一緒に型を渡す方法 - ジェネリクス
今回はTypeScriptで引数と一緒に型を渡すジェネリクスについて説明します。関数だけではなく、interfaceやtypeエイリアス、class、Promiseなどにも使えます。 説明する環境は以...
【TypeScript】実務でよく使う！型指定の応用編
今回は実務でよく使うTypeScriptの型指定について説明していきます。 macOS Catalina v10.15.5Visual Studio Code v1.57.0TypeScript v4...
【JavaScript】Wikipediaの情報をAPIを使って非同期で取得する方法- asyncとawaitを学ぶ
今回はJavaScriptでwikipediaの情報をAPIを使って非同期で取得する方法について説明します。 前提条件は以下です。 同期処理と非同期処理について理解しているPromise、async/...
