タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
前書き FullCalendarを結構使ったので、メモメモ。 Fullには使い切ってないけどね。 結構いろいろできるのね。まだまだよくわかんないけど。 やること 表示したいカレンダーの内容は以下。 祝日(日本の)がわかるようにする（なんの日かは表示しなくていい。休みだ！とわかればいい） Google Calendarから予定をひっぱってきて表示する 月カレンダーと、月ごとの予定リストを切り替えて表示できる 大きいスクリーンサイズは月カレンダー、小さいスクリーンサイズは予定リストをデフォルト表示とする 予定リスト表示の場合、予定の場所もリストに表示 予定をタップしたら、Google Calendarにリンク、ではなく、ポップアップ詳細を表示。(この記載からは詳細を割愛) （2020/10/28追記↓） カレンダーの表示期間を設定（どこまでも先のことを表示しない） （2020/11/5 追記↓
React + TypeScript + FullCalendar: 簡単なカレンダーをつくる - Qiita
FullCalendarは、さまざまにカスタマイズしたカレンダーがつくれるオープンソース1のJavaScriptライブラリです。ReactやVueそしてAngularといったフレームワークにも対応しています。とくに、Reactについては、バーチャルDOMノードを生成するという踏み込んだつくり込みです。 とはいえ、まだReactを用いた情報があまりなく、TypeScriptまで含めると、調べるのに苦労するのが現状です。本稿では、ReactとTypeScriptを使って、FullCalendarによるごく簡単なカレンダーのサンプルをつくってみます(図001)。なお、公式サイトのコードサンプルは、多くがクラスを用いています。本稿では、今主流となりつつある関数コンポーネントでコードを書くことにしました。 サンプル001■React + TypeScript + FullCalendar: Basi
FullCalendar v5.0.0を使いこなす（カスタマイズ編） | フロントエンドBlog | ミツエーリンクス
localeオプションに関しては単体だけでは使えないので、locales/ja.jsの読み込みも必要になります。 またeventsオプションは配列の他にも関数として指定したり、外部のJSONファイルをURLで指定して読み込むこともできます。 カレンダーの種類 FullCalendarのカレンダーは以下の通り16種類あります。 dayGridMonth dayGridWeek dayGridDay timeGridWeek timeGridDay listYear listMonth listWeek listDay custom（後ほど説明） 有料プラン resourceTimelineYear resourceTimelineMonth resourceTimelineWeek resourceTimelineDay resourceTimeGridWeek resourceTimeGr
みんなが簡単簡単書いているので、React + JavaScript + FullCalendar を触ってみた - Qiita
みんなが簡単簡単書いているので、React + JavaScript + FullCalendar を触ってみたJavaScriptNode.jsnpmFullCalendarReact Glideでカレンダー形式の予約アプリを作ったら紙以下と言われた 詳しくは書きませんが、 会社の会議室予約管理を紙でやっていて、テレワークの促進とともにに紙の弊害が目立ち始めたので、Glideでサクッとアプリ化してみました 見出しの通りで激おこなので、フルスクラッチで作ることに決めました。 画像は紙以下で検索して出てきたイメージ画像です。 React + FullCalendarというありきたりなライブラリではありますが、 既存の記事がTypeScript向けのものが多かった 本当の初心者はどこにソースを追加すれば良いのかわからない 忘備録 以上の理由で記事を執筆します。 Reactを触ったことがなくても
はじめに 自分のアプリにGoogleカレンダーみたいな機能が欲しかったので、fullcalenderでミニアプリを作成してみました。 目次 アプリケーションの雛形 yarn add MVCの設定 着地点 環境 ruby 2.6.5 rails 6.0.0 FullCalendar v5.3.1 実装 それでは実装してみます〜 アプリケーションの雛形 まずはアプリケーションの雛形を作ります。 % cd projects % rails _6.0.0_ new fullcalender_app -d mysql % cd fullcalender_app % rails db:create railsのバージョンは6.0.0で作成してます。 2. yarn add ターミナルでyarn addとして必要なファイルをインストールすると「1ヶ月カレンダー」とか「イベント作成」とかを自動で作れるみた
FullCalendarとは!? FullCalendarを利用することで、多機能なカレンダーを実装する事ができます。 FullCalendar そしてもう一つ、Tooltipを扱うライブラリ"Tippy"も利用します。 Tippy 今回は、これらのライブラリを利用してカレンダーを実装してみます。 (とても簡単ですよ!!) プロジェクトを用意する 次の様にプロジェクトを作ります。 MyProject01/ ├ index.html (プログラムを起動するファイルです) ├ main.js (メインのプログラムを記述するファイルです) HTMLファイルを用意する では、作っていきましょう。 HTMLファイルを用意して、下記コードを記述します。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <!-- CSS --> <link re
【個人開発への道①】初心者が、Nuxt.jsでFullCalendarを使ってカレンダーページ作りにチャレンジ！結果は・・・！？ - Qiita
【個人開発への道①】初心者が、Nuxt.jsでFullCalendarを使ってカレンダーページ作りにチャレンジ！結果は・・・！？JavaScriptVue.jsFullCalendarNuxtジェイソン・ステイサム こんにちは！たわちゃんです 私は３ヶ月前からプログラミングを学び始めた初心者ではございますが、 プライベートでサービス開発にチャレンジしようとしております・・・！ その開発までの道のりを、これからQiitaにちょこちょこ書いていこうかなと思うので、 さりげな～く応援よろしくお願いします！ 構想中のサービス 現在、考えているのがこちらのサービス！ 私の兄はマジシャンをしているのですが、常日頃から告知や宣伝活動に困っているのを見てきました。 そこで、兄のような芸人さん、さらには個人経営の店主さんを対象に 告知専用サービスを作ろうと考えました！ 主な機能は３つ （１）スケジュールの管
FullCalendarの代替として開発されたオープンソースのJavaScript製イベントカレンダー・「Schedule-X」 - かちびと.net
Schedule-X Schedule-XはFullCalendarの代替として開発されたオープンソースのJavaScript製イベントカレンダーです。 技術スタックに関係なく、イベントカレンダーを簡単に配信出来る、というもの。もちろん、React、Vue、 Angular、Svelte、Preactといったフレームワークのコンポーネントも RWD対応、国際化（日本語サポートされています）、プラグインによるカスタマイズ、D&Dによるスケジュール変更などが可能で、このようなカレンダーアプリを数分で利用可能になります。 また、有償で構築サポートも承っているみたいです。FullCalendar代替とはいえ、あちらもOSSではあるので好みで選ぶと良いんじゃないでしょうか。ライセンスはMIT。 Schedule-XGithub The post FullCalendarの代替として開発されたオープン
カレンダーは予約システムなどよくシステムでも見かけます。しかし、0から作ろうとすると結構大変です。そこでおすすめしたいのがJavaScriptのFullCalendarというライブラリです。 当記事ではLaravelプロジェクトにFullCalendarライブラリを導入しアレンジしてみます！ 初心者におすすめ動画 FullCalendarを初めて導入される方やFullCalendarでどんな事ができるのかを知りたいという方向けにはUdemyの講座がおすすめです。 「LaravelとFullCalendarでスケジュールカレンダーアプリをつくろう！」 →コースを受講してみる 記事情報 FullCalendar公式ドキュメント バージョン Laravel 8.60.0 FullCalendar v.5.9.0 ①FullCalendarの導入 今回は公式サイトからファイルをDownloadして
FullCalendarについて カレンダー機能付きのアプリを作りたく調べてみました。 こんな感じのが出来ます。 FullCalendarはjQueryのプラグインでrailsに導入する際は、gemで導入しました。 今回はScaffoldを使って簡単なEventモデルを作り、カレンダーに反映出来るところまでやります。 では、 1.Gemの追加
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
FullCalendarをそこそこカスタマイズしてみる。 - Qiita
【Rails】フルカレンダー（FullCalendar）でミニアプリを作成してみた - Qiita
FullCalendarであっさりカレンダー
【Laravel】FullCalendarでカレンダーを導入しよう！ | Juno's Blog
FullCalendarをRailsに導入 - Qiita
mnmnmn11.hatenablog.com
tenkeiparadox.hatenablog.com
kimagurearasan.hatenablog.com
note.com/kinoita753
www.sankei.com
rei2.ub.geo.jp