CSS ダークモードをCSSで出し分け OSでダークモードの時、CSSで検知し、スタイルを変更するサンプルです。 OSで暗いところ用のダークなモードの切り替えは、だいぶ浸透してきました。 サイト側でも個別でダークモードを用意していたサイトもあるかもしれません。... 2021-06-03 00:38:01
JS サウンドビジュアライザー 音を使ったビジュアル表現のサンプルです。 jQueryとhowler.jsを使ったサウンドビジュアライザーのサンプルコードの備忘録です。 音のスピードや音量調整も簡易的に付けています。 BGM ra... 2021-06-02 00:56:29
JS 繋げて処理を実行 functionなどの処理を複数続けて値を渡して実行したいときのサンプルです。 数珠繋ぎ(チェーン)でデータを渡して、処理をしたい時、Promiseのthenメソッドが便利です。 最初にPromiseを生成することで、thenで繋げて処理をすることが... 2021-05-31 01:33:48
JS 同時にfunctionを実行 Promiseを使って複数の処理を同時に実行するサンプルです。 複数の処理を同時に実行する処理は、複雑な記述になりがちです。 まとめて同時に発生させたり、それぞれエラーが発生したり、どこかで制御する処理を考えない... 2021-05-31 00:23:25
JS if文の省略形 ifの処理を省略して書くサンプル。 ifの処理の省略形は、読めるけどなかなか覚えにくい。 とはいえ、こういったショートハンドは人のコードを引き継ぐ際には必須なので、覚えておきたい。... 2021-05-30 22:49:25
jQuery CSVを参照する 同じサーバ内にあるCSVを参照して、パースするサンプルです。 サーバ内に置かれているCSVを読み込み、HTMLを組みます。 jQueryとjQuery-CSVというライブラリを利用します。 [[ id,name,price 1,A,100 2,B,150 3,C,... 2021-05-30 00:43:12
CSS 背景画像をマスクして左右に動かす 縦長の四角形の中に横長の画像を入れ、左右にアニメーションさせるサンプルです。 横幅を狭いエリアに、横長の画像を配置すると全体に小さくするしかありません。 そんな時、サイズは大きなまま画像の全体を表示するために、アニメーショ... 2021-05-28 13:55:39
JS JSONのサンプル 記事のリストのデータのJSONのサンプル [[ { "post": [ { "id": 1, "title": "enjoy&qu... 2021-05-21 00:04:52
PHP ライブラリを使ってQRコードを生成 QRコードを生成するPHPをライブラリを使って実装するサンプルです。 活用したQRコード生成のライブラリはこちら https://github.com/endroid/qr-code... 2021-05-16 21:23:42
PHP composer [[composer -v]] composerのバージョンを確認 [[composer self-update]] composer自体のアップデート [[composer self-update --rollback]] やっぱり... 2021-05-16 20:49:09