設定項目（全体）
< div id = "calendar" ></ div >
const $calendar = document . getElementById ( 'calendar' ) ;
const calendar = new FullCalendar . calendar ( $calendar, {
schedulerLicenseKey : '購入した場合にライセンスキーをここに書く' ,
locale : 'ja' ,
editable : true ,
droppable : true ,
customButtons : {
createButton : {
text : '予定・タスクの作成' ,
click : function () {
}
}
} ,
eventMaxStack : 5 ,
dayMaxEvents : 5 ,
eventOrder : 'type, id' ,
events : {
url : `/api/schedule/` ,
method : 'POST' ,
extraParams : () => {
}
failure : ( error) => {
console . log ( error) ;
}
} ,
eventTimeFormat : {
hour : 'numeric' ,
minute : '2-digit' ,
meridiem : false
} ,
eventAllow : ( info, event) => {} ,
eventDrop : ( info) => {} ,
eventResize : ( info) => {} ,
eventDidMount : ( info) => {} ,
eventClick : ( info) => {} ,
dateClick : ( info) => {} ,
moreLinkContent : ( e) => {} ,
moreLinkDidMount : ( e) => {} ,
initialView : 'dayGridMonth' ,
views : {
dayGridMonth : {
dayMaxEventRows : 5
}
} ,
contentHeight : 815 ,
scrollTime : '06:00:00' ,
firstDay : 1 ,
dayCellContent : function ( e) {
return e. dayNumberText. replace ( "日" , "" ) ;
} ,
headerToolbar : {
left : 'createButton' ,
center : 'prev title next' ,
right : 'timeGridWeek,timeGridDay,dayGridMonth'
} ,
buttonText : {
week : '週' ,
day : '日' ,
month : '月'
} ,
allDayText : '' ,
slotLabelContent : function ( arg) {
return arg. date. getHours () ;
} ,
dayHeaderDidMount : ( e) => {} ,
datesSet : ( dateInfo) => {} ,
}) ;
設定項目詳細
個別に公式リンクを貼っていますが、バージョンアップされて消えた項目はページがなくなるのでご注意ください。
events（as a json feed）
カレンダーに設定するイベントを定義します。API から取得の2種類になるかと思います。API から取得すると思うので以下の定義でイベントを取得します。
events : {
url : `{APIのURL}` ,
method : '{GET、POST等}' ,
extraParams : () => {
}
failure : ( error) => {
console . log ( error) ;
}
}
events (as a json feed) - Docs | FullCalendar
dayCellContent(cell)
日セル（
）内の内容を処理します。
cell. dayNumberText. replace ( "日" , "" ) ;
Day-Cell Render Hooks - Docs | FullCalendar
buttonText
ボタンのテキストを設定します。
today：本日
month：月
week：週
day：日
list：リスト
|
buttonText - Docs | FullCalendar
datesSet(dateInfo)
カレンダーの日付範囲が最初に設定または何らかの方法で変更され、DOM が更新された後に呼び出されます。
datesSet - Docs | FullCalendar
Gitでソース管理をしていますが、GitHub 以外のリポジトリ でもGitを使っている場合、ユーザー情報が異なる場合があります。
古いやり方（filter-branch）
やり方を調べて、以下のコマンドを実行すると、警告文が表示されました。
git filter-branch --commit-filter '
if [ "$GIT_COMMITTER_EMAIL" = "xxx@users.noreply.github.com" ];
then
GIT_COMMITTER_EMAIL="xxx@gmail.com";
GIT_AUTHOR_EMAIL="xxx@gmail.com";
git commit-tree "$@";
else
git commit-tree "$@";
fi ' HEAD
WARNING: git-filter-branch has a glut of gotchas generating mangled history
rewrites. Hit Ctrl-C before proceeding to abort, then use an
alternative filtering tool such as ' git filter-repo '
( https://github.com/newren/git-filter-repo/ ) instead. See the
filter-branch manual page for more details; to squelch this warning,
set FILTER_BRANCH_SQUELCH_WARNING = 1 .
filter-branch は壊れた履歴を生成する可能性があるため、filter-repo を使ってくれとのこと。
filter-repo のインストール
私の環境は、Mac なのでbrew でインストールしました。
brew install git-filter-repo
新しいやり方（filter-repo）
新しいやり方は、filter-branch とは異なり少し事前準備が必要です。
1.名前と変更前後のメールアドレスを記載したファイルを作成する
名前 <新しいメールアドレス> <古いアドレス（変更したいもの）>
例1：名前にブランクを含まない
yamada <xxx@gmail.com> <xxx@users.noreply.github.com>
例2：名前にブランクを含む（名前を""で括る）
"yamada taro" <xxx@gmail.com> <xxx@users.noreply.github.com> 2.filter-repo を実行します
git filter-repo -f --mailmap email.txt
3.ログで変更されているか確認する
4.pushする
XSERVERでCodeIgniter4を動かそうとすると、どうもmod_rewrite が認識されていないようだったので、どこで設定するのか少しハマりました。
2025/08/14追記
以下の内容で追記してください。間違っても既存の設定を削除しないように気をつけましょう。
RewriteEngine On
RewriteCond %{ HTTPS} !on
RewriteRule ^( .* ) $ https://%{ HTTP_HOST} %{ REQUEST_URI} [ R= 301 ,L]
RewriteCond %{ REQUEST_FILENAME} !-f
RewriteCond %{ REQUEST_FILENAME} !-d
RewriteRule ^( .* ) $ index.php/$1 [ L]
プロフィール
id:shinsuke789
屋号「ソフラボ」のフリーランスプログラマー。
引用をストックしました
ストック一覧を見る
閉じる
引用するにはまずログインしてください
ログイン
閉じる
引用をストックできませんでした。再度お試しください
閉じる
