- 2023.01.14
- Arbitrary values, TailWindCSS, 数値の指定,
TailwindCSSで、heightやwidthに任意の値を設定する方法
任意の数値を指定できるArbitrary values TailwindCSSは、あらかじめ数値などが決められたユーティリティクラスを使って、スタイリングしていきます。任意の数値を設定したクラスを作り […]
3/7ページ
- 2023.01.11
- JavaScript, toString(), 数字を文字列に変換,
JavaScript 数字を文字列に変換する方法
toString()メソッド 数字を文字列に変換するには、toString()メソッドを使います。 アロー関数で書く アロー関数で書くと、一行で書くことができます。 配列を入れた場合 引数に配列を入れ […]
- 2023.01.04
- Googleフォーム埋め込み,
静的なフォームにGoogleフォームを組み込むためのメモ
HTMLフォームの作成 name属性の設定 静的なフォームを作り、name属性をGoogleフォームの属性値とあわせる。Googleフォームのname属性は、デベロッパーツールで、検索。entry.で […]
- 2023.01.04
- JavaScript, reduce, 配列の合計,
JavaScript 配列の合計を計算する方法
配列の合計を計算する方について調べました。for文、for of文、reduceを使う方法を紹介します。 for文を使う方法 関数にした場合 for of文を使う方法 関数にした場合 reduceを使 […]
- 2023.01.02
- TailWindCSS, 要素の指定,
TailwindCSS 特定のクラスを持つ要素や特定のセレクタに適用する方法＆独自のVariantを追加する方法
特定のクラスを持つ要素や特定のセレクタにTailwindCSSを適用したいときに、どうすればいいのか迷ったので、調べたことをまとめてみました。 特定のクラス名を持つ要素やセレクタに、TailwindC […]
- 2023.01.01
- JavaScript, 奇数偶数,
JavaScript 数字が奇数か偶数か調べる方法
数字が奇数か偶数か調べる方法を紹介します。 2で割って、真偽値を求める 数字（number)を2で割り、残った数が0かどうかの真偽値を調べます。trueは偶数、falseは奇数を意味します。 関数で書 […]
- 2022.12.30
- TailWindCSS, グラデーション,
TailwindCSS 背景にグラデーションカラーを適用する方法
TailwindCSSで背景にグラデーションカラーを適用する方法について、調べたことをまとめました。TailwindCSSで、背景にグラデーションカラーを適用するには、グラデーションの方向を決めるユー […]
- 2022.12.21
- JavaScript, バリデーションチェック, もりけん塾,
JavaScript フォームにインラインバリデーションチェックを実装する もりけん塾 JavaScript課題25
JavaScriptでフォームにインラインバリデーションチェックを実装したので、調べたことや実装方法をまとめました。もりけん塾のJavaScript課題25で実装しました。 課題の仕様 仕様 HTML […]
- 2022.11.18
- @apply, addBase, addComponents, addUtilities, TailWindCSS,
TailwindCSS @layerと@applyを使ってユーティリティクラスをまとめる方法
TailwindCSSで@layerと@applyでユーティリティクラスをまとめる方法について、紹介します。TailwindCSSではクラス名が冗長になりがちなため、HTMLの可読性が落ちます。ある程 […]
- 2022.11.05
- JavaScript, アクセシビリティ, ダイアログ, モーダル, もりけん塾,
もりけん塾 JavaScript課題24 会員登録画面の作成1
こんにちは！もりけん塾のJavaScript課題24、会員登録画面の作成にチャレンジしたので、学習記録を残します。 課題24から、プルリクエストを細かく出すことにしました。今までは、コミットは細かくし […]