I. Maruyama LAB.@FIT

FitPack::slide.pl (公開)

jquery を用いて、section, subsection をスライド開閉(slideToggle)させる wifky のアドオンです。 webで見つけたページを参考に、jquery を google に読みにいかせています。利用の際は、適宜編集してお使いください。

ユーザーエクスペリエンスが劇的に上昇するので、先に公開いたしました。

Download Source ver1.2
利用方法：ただインストールするだけです。
説明：h2,h3,h4（このページの水色の部分）をクリックでsection, subsection を開閉します。

旧バージョン

Download Source ver1.0
jquery のリンク先が古く、使えなくなりました。ver1.2 で改善しています。
注意：IE8 などでエラーが出た事があります。

FitPack　その他（非公開）

このページは wifky + bootstrap.pl(BootStrap4対応) + FITpack.pl (講義情報用) で構成されています。

講義ページ（学外非公開）で利用中ですが、開発中につき順次公開するかもしれません。

FITpack.pl について

講義では2018年まで、資料配布、学生の講義中発言や質問の登録、学生のWEB学習時間の記録、試験対策情報の管理をwifky を用いて行ってきました。毎年100名が入れ替わり5年程度、 wifky のコンテンツマネジメントサービス(CMS)を用いてきたことになります。現在では Moodle に移行していますが、単年度でのユーザー管理の点から wifky も悪くないと考えています。

bootstrap.pl について：現在、BootStrap4 を用いた wifky 拡張を公開準備中です。

collapse

section, subsection をスライド開閉(slideToggle)させます。FitPack::slide.pl が不要になります。

flex

特定レベルのセクションを flex にする設定です。デフォルトは h5 要素の subsubsection(!) を flexbox に収納しているので、ここが window 幅に応じて変化します。

carousel

カルーセル（回転木馬）のように、画像を順次表示します。

navbar

メニューバーを navbar を用いて表示します。デフォルトのメニューバーは、スマホでの利用が難しいので、それを解決します。

table

テーブルはデフォルトでもストライプになりますが、 BootStrap でのストライプを採用します。

img

イメージタグに bootstrap のクラスを追加しています。

FitPack

WEB教育演習システム FitPack