JavaScript

JavaScript

【jQuery】上にスクロールした時に表示されるヘッダーの作り方

今回はjQueryで上にスクロールした時に表示されるヘッダーの作り方を解説します。 デモ 実際の動きはこんな感じです。下にスクロ...
2021.10.03
JavaScript
JavaScript

【超図解】jQueryでスクロール時に要素をフェードインさせる方法

今回はjQueryでスクロール時に要素を下からふわっとフェードインさせる方法を初心者でもわかりやすいように図解で説明します。 デモ...
2021.10.02
JavaScript
JavaScript

【jQuery】ヘッダー固定時に別ページへのアンカーリンクがずれる時の対処法

今回はヘッダーにposition: fixedを指定している場合に別ページからアンカーリンクに遷移するとヘッダーの高さ分ずれてしまうアレの対...
2021.08.15
JavaScript
JavaScript

jQueryでリアルタイム数字バリデーション機能を作る

今回はjQueryで入力値が数字かどうかをリアルタイムでチェックし、数字じゃない場合は弾くというリアルタイム数字バリデーション機能の作り方を...
2021.07.22
JavaScript
JavaScript

JavaScriptのCookieを使ってアクセス回数をカウントする方法

今回はJavaScriptのCookie（クッキー）を使ってアクセス回数をカウントする方法を紹介します。 Cookieでアクセス回...
2021.07.05
JavaScript
JavaScript

JavaScriptのCookieを使って初回アクセスかどうかチェックする方法

今回はJavaScriptのCookie（クッキー）を使ってサイト訪問時に初回アクセスかどうかを判定する方法を解説します。 Coo...
2021.07.05
JavaScript
JavaScript

JavaScriptのsort関数の使い方を絶対わかるまで解説する

JavaScriptで数字を並び替えしたい時があってsort関数を使う機会があったのですが、どういう原理で並び替えをしているのかイマイチよく...
2021.06.27
JavaScript
JavaScript

jQueryでリサイズイベントの処理を1回だけ実行する方法

jQueryでリサイズイベントを実行するにはresizeイベントを使いますが、これだとウィンドウ幅を少しでも変えるとその度にイベントが発火し...
2021.06.26
JavaScript
JavaScript

【Gatsby】Contentfulのマークダウンの改行（\n）を<br>として改行する方法

Gatsbyで作ったブログで記事の管理はContentfulでやっているのですが、マークダウンエディターを使うときに気になっていたことがあり...
2021.04.19
JavaScript
JavaScript

GatsbyでFont Awesomeを使う方法

今回はGatsbyでFont Awesomeを使ってフォントを表示させる方法を紹介します。 Font Awesomeのパッケージを...
2021.04.19
JavaScript
JavaScript

jQueryで一定時間だけクリックを無効にする方法

jQueryでスライダーを作っていて、矢印を連続クリックするとスライド処理が追い付かずに挙動がおかしくなってしまったので対策としてスライドし...
2021.04.16
JavaScript
JavaScript

Gatsbyで爆速ブログを作る前に知っておきたかったこと

「Gatsby + Contentful + Netlifyで誰でも簡単に爆速ブログが作れます！」みたいな記事を読んで「マジか！結構簡単にで...
2021.04.05
JavaScript
JavaScript

【Gatsby】GraphQLのuseStaticQueryって何なのか調べてみた

gatsby-starter-blogでブログを作っていたとき、GraphQLのコード内で「useStaticQuery」というのが出てきて...
2021.04.04
JavaScript
JavaScript

【React】関数コンポーネントの引数（props）は分割代入で渡すとわかりやすい

最近React製の静的サイトジェネレーター「Gatsby」でブログを作っていたら、Reactの関数コンポーネントにオブジェクトで引数（pro...
2021.04.03
JavaScript
JavaScript

【Gatsby】CSS Modulesのdoes not contain a default exportエラーを解決する

GatsbyでCSS Modulesを使おうとしていたらこんなエラーが出ました。 layout.jsにlayout.module.cs...
2021.04.03
JavaScript
JavaScript

【Gatsby】Sass + CSS Modulesな環境を作る

今回はGatsbyでSass + CSS Modulesが使える環境構築のやり方解説します。 GatsbyでSass + CSS ...
2021.04.02
JavaScript
JavaScript

Gatsby + Netlifyでデプロイがエラーになる時

今流行り（？）のGatsby + Contentful + Netlify + GitHubという構成でブログサイトを作っていたところ、ne...
2021.04.02
JavaScript
JavaScript

Prism.jsの使い方！シンタックスハイライトにおすすめ

今回は軽量シンタックスハイライトライブラリ、Prism.jsの使い方を紹介します。 Prism.jsは数あるWordPressのハイラ...
2021.03.10
JavaScript
JavaScript

コードハイライトをhighlight.jsからPrism.jsに乗り換える手順

今までコードのハイライトライブラリはhighlight.jsを使っていましたが、使っていくうちに細かいところが気になるようになり、Prism...
2021.03.05
JavaScript
JavaScript

動画再生ライブラリ、Video.jsの使い方

今回はJavaScriptの動画再生ライブラリ、Video.jsの使い方を解説します。 Video.jsとは？ 普通に動画再生す...
2021.02.22
JavaScript
次のページ