【Next.js】typescript導入でビルド時にエラーが出る場合の対処方法

Next.jsにtypescriptの導入方法 開発でTypeScriptの導入は下記コマンドを実行します。 導入時にエラーが発生した場合 typescript導入時にエラがー発生した場合、プロジェクトのビルド時に下記エ […]

続きを読む… from 【Next.js】typescript導入でビルド時にエラーが出る場合の対処方法

年月日日付フォーマットを変更する方法【正規表現】

regex

年月日の日付文字列の日付フォーマットを変更【正規表現】 例えば 2021年3月26日 のように、年月日の日付文字列を自由にフォーマットしたい場合があります。 ここでは正規表現をもちいた変更方法を紹介します。   […]

続きを読む… from 年月日日付フォーマットを変更する方法【正規表現】

Next.jsプロジェクトを作成する手順

Next.jsプロジェクト作成方法

Node.jsのインストール Next.jsはReactのフレームワークです。まずReactの実行環境を整えるためにNode.jsをインストールします。 Node.jsのインストールについては下記。 Next.jsプロジ […]

続きを読む… from Next.jsプロジェクトを作成する手順

xserverにNode.jsをインストールする

xserverにNode.jsをインストール xserverをもちいてNode.jsをインストールする方法です。 インストールの順番は nvm Node.js npm 最初にNode.jsを管理するnvmをインストールし […]

続きを読む… from xserverにNode.jsをインストールする

【Javascript】お知らせを縦スクロールアニメーションで表示する・ニュースティッカーのサンプルプログラム (Class定義版)

縦スクロールアニメーションで記事タイトル表示 コードをオブジェクト指向で記載したサンプルを掲載します。 サンプルプログラム https://choppydays.com/static/newsticker/newstic […]

続きを読む… from 【Javascript】お知らせを縦スクロールアニメーションで表示する・ニュースティッカーのサンプルプログラム (Class定義版)

【Javascript】お知らせを縦スクロールアニメーションで表示する・ニュースティッカーのサンプルプログラム

縦スクロールアニメーションで記事タイトル表示 サンプルプログラム https://choppydays.com/static/newsticker/newsticker.php HTML ニュースティッカーとしてアニメー […]

続きを読む… from 【Javascript】お知らせを縦スクロールアニメーションで表示する・ニュースティッカーのサンプルプログラム

【jQuery】手軽にアニメーション表示をおこなうanimate

jQueryのanimate()メソッドをもちいたアニメーション jQueryのanimate()メソッドは、CSSの値を指定してアニメーションを表現します。 引数 説明 properties 型:PlainObject […]

続きを読む… from 【jQuery】手軽にアニメーション表示をおこなうanimate

【jQuery】スクロールでclassを追加するjavascript

スクロール時に任意箇所にclassを追加 スクロール時にヘッダーデザインを変更するなどの際に、classを追加する場合のjavascriptコード WordPressの場合のサンプル 200pxスクロールでclassを追 […]

続きを読む… from 【jQuery】スクロールでclassを追加するjavascript

Swiper.js が動作しない原因と対応方法【javascript】

jQueryが不要でjavascriptのみで動作するスライダーライブラリ swiper.js。 レスポンシブでモバイルにも対応しています。 Swiperの使い方 簡単にSwiperの使い方を下記に説明します。 Swip […]

続きを読む… from Swiper.js が動作しない原因と対応方法【javascript】