BLOG

JavaScript

JavaScriptで取得するGETの値

| JavaScript
JavaScriptでURLから?の値を取得する場合は以前は取得した数値を扱うのに 下記のように文字列を分割してそれをforeachなどで回して扱うイメージでしたが const search = wi...

「reduce」を使って配列を値を処理する

| JavaScript
reduceは配列に対して関数を利用して、値を処理します。 理解するのがややこしいですが、覚えておくと便利です。 [1,2,3,4].reduce((previousValue, currentVal...

data属性の取得・設定・更新【JavaScript】

| JavaScript
data属性(data-*)の取得・設定・更新です。 data属性の取得方法 <div class="datasetnnoyatsu" data-num='1'></div> ...

変数のタイプを調べる、変換する 【Javascript】

| JavaScript
たまに変数のタイプ調べたりすることがあると思います。 console.logだけでも調べれるんですけどねー もうちょいわかりやすくすると! console.log(typeof 1) // numbe...

メディアクエリでhoverが使えるデバイスかどうか

| HTML / CSSJavaScript
タブレットで、hoverのためにどうさの不具合が出るときがありませんか。 プルダウンとか、ボタンとか、ホバーしないと表示されないとか2回タップしないといけないとかなにかと面倒なことがあったります。 そ...

markdown-wasmというすごく高速なMarkdownパーサー

| JavaScript
みなさん、Markdwonつかってますか? 普段は、WordPressをつかってブログを書いているんですが、 それの場合はプラグインを使ってるので勝手に変換してくれます。 最近ちょくちょく聞くヘッドレ...

クリッカブルマップのレスポンシブ対応ができる「image-map-resizer」が優秀らしい

| JavaScript
クリッカブルマップってのはあんまりつかわなくなったんですが、たまに使いたいって言われることがあるので調べてみたのでメモ クリッカブルマップでレスポンシブの対応の定番は 「jQuery RWD Imag...

脱jQuery!$.ajax使わない書き方

| JavaScript
$.ajaxの使い所はたくさんありますよね。 スクロールしたらもっと読み込むやつとかね。 ページ遷移せずに、サーバからデータを取得して再表示させることができるんでいろいろ重宝すると思います。 ってなわ...

脱jQuery!swiperを使って流れるスライドショー!

| JavaScript
たまに見る、ずっと動いてるスライドショーってあるじゃないですか。 あれをswiperを使ってしたいと思います。 swiperはjQuery使ってないってのと結構使い勝手がいいってので便利なので いろい...

脱jQuery!スクロールアニメーション!

| JavaScript
いま、動くサイト多いっすよねー。 スクロールアニメーションのプラグインはいっぱいあるけど これまたjQuery使ってるの多そう。。。 ってことで、脱jQueryってことでこんなの書いてみました! co...
PAGE TOP