Javascript– category –
-
同ページで、複数のSwiperスライダーを共通化する。インスタンスを関数化。
swiperを使用することは多いのですが、サイト全体だと、いくつものsliderを作成するシーンなどありませんか？ただ、表示する枚数が異なったり、余白が微妙に違うだけで、インスタンスを作成するのは手間！ということで、swiperを使いまわしできるように、... -
【Javascript】分割代入(Destructuring assignment)について
配列やオブジェクトを取り出したいときに便利です。特にオブジェクトなどの複雑な配列を取り出したいときに使えます。 【完成コード】 See the Pen 分割代入 by komame (@komame) on CodePen. 【分割代入とは？】 分割代入 (Destructuring assignment... -
【Javascript基礎】mapメソッドとfilterメソッドについて
今回は、mapメソッドとfilterメソッドについて。ちょうど、配列を使って、検索機能を実装しないといけなくなり、filterを使うとよさそうなことを聞き、急いで調べました。 【完成ソース】 従来の配列の仕方とmapメソッド、filterメソッドを使用した方法の2... -
【Javascript基礎】配列、連想配列、forEachメソッドについて
今回は、配列について復習しました。絶賛、検索で連想配列、Objectなどを扱っているので、頭がこんがらがったので、基礎に立ち戻ろうと思います。 【配列？連想配列？ってなんなの？】 複数のデータを扱いときに便利な配列。 こんな感じのやつです。今回は... -
【Javascript基礎】三項(条件)演算子について
こちら、未だに?とかみると、頭がこんがらがります。ちょうど他の人が書いたソースをみると、三項演算子の嵐でわけが分からなかったので、勉強し直しました。 【三項演算子とは？】 if文を簡略できる記述の方法です。よく？や < >こんな記号であるや... -
【Javascript】画面遷移型の診断テストをつくってみた！(複数選択)
絶賛、Javascriptを勉強中で、ちょうど案件で診断コンテンツを作成することになりました。記事でヒットするのは、JQueryのものなどあったのですが、あえてJavascriptで挑戦してみました！ 【完成ソース】 こちらが、完成したものになります。今回、診断コ... -
【Javascript基礎】addEventLister(イベントリスナー)について
必ずといっていいほど、目にするaddEventLister。今回は、ふんわりと認識していたのを深堀りしました。 【addEventListener()とは？】 MDNによると。。 インターフェイスのメソッドで、ターゲットに特定のイベントが配信されるたびに呼び出される関... -
【Javascript基礎】EsModuleのExportとImportについて
他の方が作ってくれたテンプレートをそのまま使いまわしているため、このexportとimportの意味をわからず使用していました。ちょうど、別の講座を受けたときに、そんな意味があったんだ！と細かい違いを知ったので、まとめておきたいと思います。 【そもそ...
1