Web開発Web開発CSSHTMLJavascript【HTML・JavaScript】日付の入力で西暦と和暦の切り替えをする 概要少し前に、Webの日付の入力フォームで、西暦と和暦を切り替えられるようにできないかとの話があった時のメモです。サンプル最終的に、西暦・和暦を切り替えるプルダウンを作る西暦はinputを使用する和暦は、元号をプルダウン、年・月・日はinp...2023.03.07Web開発
Web開発Web開発CSSHTMLJavascript【JavaScript】テーブルにソート機能やフィルタリング機能、ページング機能を簡単に追加するList.jsの使い方 概要「List.js」というライブラリを使用することで、テーブルに、ソート機能、フィルタリング機能、ページング機能を簡単に追加することができます。その、「List.js」の使い方です。List.jsPerfect library for a...2023.03.03Web開発
Web開発Web開発CSSHTMLJavascript【Javascript】郵便番号から住所情報をフォームに自動入力をする 概要住所を入力するフォームでよくある、郵便番号を入力して検索ボタンを押したら、住所が自動入力される機能の作り方のサンプルです。郵便番号から住所情報をフォームに自動入力をするサンプルは以下になります。 See the Pen 住所自動入...2023.01.21Web開発
Web開発Web開発CSSHTMLJavascriptJavaScriptでメールアドレスの入力チェックをする方法 概要入力フォームで、メールアドレスの入力チェックをJavaScriptでする方法です。 See the Pen form-email by take it easy (@take-it-easy) on CodePen.フォーカスが...2022.11.22Web開発
WordPressWordPressCSSJavascriptjQueryPHPWordPressでJavascript・CSSファイルを読み込む方法 概要WordPressではJavaScriptやCSSを読み込む場合は、functions.phpで、アクションフックを使って読み込むことが推奨されています。読み込み方法ダッシュボードで「外観」「テーマファイルエディター」をクリックします。...2022.11.15WordPress
Web開発Web開発CSSHTMLJavascriptFlickityを使ってカルーセルスライダーを設置する方法 Flickityとは「Flickity」とは、カルーセルスライダーを作成することができるプラグインです。レスポンシブに対応モバイルのタッチやフリックにも対応jQueryに依存しないという特徴があります。HTMLとCSSのみで、簡単にカルーセ...2022.11.13Web開発
Web開発Web開発CSSHTMLJavascriptJavascriptを使用してポップアップを自作する方法 概要Javascriptを使用してポップアップを自作する方法です。サンプル今回作成するのは、ボタンをクリックしてポップアップを表示ポップアップの「×」ボタンをクリックしてポップアップを閉じるオーバレイをクリックしてポップアップを閉じる S...2022.11.03Web開発
Web開発Web開発HTMLJavascriptHTMLの要素をJavascriptで動的に追加・削除する 概要追加ボタン・削除ボタンでフォームを動的に追加したり削除したりする方法です。 See the Pen Untitled by take it easy (@take-it-easy) on CodePen.このように動的に要素を追...2022.10.31Web開発