JavaScript アーカイブ - ブレインログ

PhotoSwipe v5 の使い方（最低限のコードで簡単実装）

はじめに以前、古いバージョンのPhotoSwipeの使い方の記事を書きました。あれからしばらく経ち、新しいバージョンのPhotoSwipeが出てたので、使い方をまとめてみます。今度のPhotoSw […]

はじめに以前、jQueryを使ったAjaxの使い方について記事にしましたが、ライブラリに依存しないFetchという最近よく使われている方法をまとめてみました。【Javascript】Ajaxを使っ […]

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

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

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

この記事の内容は古いバージョンの実装方法です。新しいPhotoSwipeバージョン５の実装方法を知りたい場合は、以下の記事をご覧ください。はじめにサムネイル画像をクリックすると拡大表示できるJSラ […]

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

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

はじめに写真を縦横比を維持したままタイル状に綺麗に並べるためのライブラリー「Mosonry」の必要最低限の実装方法です。 CSSで正方形にトリミングして並べる方法は一般的ですが、トリミングせずに並べ […]

はじめに Ajax「Asynchronous JavaScript + XML」を使ってJavaScriptからサーバ側（PHP）にデータを渡す事ができます。サーバ側でデータを受け取って処理した後、 […]