Javascript 2023/6/14 【WordPress】自作カスタムブロックに関する備忘録 この前の記事でdata-*属性のカスタムブロックの作成方法を書きました。それからちょこちょこ触ってみて実際に作成する際はこういう形で開発すると編集しやすいかな・スマートかなと思ったことがあったので、それらを記録としてまとめたいと思います。 ...
Javascript 2021/1/28 2021/2/7 スクロール禁止のJavaScriptについて考えてみる【PC/スマホ対応】 「モーダルを開いた時にスクロールを一時的に禁止させたい」という目的でmousewheelイベントを使ったところ、Firefoxブラウザで動作しないということがありました。 その調べ物ついでに、スクロール禁止関連のイベントで気になったことを調...
Javascript 2020/9/9 2021/11/21 【HLS】ウェブサイトの動画をストリーミング再生する【hls.js】 こんにちは、しばです。 ウェブに掲載する動画が重いときはこれまで動画本体の画質を落として軽量化して対応してきたんですが、解像度の荒さが気になる場合も。 そんな時、HLSを使ったストリーミング配信をすれば動画本体のクオリティを下げずにスムーズ...
APPLICATION 2020/4/8 2020/4/9 Lottieでウェブアニメーションを作ってみた【サンプル有り】 こんにちは、しばです。 最近Adobe After Effectsを使っているんですが、とある記事でLottieの存在を知りました。 After Effectsのアニメーション書き出せるとかすごでは...試してみたい →Webアニメーション...
Javascript 2019/5/22 2019/10/31 【PHP】シャープ(#)をパラメータとして受け取る方法【Ajax】 こんにちは、しばです。 この前、シャープをパラメータとして受け取ってphpで使いたいなぁという機会がありました。 例であげるとこういうURLです。 https://exampla.com/?target=man_#01 https://ex...
Javascript 2018/11/14 2021/2/7 スクロールジャンクを防ぐ “Passive Event Listener”とは こんにちは、しばです。 スマホでhoverアクションを適用するかどうか、意見が分かれる部分だと思いますが適用したいという人も多いかと思います。 この間試しに適用して検証してみたところ、Chromeの開発者ツールで大量の「[Violation...
Javascript 2018/6/6 2020/3/3 Flickr APIを使ったギャラリーサイトの作り方【jQuery】 こんにちは、しばです。 写真系SNSの二大巨頭と言われるInstagramとFlickr。「インスタ映え」で話題になったInstagramは一般的にも有名ですが、写真撮影に力を入れているなら撮影情報(Exifデータ)を残せるFlickrを使...
Javascript 2018/3/21 2019/10/31 【AngularJS】スコープを使ってngStyleを動的に変化させる【条件】 ng-classの記事はよく見るのですが、ng-styleでスコープのプロパティを使ったり条件つけたりする方法が今いち分からなかったので、まとめました。 ng-styleの使い方 基本的な書き方 ◯ ng-style="{ height :...
Javascript 2018/3/14 2019/10/31 【AngularJS】 ng-repeatでデフォルトの逆順にソートしたい 主キーを置いて昇順・降順にソートする方法はよく見かけるのですが、配列やオブジェクトを元のインデックスの逆順で表示する方法が見当たらなかったので調べてみました。 (さらに…)