-
Javascript
同ページで、複数のSwiperスライダーを共通化する。インスタンスを関数化。
swiperを使用することは多いのですが、サイト全体だと、いくつものsliderを作成するシーンなどありませんか?ただ、表示する枚数が異なったり、余白が微妙に違うだけで、インスタンスを作成するのは手間!ということで、swiperを使いまわしできるように、... -
Vercel
Next.jsで作成したプロジェクトをVercelでデプロイ!
Next.jsで作成したプロジェクトをVercelからデプロイをしてみました。サブドメインで設定をして、gitにマージされると、自動でデプロイされます!なんて便利! 【Xサーバーでサブドメインを取得する】 わたしは今回、Xサーバーで取得していたドメインのサ... -
Laravel
gitからcloneして、Laravel sail環境を構築する
Laravelの環境を構築する際に、毎回苦戦するので、メモも兼ねてまとめました。 dockerのインストールを前提で進めていきます。また、環境はMac環境になります。 【git cloneをして、laravel sailをインストール】 git cloneで、ソースをローカル環境にダウ... -
Javascript
【Javascript】分割代入(Destructuring assignment)について
配列やオブジェクトを取り出したいときに便利です。特にオブジェクトなどの複雑な配列を取り出したいときに使えます。 【完成コード】 See the Pen 分割代入 by komame (@komame) on CodePen. 【分割代入とは?】 分割代入 (Destructuring assignment... -
Vue.js
【Vue.js】JSONデータを読み取って、検索機能を実装。
今回、はじめてvueを触ってみました。まだまだ深くまで知れていないのですが、備忘録として残そうと思います。Vueのversion3を使用しています。 【完成コード】 今回、vue3で記述しました。Vue2との違いがあまりわかっていないのですが、最初のアプリの作... -
Javascript
【Javascript基礎】mapメソッドとfilterメソッドについて
今回は、mapメソッドとfilterメソッドについて。ちょうど、配列を使って、検索機能を実装しないといけなくなり、filterを使うとよさそうなことを聞き、急いで調べました。 【完成ソース】 従来の配列の仕方とmapメソッド、filterメソッドを使用した方法の2... -
Javascript
【Javascript基礎】配列、連想配列、forEachメソッドについて
今回は、配列について復習しました。絶賛、検索で連想配列、Objectなどを扱っているので、頭がこんがらがったので、基礎に立ち戻ろうと思います。 【配列?連想配列?ってなんなの?】 複数のデータを扱いときに便利な配列。 こんな感じのやつです。今回は... -
Javascript
【Javascript基礎】三項(条件)演算子について
こちら、未だに?とかみると、頭がこんがらがります。ちょうど他の人が書いたソースをみると、三項演算子の嵐でわけが分からなかったので、勉強し直しました。 【三項演算子とは?】 if文を簡略できる記述の方法です。よく?や < >こんな記号であるや... -
Javascript
【Javascript】画面遷移型の診断テストをつくってみた!(複数選択)
絶賛、Javascriptを勉強中で、ちょうど案件で診断コンテンツを作成することになりました。記事でヒットするのは、JQueryのものなどあったのですが、あえてJavascriptで挑戦してみました! 【完成ソース】 こちらが、完成したものになります。今回、診断コ... -
Javascript
【Javascript基礎】addEventLister(イベントリスナー)について
必ずといっていいほど、目にするaddEventLister。今回は、ふんわりと認識していたのを深堀りしました。 【addEventListener()とは?】 MDNによると。。 インターフェイスのメソッドで、ターゲットに特定のイベントが配信されるたびに呼び出される関...