- 1. Swiper.jsを使うメリットと基本の使い方
- 2. 【Javascript】Javascriptだけでページ遷移する方法
- 3. JavaScript: SQL整形
- 4. A-Frameチュートリアル【その1】
- 5. 10行LISP評価器の実装例（各言語まとめ）
- 6. プログラミングスキル向上のための問題集(レベル判定付き!）
- 7. TypescriptでOptional chainingを使用した箇所がJestのCoverageに反映されない場合
- 8. 【javascript】コンストラクタ関数で継承→メソッドは継承されない。classで継承→メソッドも継承される。
- 9. 円形プログレスバー 自動生成&設定 (CSS,SVG,JS)
- 10. 【Nuxt.js】importをしないで直接使えるグローバルコンポーネントを定義する方法
- 11. Reactで作るチャットアプリ
- 12. コピペで音を鳴らす(JavaScript)
- 13. URLで条件分岐がしたい場合(JavaScript)
- 14. plunkerでvue その52
- 15. AWS Kinesis Video StreamsでMMDをWebRTCで配信する
- 16. JavaScriptで比較的安全にeval()する
- 17. Kintoneのトップページのポータルをタブ化しオリジナルのポータルとアプリ一覧を表示する
- 18. Javascriptでバッチを作って実行する（Node.js）
- 19. cypress アロー関数と通常の関数の書き方で挙動が異なる件について
- 20. JSONデータへのアクセス方法
Swiper.jsを使うメリットと基本の使い方
#Swiper.jsとは？
Swiper.js(スワイパー)とは、スライダーが簡単に作成できるJacaScriptのライブラリです。
レスポンシブ対応が簡単にできてjQueryも使う必要がないため人気のライブラリとなっています。#Swiper.jsのメリット
1. jQueryが不要
1. レスポンシブ対応しており、スマホイベントも使用可能
1. オプションやコールバック関数が充実しているためカスタマイズ性に富み、デザインの良いスライダーができる#Swiper.jsのデメリット
1. 古いブラウザに対応していない
1. Swiper.jsのバージョンが5.0以降はInternet Explorerに対応していない#Swiper.jsのダウンロード
今回はCDNを読み込んでダウンロードしていこうと思います。
npmを使ってもインストールできます。公式サイトより最新のCDNを読み込んでください。
https://swiperjs.com/get-started#use-swiper-from-cdnlinkタグはhead内に、scriptタグはbodytoj直後に記述し
【Javascript】Javascriptだけでページ遷移する方法
##はじめに
開発している中でサーバー処理のレスポンスによっては、フロントでページ遷移させたいなと思うことがたびたびあります。なんか方法がないかな〜とスタックオーバーフローを眺めていたら良い方法を見つけたのでメモします。
##ページ遷移する方法
__javascriptでformタグを動的に作成し、inputタグにパラメータを入れ、POSTリクエストで送信することで動的にページ遷移ができます。__単純ですが正直思いつきませんでした…
スタックオーバーフローの回答者さまさまですねhttps://stackoverflow.com/questions/133925/javascript-post-request-like-a-form-submit
“`example.js
form.method = ‘post’
form.action = ‘localhost:3000’
const formValue = document.createElement(“input”)
formValue.value = ‘next page’
form.appendChild(
JavaScript: SQL整形
表題のとおりの小品です。
## ソース
“`html