【FullCalendarでイベントをポップアップ】
某Web学習サービスのフロントコーディング。
大きな山場を超えて明日、納品予定です。
BootstrapをCSSのグリッドシステムだけでなく、
アイコン(ウェブフォント)やナビゲーション、
スライダー、モーダルなど各種コンポーネントを
ふんだんに活用したサイト構築でした。
たぶん今までの案件で一番精密さを求められる
仕事でした。
フォントサイズや余白を 0.001vw 単位で調整。
細かい作業が苦にならない性格で良かった。
今回の仕事で使った便利なプラグインを1つ
ご紹介します。
Full Calendar です。
jQuery本体とプラグインのjsを読み込んで、
好きなHTML要素をセレクタとして、
$('#calendar').fullCalendar({options});
//optionsには任意で起動オプションを指定
とするだけで、指定の場所にカレンダーが
表示されます。
↓オプションやコールバックの一覧と説明
https://fullcalendar.io/docs/
jQueryを道具として、いろんなオブジェクトや
メソッドを知り、組み込んで体験して習得する。
プログラミングって本当に楽しいです。
知らなかったことがわかるようになったり、
どうやったらいいか見当もつかなかった問題を
乗り越える糸口に気付けたり、
知ってることを総動員して未知を既知に
塗り替えていくのは本当に楽しい。
CODEMYのマンツーマンレッスンでは、
WordPressのカスタマイズやプログラミングを
ご経験やご希望にあわせてお教えしています。
▼無料相談をお気軽にご利用ください。
http://codemy-lesson.office-ing.net/contact
━━━━━━━━━━━━━━━━━━
講師が執筆した本が発売されました
━━━━━━━━━━━━━━━━━━
『ホームページ作成のツボとコツがゼッタイにわかる本』
定価: 2,400円(税別)出版社:秀和システム
▼Amazon購入ページはこちら
http://amzn.to/2bXJkbs
━━━━━━━━━━━━━━━━━━
CODEMYのオンラインレッスン
━━━━━━━━━━━━━━━━━━
【1】自宅でマンツーマンレッスン
http://codemy-lesson.office-ing.net/
知りたいことだけ学べる個人レッスンです。
【2】動画と個別添削のプログラミング講座
HTML/CSS/JavaScriptの基本が身に付くレッスンです。
↓2週間の無料体験はこちら
http://bit.ly/2hw7mIy