Webエンジニアのブログ

Webサイトのお問い合わせやWebアプリケーションの入力フォームなどでHTMLのinput要素を使ってフォーム入力欄を作成していきますが、ただHTMLでマークアップしてデザインを整えただけではちょっとした使いづらさでユーザーにストレスを与え...
続きを読む>>

データベースの構造を構築していく中で作成したテーブルのカラムの順番を変更したいときがあります。 そういった場合はALTER TABLE文でテーブルの定義を変更していきます。 データベースのテーブルを構築している途中で変更したいとなった時にも...
続きを読む>>

jQueryでアニメーションを作る際に、何かのアニメーションの後にもう一つアニメーションをさせたい時にはコールバックを利用します。animateメソッドの後に実行される関数としてコールバック関数を呼び出して、関数内で次のアニメーションを実行...
続きを読む>>

PHPスクリプトで構築しているWebサイトやWebアプリケーションなどでブラウザによって処理を変えたいことがあるかと思います。とくにブラウザによって挙動が違ってくる時には。 WordPressなどもそうですがPHPスクリプトを利用しているW...
続きを読む>>

HTMLのformタグを使った入力フォームでは入力文字数に制限をかけたい時はjQueryを利用することで入力文字数に制限をかけることができます。ここではjQueryを使ってユーザーからの入力テキストの文字数に制限をかける方法をご紹介します。...
続きを読む>>

PHPでMySQLを取り扱っている時にPHPスクリプトでSQL文を発行してINSERT文でテーブルにデータを追加することはよくありますが、エラー表示が出ていないのになぜかデータが追加されないということに遭遇することがあります。 INSERT...
続きを読む>>

Webサイトで背景として動画を画面全体に流すことでユーザーの目を引きつけて言葉では伝わらないメッセージや印象を与えることができます。 ここではHTMLのvideoタグとCSSで動画を背景として画面全体に表示させる方法をご紹介します。 HTM...
続きを読む>>

Webサイトでよく見るスマートフォン用のハンバーガーメニューはCSSのみで作成して表示・非表示まで実装することができますが、少し高度な技術はちょっと苦手だなという方はいるでしょう。ここではクリックして画像を切り替えるスマホ用メニューを作成す...
続きを読む>>

データベースを利用したWebアプリケーションを開発していく中で、テーブル内の情報から特定のキーワードで文言検索をかける仕様をデザインに追加する時があります。検索窓やカテゴリーを選択させて検索させる場合でしょうか。 そうした仕様にする場合は裏...
続きを読む>>

簡単なWebアンケートをHTMLとPHPスクリプトを使ってフォームを作成した際、テキストやテキストエリアの値の取得や表示はわかるがラジオボタンやチェックボックスを使った場合は、特にチェックボックスですが少し手こずります。ここではPHPでフォ...
続きを読む>>