2024年– date –
-
【Git】ローカル開発/基本操作でよく使うコマンド実施例
筆者の備忘録用に、ローカル開発におけるGitの基本コマンド実施例を纏めました。 Gitはインストール済、以下のプロジェクトディレクトリ(フォルダ)を用意し、エディタ... -
【Git】ローカル開発/基本操作でよく使うコマンド一覧
筆者の備忘録用に、ローカル開発におけるGitの基本コマンドをまとめました。ブランチ開発のコマンド一覧は こちらリモートに関するコマンドについては別記事に纏める予... -
【CSS】初心者ガイド:疑似クラスセレクター/:has()
特定の要素を選択するための「CSSセレクター」には、要素の状態や位置に基づいてスタイルを適用できる疑似クラスセレクター(:hoverなど)があります。本記事では、その... -
【ChatGPT × WordPress】コピペだけでWebアプリを作ってみた(パーセント計算ツール)
プログラミングをする上で、もはや欠かせなくなった超便利AI『ChatGPT』を使って、簡単なWebアプリを作ってみました。アプリの作成とWeb公開は WordPress が使えるので... -
【無料】画像に背景色を付与するWebツール
選択した画像に好きな背景色を追加できる、無料のWebアプリです。PNGなどの背景が無い(透過している)画像のみ対応しており、背景色変更後の画像はJPEG形式で取得でき... -
色見本からカラーコードを取得(コピー)するWebツール
好きな色をクリックまたはタップすると、その色のカラーコード(16進数)をコピーできるピッカーツールです。 ご利用にあたっては、本Webアプリの 利用規約 も合わせて... -
【超便利】iPhoneの画像を背景白色/透明にする方法(ショートカットアプリ)
iPhoneに保存した写真(画像)の背景を消して、白色または透明で保存できます! 元画像 背景白(JPG形式) 背景透明(PNG形式) 被写体が鮮明でない場合は、うまく背景... -
【無料】画像サイズを小さくできるWebツール
選択した画像を1.0~0.1倍サイズまで縮小できる、無料のWebアプリです。(0.5倍を選択した場合:W2,000px × H1,500px → W1,000px × H750px) 画像形式はJPG、PNG、Webp... -
【CSS】テキストなどの要素をスライド表示するアニメーション
本記事では、以下のように指定したテキストなどをゆっくり/徐々に表示するアニメーション(スライドイン)の実装方法を紹介します。(ボタンをクリックすると、実装し... -
【JS&CSS】画像をクリックしたら拡大表示する方法(モーダルウィンドウ)
画像をクリック または タップすると、画面中央に原寸大の画像をフワッと表示する方法を紹介します。(右のレインボーの画像をクリック または タップしてみてください...