ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Bootstrap Application WizardはBootstrap用のアプリケーションウィザードフローを提供するライブラリです。

Bootstrapを使ってWebサービスを提供するサイトが多くなってきました。今回はその一つ、Bootstrapを使ってウィザード風の流れを実現してくれるライブラリ、Bootstrap Application Wizardを紹介します。


フローティングでウィザードが表示されます。


次へを押して順番に進めていきます。


左下のステータスバーが徐々に進んでいます。


完了しました!

Bootstrap Application Wizardではwizardというメソッドを使って一つ一つをスライド風に切り替えながら処理を選べるようになります。入力チェックも内蔵されています。そして最後にデータが飛んでくるのでサーバ側で処理して返却すれば良いだけです。とても手軽です。

Bootstrap Application WizardはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。


MOONGIFTはこう見る

Bootstrapは登場以来人気が衰えることなく、むしろどんどん採用されるケースが広がっています。これまで小さなウィジェットでBootstrapを強化するソフトウェアは数多くありましたが、さらに本格的なものが出てきたかという感があります。

こうやって多彩なコンポーネントが次々に登場すれば、開発者はそれらの部品を組み合わせるだけで済むようになります。既にBootstrap対応のテーマ配布サイトも数多くありますので、それらを使えばあっという間に見栄えのいいサイトができあがります。この仕組みを使わない手はないでしょう。

Bootstrap Application Wizard | Panopta

www.panopta.com/static/bootstrap-wizard-plugin/demo/demo.html

amoffat/bootstrap-application-wizard · GitHub

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2