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
PHP NewsAPIを取得する ニュースの情報を取得できるAPIを探していたところNewsAPIというサービスがあったのでPHPで取得してみた。 下記のサービス「NewsAPI」を使って最新のニュース情報を取得する手順の備忘録です。 NewsAPI なお、Node.jsやrubyやPythonでも取得が可能とのこと。... 2021-05-08 13:25:30
JavaScript 別ページのOG情報を取得 JSでHTMLページのOG情報を取得して、ページ内に表示するサンプルです。通信するページへはアクセス許可があるページに限ります。 同じサイト内で、別のページのOG情報を取得する時のサンプルです。 OG情報とはページをSNSでシェアするときなどに読み込まれるページの概要をまとめた情報で... 2021-05-05 18:45:28
CSS インプットスライダーの加工 スライドして入力するインターフェースのデザインやデータの取得するサンプルです。 HTMLのinputタグのtypeをrangeにすると、ブラウザのデフォルトのスライドUIが使えます。 ブラウザに依存するUIなので、そのまま使う方何かと安全ではあります... 2021-02-23 17:34:49