はじめに 今回はFullCalendarを利用して、イベントを登録しカレンダーに表示する簡単なWebアプリケーションを作成してみます。 (スケジュールアプリの作成) Laravelプロジェクトで作成し、イベントはデータベースに保存します。 そうすることにより、ブラウザを再度表示した際に、イベントを再表示することが出来ます。 Laravel Sailでの開発環境の構築方法は以下をご覧ください。
はじめに 今回はFullCalendarを利用して、イベントを登録しカレンダーに表示する簡単なWebアプリケーションを作成してみます。 (スケジュールアプリの作成) Laravelプロジェクトで作成し、イベントはデータベースに保存します。 そうすることにより、ブラウザを再度表示した際に、イベントを再表示することが出来ます。 Laravel Sailでの開発環境の構築方法は以下をご覧ください。
こんにちは。ライジングサン・システムコンサルティングの岩佐です。この記事では、ドラッグ&ドロップ操作が可能なカレンダーソリューションを、FileMakerのカスタムAppに実装する方法をご紹介します。※こちらのブログ記事は、2017年9月1日。FileMakerのバージョンが15の時点で執筆された古い記事です。2020年6月10日に、バージョン19に対応した新しい記事を公開しています。FileMakerの標準機能だけでも、カレンダー形式のレイアウトを作ることはそれほど難しくはありません。しかし、例えばGoogleカレンダーのようにスケジュールを... 1.Ver19から実装された2つの大きな機能 バージョン19では、以下2つの大きな JavaScript との連携機能が実装されました。 1-1.WebビューアでJavaScriptを実行スクリプトステップの追加 FileMakerのスクリプ
The Events Calendar プラグインはブログにイベントカレンダー機能を追加するプラグインです。イベント情報を登録しブログ画面からリスト形式やカレンダー形式で表示させることができます。ここでは The Events Calendar プラグインのインストール方法と使い方について解説します。 The Events Calendarプラグインのインストール The Events Calendarプラグインをインストールにするには「プラグインのインストールと有効化」プラグインのインストールと有効化」を参考に「プラグインのインストール」画面を表示し検索ボックスで「The Events Calendar」と検索されて下さい。 「The Events Calendar」プラグインが表示されましたら「いますぐインストール」と書かれたリンクをクリックしてインストールして下さい。 インストールが
My Calendarは、イベント情報をカレンダー形式で表示できるWordPressプラグインです。 投稿、固定ページ、ウィジェットにイベントカレンダーを表示できます。 このプラグインはイベント情報などをブログに掲載する際に利用します。 ブログに掲載したいイベント情報をプラグインの管理画面に登録し、記事にショートコードを貼り付けてイベント情報を表示させます。 プラグインは日本語化されてるのでわかりやすいです。 ブログでイベント情報を掲載する際に役立ちます。便利なプラグインなので活用しましょう。 はじめに このプラグインが優れていること WordPressにイベント情報をカレンダー形式で表示できる。 記事にショートコードを貼り付けてイベント情報を表示させることができる。 カレンダーのテンプレートをカスタマイズできる。 CSSをカスタマイズしてデザインを変更できる。 プラグインは日本語化されて
OLB (WordPress plugin) WordPress用プラグイン「オンラインレッスン予約システム:Online Lesson Booking(OLB)」について このプラグインについて OLB は、WordPressの会員管理機能を使った、タイムテーブル型の予約システムです。 スカイプやLINEを使った「オンライン英会話」や「オンラインカウンセリング」のような、マンツーマンサービスの予約に適しています。 講師自身がスケジュールを管理 OLBは、講師やカウンセラーが各自ログインして自分のスケジュールを設定できるため、 管理者の負担が軽くなります。 Online Lesson Booking(OLB) もっと詳しく さまざまなオンラインサービスの立ち上げに OLB デモサイトデータ わずかの時間で簡単に、OLBのデモサイトを再現できるデータはこちらから OLB は、無料で使える予約
「営業日や臨時の休業日を案内できるカレンダーをサイトに付けて」って要望が、クライアントさんからけっこうあったりします。「予約可能かどうかをカレンダー上で◯とか×で見せたい」や「カレンダーから予約できる機能がほしい」ってのも多いです。 そんな要望に応えられそうなWordPress プラグインを集めました。 本当は要望を満たせるシステムを案件ごとに開発できればいいんでしょうが、それだけ予算に余裕があるケースばかりでもなく。 ってことで、どうぞ。機能・用途別に8個あります。 カレンダー系プラグイン8個 1. レスポンシブOK。カスタマイズできるGoogleカレンダー:Google Calendar Events 2. 色分け営業日カレンダー:WP Simple Booking Calendar 3. サイドバーにピッタリ営業日カレンダー:Biz Calender 4. 本格イベント告知カレンダー
【Calendar02】PHP営業日・スケジュールカレンダー(テキスト入力付) フリー・無料版 フリー(無料)の【Calendar01】スケジュールカレンダー・営業日カレンダーCMSに日付ごとのフリーテキスト入力欄を追加したバージョンです。管理画面で営業日、休業日、定休日設定の他に日付ごとに任意のテキストを反映可能です。改行も維持されますので複数行での記述も可能です。営業日カレンダーだけでなく、イベントカレンダーや予定表、予約管理、営業時間など様々な用途に対応します。 お店や会社、病院、歯科医院、スポーツクラブ、学校(スクール)、社内の予定表など様々な使い道に対応できると思います。クライアントが更新することを想定しているので、管理画面はシンプルで直感的な更新が可能です。 【2024/05/09 重要なお知らせ】 祝日の自動取得機能が正常に動作しない問題。 対象バージョン:ver1.0.2以
【Calendar01】(3デバイス対応)PHP営業日・スケジュールカレンダーフリー(無料)版 PC、スマホ(スマートフォン)、携帯(ガラケー)3デバイスに対応したフリー(無料)のシンプルスケジュールカレンダー・営業日カレンダーCMSプログラムです。管理画面で営業日、休業日、定休日を設定、更新可能です。 お店や会社、スポーツクラブ、学校(スクール)などの営業日スケジュールカレンダーに最適です。 クライアントが更新することを想定しているので、シンプルで直感的な更新が可能です。 【2024/05/09 重要なお知らせ】 祝日の自動取得機能が正常に動作しない問題。 対象バージョン:ver1.0.2以下。ver1.0.3以降は問題ありません。 ※バージョンはconfig.phpの上部に記載されています。 症状:祝日の自動取得が行えない。 原因:GoogleカレンダーAPIの仕様が変わったためと思わ
【この記事を読むのに必要な時間は約 18 分です。】 ドットインストールでPHPの勉強をしている。ドットインストールのPHP関連で用意されている動画レッスンを終えた後に、DEMOを見ただけでスクリプトが書けるようになるための練習。今回は、ドットインストールの動画レッスン「PHPで作るビンゴシート」-PHP(3)に続き4回目。 最初にDEMOと考え方のヒントを提示し、それだけで実際にスクリプトを書いてみよう。スクリプトを書き終わったら、完成版と見比べて答え合わせができるようにした。 今回は、「PHPで作るシンプルカレンダー」(全12回)から。 Step1 今回は最初にDEMOを見るのではなく、3ステップで作っていこう。まずは、html / CSS の知識で次の画像の通り作ってみよう。 ポイント html5でひな形作成。 とりあえず1行(1週間分だけ)作ろう。 スタイリングを整えよう。 ヒント
The Zabuto Calendar jQuery Plugin lets you add a simple month calendar to your web page. It's lightweight, efficient and easy to use. Version: v2.1.0 Basic Usage Initialize The calendar needs jQuery to function properly. After including jQuery, the plugin can be used by requiring the stylesheet and javascript file. Then view the calendar by defining a DOM-element and initializing the plugin. <!--
npm install @fullcalendar/angular import { Component } from '@angular/core' import { CalendarOptions } from '@fullcalendar/angular' @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'] }) export class AppComponent { calendarOptions: CalendarOptions = { initialView: 'dayGridMonth', events: [ { title: 'event 1', date: '2019-04-01' }, { title: 'e
Bootstrapを使ったカレンダーを実装するプラグイン「Zabuto Calendar」を紹介します。 jQueryプラグイン「Zabuto Calendar」このプラグインでは、大人気のCSSフレームワーク「Twitter Bootstrap」を使ったカレンダーを実装することができます。 JSON形式のデータを使って、カレンダー上にスケジュールを追加することができます。追加したスケジュールはカレンダー上で色が変わり、クリックすると内容をポップアップすることもできます。便利! デモでカレンダーの外観を確認してみてください。青色は本日、オレンジはJSONデータによるスケジュールです。スケジュールをクリックしてみてください。なかなかカッコイイですよー。 「Zabuto Calendar」のデモ デモのソース(HTML + jQuery)<!DOCTYPE html> <html> <head
レスポンシブレイアウトやスマートフォンサイトを簡単に作れるBootstrap3。数あるCSSFrameworkの中でも特に人気が高く、もはや業界標準と言っても良いくらいメジャーになっています。 そんなBootstrap3をさらに使いやすく便利にしてくれるのがプラグイン。海外でも人気の高いCSSFrameworkなので開発も活発で様々なプラグインやアドオンが出ています。ありがたいことにその多くは無料! このページではBootstrap3のための使いやすい無料プラグイン50こまとめを紹介します。 Bootstrap3のプラグインまとめ Bootstrap-Calendar Bootstrapで作られたカレンダー。これ自作しようと思うとけっこう大変なのでこういったプラグインがあると助かります。 prettyCheckable デフォルトだとちょっと無骨な感じのチェックボックスですが、いけてるスタ
Calendar events Drag drop events to schedule Math Science Sports Geography Anatomy remove after drop todayday3 daysweekmonthApr 7 – 9, 2018 Rooms Sat 4/7Sun 4/8Mon 4/912am1am2am3am4am5am6am7am8am9am10am11am12pm1pm2pm3pm4pm5pm6pm7pm8pm9pm10pm11pm12am1am2am3am4am5am6am7am8am9am10am11am12pm1pm2pm3pm4pm5pm6pm7pm8pm9pm10pm11pm12am1am2am3am4am5am6am7am8am9am10am11am12pm1pm2pm3pm4pm5pm6pm7pm8pm9pm10pm11p
17回のNavレイアウトに合体させてから、事件管理はまだヒアリング中ですので、少しお待ちください。 今回は、FileMakerでスケジュールを作りました。 と、申しますか、他人様が作ったカレンダーがとても素晴らしいので、それに少し手を加えて別のNavレイアウトで作りました。前回のNavレイアウトにそのまま作っても良かったのですが、好きなように改良してください。 この中身は、Hiroさんというプロの方が作ったものですが(公開されたもの)、デザインだけ少々いじりました。(著作権はHiroさんです) (祝日も彼が作ったカスタム関数を追加しています) カレンダースケジュール関係は、公開されたものが、けっこうあるのですが これのなにが素晴らしいかというと、いちいち時間を別途入力しなければ進まない、ですとか、担当者を入れてから進んで、、、のような決まりごとに縛られなくて良いということです。 これも担当
ファイルメーカーで入力などしている際に常にカレンダーが表示してあったらいいなと思ったりすることはありませんか? それと日付を入力する場合、ドロップダウンカレンダーがとても入力しやすいのですが、ipadなどで日付入力するとカレンダー表示で見れないのでたまに使い勝手が悪かったりします。 所要時間:1時間弱(前編) テーブル/フィールド カレンダー 今日 月末 予定 日付 フィールド設定 まずは、今日を計算式で日付を取得します。Get(日付) 次は、月末です。繰り返しを42にしてください。 月末で月を表示するために前月の月末から表示します。 計算式は Date ( Month( Extend( 今日 ));0; Year( Extend( 今日 )))-1+ Get( 計算式繰り返し位置番号 ) Dateは日を入れていません。 -1を入れると月初めの-1日からの表示になります。 繰り返し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く