ジャコ Lab

プログラミング関連のメモ帳的ブログです

2024-01-01から1年間の記事一覧

【FullCalendar x React】まだ表現したいことがあった!予定の色を設定したい!

登録できて、削除できて、編集できて、移動できて、 これで調べることないかなーって思ってたのですが、まだありました・・・。 予定毎に色を付けたい! 正確に言うと予定の種類毎ではありますが・・・ 登録、削除、編集、移動 の記事は以下に貼っておきます…

【FullCalendar x React】登録済みの予定をドラッグ&ドロップで移動できるようにする

サッと予定を移動できるようにする! zako-lab929.hatenablog.com 昨日の記事では、プログラム上で日付を変えましたが、ドラッグ&ドロップで視覚的直感的に予定を移動できるようにします。 これもたった1つ設定を追加するだけで可能になります。

【FullCalendar x React】登録済みの予定のタイトルなどを変更する方法を調べる

昨日は 予定をクリックして削除 を行いました。本日は、削除ではなく編集を試みようと思います。 タイトル、開始日時、終了日時などを変えることを目標にします

【FullCalendar x React】登録済みの予定を削除します

zako-lab929.hatenablog.com こちらの記事で登録した予定を削除します。 日にちの 空欄をクリックすると予定を登録 できて、登録済みの予定をクリックすると削除 できるような基本的な動きを目指します。

【FullCalendar x React】予定をたくさん追加するとカレンダー枠が長くなる問題を解決できた

昨日 予定を登録できるようにした ところ、 予定を 追加しすぎるとカレンダーデザインが崩れる ことを発見しました。 今日は 登録済みイベントの削除や編集 みたいなことをやろうとしてましたが、 たくさん予定が登録されている場合の対策をしたいです。 こ…

【FullCalendar x React】ユーザーアクションをできるようにする

FullCalendar の続きです 今日は React の FullCalendar で、カレンダーに予定を登録できるようにしていきます

とりあえず FullCalendar をセットアップしてみる

カレンダーの画像は上手く生成できないんですかね? zako-lab929.hatenablog.com 昨日調べたカレンダーモジュールのうち FullCalender をセットアップしてみます。

Google カレンダーほど高機能は求めていないがとりあえずカレンダー機能を実装したいのでモジュールを探した

イメージとしては、カレンダーの枠をクリックすると予定を入れられる程度のものを考えています まずは、モジュールがないか探していきます。 フレームワークは React を採用しています。

Material UI の Theme のカラーパレットと Snackbar の variant の色を一致させたい

zako-lab929.hatenablog.com 先日、Snackbar の色変更の設定をしました。しかし、これは Theme で設定しているカラーパレットとは異なる色です。 variant プロパティ notistack.com notistack では5種類のバリアントが用意されています。 variant 設定した S…

Google Drive の Snackbar みたいにファイル削除後に元に戻すの動きを実現してみる

ユーザーアクションのついた Snackbar を実装します。 ふと、Google Drive の Snackbar みたいなものを表現してみようと思いました。 ちなみにこれは Notistack の Snackbar の機能ではなく、Material UI の Snackbar でもできるみたいです。

Snackbar のトランジションを変更したい

「トランジションを表現する画像」とのこと 今日も Snackbar です。デフォルトはスライドインでしたが、なんかうるさく感じてしまい変更したくなりました。

Notistack を使った Snackbar の設定方法

AI が考える今日のスナックバー デフォルトだと黒色で左下に出てきますが、変更方法を調べました zako-lab929.hatenablog.com 導入方法は、前回の記事をご参照ください。 ちなみに、アイキャッチ画像は、前回のプロンプトの続きで、デザインを変えてください…

React で積み重なる Snackbar を簡単に実装する (Material UI 使用)

「スナックバー」の画像の生成を依頼したら、まぁこうなりますよね アイキャッチ画像はこのまま採用するとして、右下とかにポコっと出てくるアレです。 実際に実装しようとしてコンポーネントを探していたわけなのですが、Material UI のドキュメントを読ん…

Free React Template (Dashboard) の Theme を追ってみる (2)

zako-lab929.hatenablog.com 続きです。

