人気のあるUIサンプル

• PHP composer
• [[composer -v]] composerのバージョンを確認 [[composer self-update]] composer自体のアップデート [[composer self-update --rollback]] やっぱり...
• 2021-05-16 20:49:09

• PHP ライブラリを使ってQRコードを生成
• QRコードを生成するPHPをライブラリを使って実装するサンプルです。 活用したQRコード生成のライブラリはこちら https://github.com/endroid/qr-code...
• 2021-05-16 21:23:42

• JS JSONのサンプル
• 記事のリストのデータのJSONのサンプル [[ { "post": [ { "id": 1, "title": "enjoy&qu...
• 2021-05-21 00:04:52

• CSS 背景画像をマスクして左右に動かす
• 縦長の四角形の中に横長の画像を入れ、左右にアニメーションさせるサンプルです。 　 横幅を狭いエリアに、横長の画像を配置すると全体に小さくするしかありません。 そんな時、サイズは大きなまま画像の全体を表示するために、アニメーショ...
• 2021-05-28 13:55:39

• 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

• JS if文の省略形
• ifの処理を省略して書くサンプル。 ifの処理の省略形は、読めるけどなかなか覚えにくい。 とはいえ、こういったショートハンドは人のコードを引き継ぐ際には必須なので、覚えておきたい。...
• 2021-05-30 22:49:25

• JS 同時にfunctionを実行
• Promiseを使って複数の処理を同時に実行するサンプルです。 複数の処理を同時に実行する処理は、複雑な記述になりがちです。 まとめて同時に発生させたり、それぞれエラーが発生したり、どこかで制御する処理を考えない...
• 2021-05-31 00:23:25

• JS 繋げて処理を実行
• functionなどの処理を複数続けて値を渡して実行したいときのサンプルです。 数珠繋ぎ（チェーン）でデータを渡して、処理をしたい時、Promiseのthenメソッドが便利です。 最初にPromiseを生成することで、thenで繋げて処理をすることが...
• 2021-05-31 01:33:48

• JS サウンドビジュアライザー
• 音を使ったビジュアル表現のサンプルです。 jQueryとhowler.jsを使ったサウンドビジュアライザーのサンプルコードの備忘録です。 音のスピードや音量調整も簡易的に付けています。 BGM ra...
• 2021-06-02 00:56:29

• CSS ダークモードをCSSで出し分け
• OSでダークモードの時、CSSで検知し、スタイルを変更するサンプルです。 OSで暗いところ用のダークなモードの切り替えは、だいぶ浸透してきました。 サイト側でも個別でダークモードを用意していたサイトもあるかもしれません。...
• 2021-06-03 00:38:01