JavaScript– tag –
-
ウェブデザイン
Nuxt.jsにTailwind.cssを入れる方法
いつも小説家になろうのブログばかり書いているので、今日は久々に個人開発の方の記事を更新です。 最近Reactで色々作ってたのですが、Vue.jsを触る機会がありましてハマっちゃいました。そこから、Nuxt.jsにハマってささっとUI組みたいのでTailwind.cssを... -
ウェブデザイン
【React】Reactをyarnを使って導入する方法を解説
【Reactとは?】 Reactは、ユーザーインターフェース(UI)を構築するためのJavaScriptライブラリです。Reactを使用すると、UIをコンポーネントと呼ばれる小さな部品に分割し、それらを組み合わせて構築することができます。Reactの特徴的な点は、仮想DOM... -
ウェブデザイン
【React】Error: Objects are not valid as a React childの解決策
React初心者の私にとって意味不明だったエラーをやっと解決できた!嬉しい!このエラーメッセージ "Error: Objects are not valid as a React child" は、Reactでコンポーネントがレンダリングされる際に、オブジェクトが直接子供として使用されているとき... -
ウェブデザイン
jsonとjsonpの違い
JavaScriptでJSONを扱っていた際に、APIを引っ張る時に基本はPHPだけどJSONPだとJavaScriptで行けるよ!って書いてありました。 jsonpってなに???と初心者の私は思ったのでちゃんと調べました。 【JSONとは】 「JavaScript Object Notation」の頭文字を... -
ウェブデザイン
ハンバーガーボタンを使ったメニューを作ろう
今回は、結構あるあるな内容ですがハンバーガーボタンを作って、メニューの開閉をする方法について解説していきます。 情報の取捨選択ができるようになることも大事ですが、ここは一つ覚えておいて欲しいハンバーガーメニューの作り方を提案します。 【カ... -
ウェブデザイン
指定した文字列を含むかどうか判定するJavaScriptで取得したURLをデモと本番で変更する
デモと本番ではドメインが違う環境で作業しているので、JavaScriptコードで指定するドメインの文字列も変える必要があります。 今回はドメインを取得して、指定した文字列を含むかどうか判定し、デモと本番のURLを書き分けるコードを紹介します。 【match... -
ウェブデザイン
JSでリダイレクトする
ページにアクセスした際に、他ページへリダイレクトするときに使う方法です。 htaccessが触れない状況や、ページを削除できないけどアクセスしてほしくないといった場合に使える方法で、以下のようにかきます。 <script> window.location = 'ここに... -
ウェブデザイン
スライダーを実装できるおすすめプラグイン Swiper JSの使い方
ホームページを作る時に必ずと言っていいほど出てくるのがスライダー。今回は制作でよく使う、というか最近これしか使ってないSwiper JSの使い方を紹介します。 色々な案件で使いましたが、多くのカスタマイズにも耐えれるのでとても良いプラグインかと思...
1