javascript

※Web開発

jQueryとは

jQueryとはjQueryはJavaScriptフレームワークの一つで、JavaScriptを書きやすくするためや、Web技術を簡単に利用できるようにサポートされたものです。jQueryの主な機能として、DOM操作、イベント操作、Ajax...
※Web開発

メールを送信する方法

【PHP入門】メールを送信する方法(mail/mb_send_mail)JavaScriptメール送信!初心者向け10のステップ
※Web開発

【JavaScript】要素の取得方法(getElement、querySelector)

※Web開発

【TypeScript / JavaScript】this = “これ” ← どれ? 【備忘録】

TypeScript(JavaScript)における関数の宣言方法各宣言方法におけるthisの扱い(前提)TypeScriptの関数の宣言方法まずは複数ある関数の宣言方法を簡単にまとめます。①function構文による宣言function ...
※Web開発

【slick】カスタマイズ用オプションまとめ一覧

slickのカスタマイズ用オプションってどんなのがあるの?今回はそんな疑問にお答えします。スライダーを簡単に実装できるプラグインとして有名なslickですが、オプションが色々あり、かなり幅広くカスタマイズ可能です。slickの基本的な使い方...
※Web開発

イメージをジャンプさせるアニメーション

html でこのイメージをジャンプさせるアニメーションをつくれますか?はい、HTMLでこのイメージをジャンプさせるアニメーションを作ることができます。そのためには、以下の手順を踏む必要があります。まず、イメージをHTMLの<img>タグで表...
※Web開発

【WordPress】プラグインなしでカルーセルスライダーを実装する手順

※Web開発

JavaScriptでMySQLを扱うサンプル(Bard)

JavaScriptでMySQLを扱うサンプルをいくつか紹介します。データベースに接続するまず、MySQLに接続するための関数を作成します。JavaScriptfunction connectToDatabase() { // MySQLの...
※Web開発

JavaScriptを使用した簡単な電卓の作り方【サンプルコード+解説付き】

<!doctype html><html lang="ja"><head> <title>電卓</title> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="v...
※Web開発

写真を縦スライスしたphoto演出

Codrops/上記アニメーションの作り方ユニークな Web デザインを次々とリリースする Codrops で公開されている CSS アニメーション例です。1 枚の写真を 4 分割し、CSS animation の slideOutUp ...