プログラミング– category –

この記事では、コピペで貼り付けるだけでハンバーガーメニューを実装できるコードを紹介、解説していきます！ 完成形 まずは、完成形を見ていきます！ 右側にあるハンバーガーメニューをクリック又はタップすると動作し、×に切り替わります。 詳細コードは...

この記事では、jQueryを使ってお問い合わせフォームの入力チェックを実装するプログラミングコードについて解説していきます。 完成形 まずは、完成形を見ていきます。お問い合わせフォームの各項目にそれぞれ記入して送信ボタンをクリックすると入力チェ...

この記事では、JavaScriptのsetIntervalを使って一定時間間隔で信号の色を切り替えるプログラミングコードを解説します。 完成形 最初に完成形を見ていきます。緑、黄、赤の信号が３秒ごとに切り替わっています。 See the Pen javascript01 by aqua (@aqua...

この記事では、JavaScriptのクリックイベントを実装するプログラミングコードについて解説します。 クリックすると青のボックスが赤に変わる See the Pen js01 by aqua (@aqua-programdiary) on CodePen. HTMLコード <div class="box"></div> CSSコ...

この記事では、簡単な掲示板サイトを作りながらPHPの勉強をしていきます。できる限り分かりやすく説明していきます。 作成する掲示板サイトの完成形 複雑なコードやコーディング量が多いと難易度が上がってしまうため、今回はHTMLとPHPのコードのみで掲示...

「仕入れ価格」「販売価格」「配送料」を入力するだけで、販売利益や利益率を自動計算します。メルカリなどのフリマアプリでの出品前のシミュレーションに最適なツールです。 初心者でも簡単に使える利益・利益率計算ツールで、出品時の価格設定をサポート...

この記事では、JavaScriptでマウスホバー又はスマホの画面タップで画像が切り替わるプログラミングコードを解説します。 完成形 まずは完成形を見ていきます。メインの画像とサブの画像が３枚あります。サブの画像をマウスでホバー又はスマホの画面をタッ...

この記事では、JavaScriptのライブラリ『Anime.js』を使って風船が中央から外側に向かってランダムに広がるアニメーションを実装するプログラミングコードを解説していきます。 完成形 最初に完成形を見ていきます。画面の中央で作られた風船が外側に向か...

この記事では、CSSアニメーションを使って文字の色を1文字ずつ切り替えていくプログラミングコードを解説します。 完成形 まずは完成形を見ていきます。JavaScriptのコードで、文字を１文字ずつspanタグで囲み、CSSアニメーションを使って色を切り替えてい...

この記事では、CSSのアニメーションを使って無限ループで流れる画像を実装するプログラミングコードを解説していきます。 完成形 最初に完成形を見ていきます。３枚の画像が右から左に向かって流れています。 See the Pen cssanimation02 by aqua (@aqua-p...