Bootstrap5 を利用した画面全体のローディング表示
いろいろなシステムにおいて、ユーザがアクションを起こしたのに画面が何も変わらなかったら、ユーザは不安になってしまいます。 そのため、Webシステムなどであればページの読み込みやサーバ問い合わせ中にローディングを表示したりします。 よく利用する機能ですので、フレームワークなどで用意してくれてたらなと思うのですが、システムや開発者によって実装方法が異なるためか、決まった形式のものが存在しません。 今回は私がよく利用するローディング表示を Bootstrap5 を利用して示したいと思います。 Bootstrap5 では Bootstrap4 にはなかった細かな設定が含まれましたので、それを利用することで必要な CSS を最小限にすることができます。（2021年9月現在 Bootstrap5 はまだベータ版であるため、正式版がリリースされたときに実装が異なる可能性があります。） ローディング表示実
jQueryでローディング画面を実装 - Qiita
はじめに 今回は、フォームなどで送信した際に、送信中に画面上にローディング画面を表示させる実装を行います。 完成イメージ 環境 MacOS 10.15.7 ruby 2.6.5 Ruby on Rails 6.0.0 jquery 3.4.1 前提条件 jQueryが導入済みであること。 font-awesomeが導入済みであること。 作業していきましょう ①jquery-loading-overlayの導入 今回は、「jquery-loading-overlay」というjQueryプラグインを使用してローディング画面を実装します。 jquery-loading-overlayを使う場合は、npmでインストールする方法や、CDNを使って導入する方法がありますが、今回はCDNを使った方法で導入していきます。 application.html.erbに
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ajax(jQuery)でファイルをアップロードする - Qiita
おじさんが若い時はね$.ajax()のオプションでsuccessとかerrorとか指定していたんだよ（追憶） - Qiita
