【JavaScript】Vimeo動画をポップアップで表示させる方法
今回はJavaScriptを使って、Vimeo動画をサイト上でポップアップ表示させる方法について紹介します。 ポップアップを確認 実装内容は以下 テキストをクリックするとVimeo動画をポップアッ...
ー 新しい記事 一覧
サブディレクトリに配置したWordPressをメインドメインとして表示させる
今回はサブディレクトリに配置したWordPressをメインドメインとして表示させる方法について説明します。 前提条件は以下 レンタルサーバーにXserverを使用サブディレクトリにWordPress本...
【WordPressとGatsby】headのtitleやmeta情報をページごとに設定する手順
今回はWordPressとGatsbyを連携したサイトを、ページごとにheadのtitleやmeta情報を設定する方法を紹介します。 説明する環境は以下です。 macOS Catalina v10.1...
WordPressとGatsbyを連携して高速なサイトを作る - 環境構築から基本的なページ作成まで
今回はWordPressとGatsbyを連携して高速なサイトの作る手順について説明します。 説明する環境は以下です。 macOS Catalina v10.15.5Visual Studio Code...
【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...
