EC構築に必要な多くの事業を展開。高い製品力と開発力によって事業の好循環を生み出します。業界最大級1,000以上の機能を搭載。自社開発したプラットフォームにより高品質なサービスを提供します。導入までの開発スピードの早さ、開発精度の高さを提供しているエンジニアの今をお伝えします。W2株式会社のミッション・ビジョン・バリューをご紹介します。EC構築に必要な多くの事業を展開。高い製品力と開発力によって事業の好循環を生み出します。業界最大級1,000以上の機能を搭載。自社開発したプラットフォームにより高品質なサービスを提供します。導入までの開発スピードの早さ、開発精度の高さを提供しているエンジニアの今をお伝えします。W2株式会社のミッション・ビジョン・バリューをご紹介します。FullCalendarとは皆さん、こんにちは。いうカレンダーを実装するにあたり、「FullCalendar」を使いました。ご紹介させていただきます!FullCalendarはカレンダーを表示させることができるjQueryのオープンソースプラグインです。・UI画面を簡単に作れる・提供されているオプションが多く、デザインや機能をカスタマイズを行える・javascriptで簡単に実装できる。導入方法https://fullcalendar.io/downloadからダウンロードして解凍しますexamples内にいろんなタイプのカレンダーサンプルがあるので、お好みのベースを選択できます。「head」「body」「footer」タグのいずれかに組み込めばソースで読み込みます。使い方カレンダーを表示する場所に下記のdivタグを記述して実行すると、カレンダーが表示されます。FullCalendarを日本語化にするFullCalendarに「locale」オプションを「ja」に設定したら、日本語で表示されます。FullCalendarオプションFullCalendarをカスタマイズするには、下記の公式ドキュメントを参照してください。https://fullcalendar.io/docs数多くのオプションが用意されています。日本の祝日はよく変動します。コード内に祝日データを書いてメンテナンスするより、Googleカレンダの祝日情報APIを利用したほうが便利だと思います。APIはGoogleカレンダー情報をAPIとして提供しています。直近3年分の祝日しか取れませんが、一般の開発では十分使えます。APIはJson形式もしくはCSV形式で返します。下記のURLでAPIを紹介しています。https://holidays-jp.github.io/下記は私が書いたコードです。イベントリンク遷移event内にurlを設定することで、イベントをクリック時指定URLへ遷移できます。おわりにいかがでしょうか?素敵なカレンダーを作ることができました。機能が豊富で非常に便利ですね。