2024年– date –
-
メルカリ出品の利益・利益率を自動計算【販売価格と仕入れ価格から利益率を瞬時に計算！】
「仕入れ価格」「販売価格」「配送料」を入力するだけで、販売利益や利益率を自動計算します。メルカリなどのフリマアプリでの出品前のシミュレーションに最適なツールです。 初心者でも簡単に使える利益・利益率計算ツールで、出品時の価格設定をサポート... -
【JavaScript】ホバーで切り替わる画像
この記事では、JavaScriptでマウスホバー又はスマホの画面タップで画像が切り替わるプログラミングコードを解説します。 完成形 まずは完成形を見ていきます。メインの画像とサブの画像が３枚あります。サブの画像をマウスでホバー又はスマホの画面をタッ... -
【JavaScript】バルーンアニメーション(Anime.js)画面中央から風船が広がるアニメーション
この記事では、JavaScriptのライブラリ『Anime.js』を使って風船が中央から外側に向かってランダムに広がるアニメーションを実装するプログラミングコードを解説していきます。 完成形 最初に完成形を見ていきます。画面の中央で作られた風船が外側に向か... -
【CSSアニメーション】1文字ずつ色が移り変わるアニメーション
この記事では、CSSアニメーションを使って文字の色を1文字ずつ切り替えていくプログラミングコードを解説します。 完成形 まずは完成形を見ていきます。JavaScriptのコードで、文字を１文字ずつspanタグで囲み、CSSアニメーションを使って色を切り替えてい... -
【CSSアニメーション】無限ループで流れる画像
この記事では、CSSのアニメーションを使って無限ループで流れる画像を実装するプログラミングコードを解説していきます。 完成形 最初に完成形を見ていきます。３枚の画像が右から左に向かって流れています。 See the Pen cssanimation02 by aqua (@aqua-p... -
【JavaScript】ふわっと切り替わる画像
この記事では、JavaScriptのsetIntervalを使って指定した時間ごとに画像をふわっと切り替えるプログラミングコードを解説していきます。 完成形 最初に完成形を見ていきます。３枚の画像がふわっと切り替わっています。 See the Pen js-03 by aqua (@aqua-... -
【簡単】ボタンクリック時の挙動・動作を無効化する方法/WordPress/JavaScript
WordPressのテーマなどを使用してサイトを作成していると、ボタンは設置したいけど、デフォルトの挙動・動作を無効化したい時があると思います。 そんな時に使える方法について紹介していきます。 javascript:void(0)による無効化 ボタンの動作を無効化す... -
ふわふわ動く右矢印【WordPress】cssアニメーション/キーフレーム
本記事では、右矢印をふわふわ動かしてアニメーションさせたい時の方法について紹介していきます。 今回は矢印を動かしていますが、その他にも色々と応用ができるため好きなようにアレンジを加えて頂ければと思ってます！ ふわふわ動く右矢印 まずは完成形... -
【WordPress】画面いっぱいに自動で要素を収めるJavaScriptコードの紹介
本記事では、特定のセクションのサイズを自動的に調整したい時に使えるJavaScriptのコードについて紹介していきます。 JavaScriptコードの紹介 このコードは、ブラウザウィンドウのサイズに応じて、特定のセクションのサイズを自動的に調整するためのJavaS... -
【WordPress】ユーザーのデバイス（PCまたはモバイル）に基づいて、特定のページへリダイレクトさせる方法(function.php)
本記事では、パソコンとスマホでデザインが大きく変わり、レスポンシブデザインでは限界がある場合にパソコン用のトップページとスマホ用のトップページへそれぞれリダイレクトさせる方法について紹介していきます。 PHPコードの紹介 以下のコードは、ユー...