JavaScript│ブレインログ

webpack５でJSとSassをコンパイルする

webpack５を使ってJavaScriptとSassをコンパイルする方法を記録しておきます。この記事では、以下の項目をコンパイル条件としています。 JavaScriptとCSSを別々のファイルで出 […]

とあるJSONファイルをJSON.parse()で読み込もうとしたところ、以下のようなエラーが出た。 Uncaught SyntaxError: JSON.parse: bad control cha […]

コードエディターにVScodeを使っているんですが、たまにコードに横線が入る時がある。非推奨の書き方をすると、それを教えてくれる機能みたいですが、jQueryの.focus()に横線が入ったので調べ […]

Webアプリなどをレスポンシブデザインで作っている時、PCではカーソルホバー、モバイルではロングタップで要素を表示させたりしたい場合があります。意外にもロングタップイベントを受け取る方法が確立されてい […]

画像やコンテンツのスライドショーが簡単にできるJavaScriptライブラリー「Swiper.js」のautoplayオプションが効かなくて、しばらく迷走した時の話。現象「Swiper.js」をn […]

Bootstrapのrowとcolを使ったレイアウトの中でSwiper.jsを使おうとしたら、幅がおかしくなった。現象 rowの中にcolを３つ入れて、横並びレイアウトをしていて、そのcolの中にS […]

サムネイル画像をクリックすると拡大表示できるJSライブラリ「PhotoSwipe」の使い方をできるだけ簡潔にまとめてみようと思います。Light Box（ライトボックス）系のライブラリは沢山ありますが […]

以前、ショートコードを使って自作のPHPやJavaScriptを動かす方法を紹介しましたが、今回は、ページ毎に別々のJavaScriptを読み込む方法をご紹介します。ファイルのアップロードまず、ス […]

JavaScriptでselect要素の、ある項目を選択状態にしたかった時に、ちょっとハマったのでメモ。似たような処理で、JavaScriptでselect要素のデフォルトの項目を設定する方法があり […]

ホームページを作る時、BootstrapとJQueryを使う機会が多いんですが、今までは、それぞれのCDNから読み込んで使っていました。今回は、npmを使ってプロジェクトに直接インストールしてみます […]