Free React Template (Dashboard) の Theme を追ってみる

Custom Theme は何度か見たことがある程度で深くは追ったことがないです

Material UI の Free React Template (Dashboard) を使う際にハマったこと

Material UI に優秀そうな Free Template を見つけたので使おうとしたらすぐに使えなかったので記事になりました

React Router の Outlet を使ってみる

私はよく Next.js を使っているので、自動的にルーティングをしてくれます。 React を使用する場合は、自分でルーティングモジュールを入れなくてはいけません。 偶然 React Router を試す機会があったのでメモ記事です。

Assume Role を実行するために必要なものの準備編

AWS

zako-lab929.hatenablog.com さて、LINE Notify は置いといて、上記記事において Assume Role を実施するために必要なものの準備編です。

LINE Notify がサービス終了してしまう

notify-bot.line.me 悲しみです。 手軽に LINE に通知を送ることができる LINE Notify が 2025/03/31 に終了してしまうそうです。

Docker コンテナ起動時に AssumeRole を実行してからメインコマンドを動かしたい

zako-lab929.hatenablog.com 昨日、Docker コンテナ起動時に前処理を実行しました。 本当にやりたかったのはウェイトではなく AssumeRole です。 AssumeRole が何か についてはこの記事では書いていません。

Docker コンテナ起動時に前処理を実行したい

例えば、DB や Redis など特定のリソースが起動するまで待ってからメインのアプリケーションを起動したいときなどです。

Docker コンテナ起動時に実行されるコマンドについて

ENTRYPOINT と CMD について、 どちらも同じようなコマンドが指定されていたり指定されていなかったり意味がわかりません。 この、Docker コンテナ起動時に自動的に実行されるコマンドについて、いまいちよくわからないので調べてみました。

Docker のネットワーク状態を調べる

docker networkというコマンドがあり色々見れるみたいです $ docker network --help Usage: docker network COMMAND Manage networks Commands: connect Connect a container to a network create Create a network disconnect Disconnect a container from …

異なる docker-compose 間で MySQL にアクセスするには?

昨日は docker-compose.yml 1つ に コンテナを2つ という構成でしたが、本日は docker-compose.yml が2つです。 イメージ図

Docker コンテナ間で MySQL にアクセスするには?

1つのコンテナ内に アプリケーション と MySQL Server を同居させるのではなく、 アプリケーションコンテナから、別のコンテナ内の MySQL Server にアクセスする感じです。 イメージ図 こんなのをイメージしています。

コードブロックの表現に Highlight.js を使用する

このブログではシンタックスハイライトを表現するのに CSS を上書きしまくってなんとなく表示できるようになっています。 Highlight.js を使用しているつもりなのですが、上手く反映していたりしていなかったりしているのです。 YAML のコードブロックのキャ…

Docker で立てた MySQL に接続できなかった件

以下のエラーが出てしまいます $ mysql -u root -p Enter password: ERROR 2002 (HY000): Can't connect to local MySQL server through socket '/var/run/mysqld/mysqld.sock' (2) 調べます...

『エンジニアのためのWeb3開発入門』読み終わりました!

こちら読み終わりました! リンク 第1章:Web3による社会改革 第2章:Web3のアーキテクチャと構成要素 第3章:イーサリアム開発入門 第4章:NFT開発入門 第5章:NFTマーケットプレイス開発 第6章:DAO開発入門 第7章:DAOシステム開発 といった具合で、 イー…

Dockerfile 作ってるときってとりあえずコンテナを起動しっぱなしにしたいよね

FROM python:3.11.10-slim-bullseye WORKDIR /app COPY ./app . ENTRYPOINT ["python", "app/main.py"] 例えば、main.py が動かなかったときにコンテナに潜ってどういう構成になっているか見たいですよね

Dockerfile.jetty-alpine を立ててみる

前回までのあらすじ plantuml | 2024-09-20 13:32:09.000:INFO:docker-entrypoint:jetty start from /var/lib/jetty/jetty.start plantuml | [0.008s][warning][os,thread] Failed to start thread "GC Thread#0" - pthread_create failed (EPERM) for attri…