Programming
javascript】オリジナルの右クリックを作り、独自のイベントを追加する方法
javascriptで右クリックを制御し、オリジナルの右クリックを作成し、独自のイベントを追加する。
プログラミング
2024-07-16
【javascript】【PHP】javascriptの変数をPOST送信し、PHPで処理し、表示させる方法
javascriptでPHPの変数を受け取るのは、意外と簡単。今回は、javascriptの変数をformを使わずにPOST送信し、PHPで処理したものを表示する方法について紹介
プログラミング
2024-07-15
【PHP】POST送信された単語で、データベース内を検索し、結果を表示する方法
inputでPOST送信した単語で、データベース内を検索し、検索結果をテーブルに表示する方法を紹介します。PHPファイル１ページで完結します。
プログラミング
2024-06-26
【PHP】exif_read_dataで画像の情報を取得する
EXIF情報とは, 画像の 撮影日時やカメラの機種、 絞りやISO感度、レンズといったカメラの設定、編集に使ったソフトウェアなどさまざまな情報のこと。exif_read_data()で取得し、その後、必要な値を取得します。
プログラミング
2024-06-20
【javascript】要素を追加するappendとappendChildの違い
生成した要素を指定の要素の子要素として追加できますが、違いがあります。appendは引数を複数選択できるが、appendChildは引数は一つだけ。
プログラミング
2024-06-03
【javascript】無限ループするイメージスライダーをtransform:translateで実装
transform:translateを使って、イメージスライダーの実装方法。レスポンシブに対応、 画像を何枚でも増やすことができます。
プログラミング
2024-05-29
Google Search ConsoleのCLSのエラーを半年間放置した結果
CLSのエラーを半年間放置した結果、PVがガタ落ちし、なかなか改善できなかった。CLSとは？改善方法。迅速に改善することをおススメする理由。
プログラミング
2024-04-29
【CSS】transform:skewYで視線を下方向へ誘導する三角形をデザインする
LP（ランディングページ）などでよく見る、下方向に視線を誘導する三角形をCSSでつくる方法。transform: skewYを使うことでレスポンシブにも対応
プログラミング
2024-03-22
【javascript】イメージスライダー、画像をフワッと切り替え、ちょっと拡大させる
javascriptで画像がフワッと切り替わり、だんだん大きくなるイメージスライダーの実装。20行以内のコードで作れます。
プログラミング
2024-02-27
【javascript】文字を円形の画像の周りに配置する方法
円形の画像の周囲に文字を配置する方法を紹介。transform-originを指定。文字の傾きは360°÷文字数で計算します
プログラミング
2024-01-12
