Web開発 Web開発 CSSHTML テーブルの行と列をCSSで入れ替える方法 概要テーブルの行と列(横と縦)をCSSだけで入れ替える方法です。サンプル行と列入れ替え前 See the Pen テーブルの行と列の入れ替え前 by take it easy (@take-it-easy) on CodePen.行と列入れ... 2023.03.16 Web開発
Web開発 Web開発 PHP 【PHP】年齢や歴数の年月(○年○ヶ月)を簡単に表示する方法 概要PHPで、年齢を「○歳○ヶ月」と表示したり、歴数を「○年○ヶ月」と表示したい場合の方法です。サンプルスクリプト以下のサンプルスクリプトは年齢を「○歳○ヶ月」と表示する場合です。// 現在日時$now = new DateTime();/... 2023.03.10 Web開発
Web開発 Web開発 CSSHTMLJavascript 【HTML・JavaScript】日付の入力で西暦と和暦の切り替えをする 概要少し前に、Webの日付の入力フォームで、西暦と和暦を切り替えられるようにできないかとの話があった時のメモです。サンプル最終的に、西暦・和暦を切り替えるプルダウンを作る西暦はinputを使用する和暦は、元号をプルダウン、年・月・日はinp... 2023.03.07 Web開発
Web開発 Web開発 CSSHTMLJavascript 【JavaScript】テーブルにソート機能やフィルタリング機能、ページング機能を簡単に追加するList.jsの使い方 概要「List.js」というライブラリを使用することで、テーブルに、ソート機能、フィルタリング機能、ページング機能を簡単に追加することができます。その、「List.js」の使い方です。List.jsPerfect library for a... 2023.03.03 Web開発
Web開発 Web開発 PHP正規表現 【PHP】電話番号やFAX番号の入力チェックの方法 概要PHPで電話番号やFAX番号の入力チェックをするときの正規表現のメモです。どれが正解というのは中々難しく、自分が安定して使用している正規表現になります。ハイフンなしの場合正規表現/^0{9,10}$/「先頭は"0"で、後は9桁か、10桁... 2023.02.25 Web開発
Web開発 Web開発 CSSHTML ハンバーガーメニューをチェックボックスを使ってCSSだけで作る方法 概要ヘッダーにあるメニューが三本線のナビゲーションメニューになるレスポンシブサイトをよく見ると思います。そのハンバーガーメニューを、Javascriptを実装せずに、チェックボックスを使って、CSSだけで実装をする方法です。サンプル See... 2023.02.13 Web開発
Web開発 Web開発 CSS input要素でwidthに100%を設定すると親要素からはみ出てしまう 概要input要素でwidthに100%を設定すると、親要素からはみ出てしまうことがあります。次のcodepenで、上の方がwidthに100%を設定しただけの場合で、親要素(赤枠)からはみ出ていることがわかると思います。 See the ... 2023.02.12 Web開発
Web開発 Web開発 CSSHTMLJavascript 【Javascript】郵便番号から住所情報をフォームに自動入力をする 概要住所を入力するフォームでよくある、郵便番号を入力して検索ボタンを押したら、住所が自動入力される機能の作り方のサンプルです。郵便番号から住所情報をフォームに自動入力をするサンプルは以下になります。 See the Pen 住所自動入力 b... 2023.01.21 Web開発