2018-12-10この記事はリンク情報システムの2018年アドベントカレンダーのリレー記事です。グループメンバーによってリレーされます。(リンク情報システムのFacebookはこちらから)アドベントカレンダー11日目を担当します、@r-kanaiです。?最近buefyに触れる機会があり、とても簡単にwebサイトに必要な部品(タブやフォーム)を実装することができ、「なんて便利なんだ!」と興味を持ちました。Buefy公式サイトを見ると、そのまま使えそうなサンプルがいろいろあったので、これを使って何か簡単に作れないかなと、サイトを眺めて数時間。カレンダーと思しきものを見つけ、これを使って「スケジュール管理してみよう!」と思い立ちました。#目標Buefyを使って、web上でスケジュールを入力し、カレンダーに印を表示させる。イベント機能を利用し、カテゴリに対応する色の印を予定がある日付に表示#環境構築vue-cliのインストールBuefyのインストール★こちらのサイトを参考に構築しました。したファイルは以下の3ファイルです。}}</script>上記のソースにスタイルを少し加えたら...完成!!こんな感じになりました。日付選択のカレンダーが表示されます。選択したカテゴリと同じ色の印が右のカレンダーに追加されました!右上の「Bars」をクリックすると、予定のカテゴリの印が、バーに変更されます!#最後に今回『スケジュール管理』と銘打ったものの、ブラウザの更新ボタンを押すと入力したスケジュールは消えてしまいます...。入力情報を保持できることスケジュール詳細を文章で入力できることスケジュール詳細を確認することができること...などの機能の追加が必要だなと感じました。