JavaScript

スポンサーリンク
未分類

JavaScriptでアルファベットの文字列を大文字・小文字に変換する方法/toLowerCase、toUpperCaseメソッドの使い方

アルファベットで書かれた文字列に対し、toLowerCaseでは小文字に統一、toUpperCaseでは大文字に統一することができます。
IT

JavaScriptで文字列のうち一文字を抽出する、取り出す方法/charAtメソッドおよび[]の使い方

charAtメソッドまたは[]を使うことで、文字列のn文字目だけを取り出すことが可能です。
IT

JavaScriptで小数点を切り捨てて整数にする方法/Math.floor関数の使い方

Math.floor関数では、小数点を切り捨てして整数値にすることができます。
IT

JavaScriptで0以上1未満のランダムな値を求める方法/Math.random関数の使い方

Math.random関数では、0以上1未満のランダムな値を求めることができます。
IT

JavaScriptで文字列の中に変数の値を挿入する方法/${}の使い方

最近某サービスでJava Scriptに触る機会があらたにできたので、しばらく更新再開します。Java Scriptで文字列の中に変数の値を埋め込む場合は、${}の中に変数を書いて文字列内に挿入します。
IT

jQueryでアニメーションの動きを途中でキャンセルする方法/stopメソッドの使い方

jQueryのanimateメソッドは一度全て実行しないと次の動作に移れないという性質を持ちますが、これをキャンセルしてすかさず次の動作に移れるようにしたのがstopメソッドです。
IT

jQueryでボタンを押すと目的の場所までスライドするリンクナビ(目次)を作る方法/offsetメソッドの使い方

目的の場所にリンクさせたいだけなら、要素にIDを付けておき、リンク先にID名を指定するだけで事足ります。しかしアニメーションしながらとなると、jQueryで「要素の高さ」を取得する必要が出てきます。
IT

CSSで要素を斜体にする、傾斜させる方法/transform:skewプロパティの使い方

文字の斜体をイメージしてもらえるとわかりやすいかと思いますが、あのようにx軸、y軸で要素を斜めに歪めるためのプロパティがtransform:skewです。
IT

CSSで要素を上下左右にアニメーション付きで動かす方法/transform:translateの使い方

CSSで要素を「ズラす」には、paddingやmarginで要素との距離を取るという方法がまずあります。しかしこれだと他の要素に対しても影響を及ぼしますし、レイアウト崩れを起こす可能性もあります。そういう心配がないのがtransform:t...
IT

CSSで要素を傾ける、回転させる方法/transform:rotateの使い方

transform:rotateはtransformプロパティの一種で、値の「角度」を指定することが可能です。