【Javascript】Fetchを使ってサーバ（PHP）とデータのやり取りをする
- 2022.02.06
- JavaScript
- Ajax, Fetch
はじめに 以前、jQueryを使ったAjaxの使い方について記事にしましたが、ライブラリに依存しないFetchという最近よく使われている方法をまとめてみました。 【Javascript】Ajaxを使っ […]
JavaScript
1/2ページ
【JavaScript】JSON.parse()でエラー（リテラルの不正な制御文字）
- 2021.07.07
- JavaScript
- JSON, 制御文字
とあるJSONファイルをJSON.parse()で読み込もうとしたところ、以下のようなエラーが出た。 Uncaught SyntaxError: JSON.parse: bad control cha […]
VScode上でjQueryの.focus()に横線が入る
- 2021.05.16
- JavaScript
- focus(), jQuery, VScode
コードエディターにVScodeを使っているんですが、たまにコードに横線が入る時がある。 非推奨の書き方をすると、それを教えてくれる機能みたいですが、jQueryの.focus()に横線が入ったので調べ […]
【jQuery】スマホのロングタップ（長押し）イベントの実装
- 2021.05.07
- JavaScript
- jQuery, イベント, スマホ, ロングタップ
Webアプリなどをレスポンシブデザインで作っている時、PCではカーソルホバー、モバイルではロングタップで要素を表示させたりしたい場合があります。意外にもロングタップイベントを受け取る方法が確立されてい […]
Swiper.jsのautoplayが効かない
- 2021.01.05
- JavaScript
- autoplay, Swiper.js
画像やコンテンツのスライドショーが簡単にできるJavaScriptライブラリー「Swiper.js」のautoplayオプションが効かなくて、しばらく迷走した時の話。 現象 「Swiper.js」をn […]
PhotoSwipeの使い方（最小限の実装）
- 2020.11.12
- JavaScript
- photoswipe
サムネイル画像をクリックすると拡大表示できるJSライブラリ「PhotoSwipe」の使い方をできるだけ簡潔にまとめてみようと思います。Light Box（ライトボックス）系のライブラリは沢山ありますが […]
WordPressでページ毎に別のJavaScriptを読み込む方法
- 2020.08.10
- JavaScript WordPress
- functions.php, JavaScript, WordPress
以前、ショートコードを使って自作のPHPやJavaScriptを動かす方法を紹介しましたが、今回は、ページ毎に別々のJavaScriptを読み込む方法をご紹介します。 ファイルのアップロード まず、ス […]
JavaScriptでselect要素のoption（項目）をセレクトする
- 2020.07.27
- JavaScript
- JavaScript, jQuery, selected
JavaScriptでselect要素の、ある項目を選択状態にしたかった時に、ちょっとハマったのでメモ。 似たような処理で、JavaScriptでselect要素のデフォルトの項目を設定する方法があり […]
【超簡単】Masonryの使い方と最低限の実装方法
- 2019.11.25
- JavaScript
- masonry
はじめに 写真を縦横比を維持したままタイル状に綺麗に並べるためのライブラリー「Mosonry」の必要最低限の実装方法です。 CSSで正方形にトリミングして並べる方法は一般的ですが、トリミングせずに並べ […]
【Javascript】$.ajaxを使ってサーバ（PHP）にデータを渡す方法
- 2019.08.27
- JavaScript
- Ajax, JavaScript, PHP
はじめに Ajax「Asynchronous JavaScript + XML」を使ってJavaScriptからサーバ側（PHP）にデータを渡す事ができます。 サーバ側でデータを受け取って処理した後、 […]