ジャコ Lab

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

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

昨日に引き続きサンタさん用レターセットの準備です

昨日、偶然生まれた綺麗な絵 偶然生まれた綺麗な絵 昨日と今日合わせて、封筒と便箋を作って印刷しました

そろそろクリスマスの準備しないとなー

我が家には、クリスマスの季節は、毎年事前にサンタさんから手紙が来ます。 手紙には 何が欲しいのか返送してくれ と書かれています。 そろそろクリスマスの準備しないとなー そんなことを思いながらレターセットの準備をしようとしました。 せっかくだから…

OSC (Open Sound Control) ってなに?

昨日は、モーションキャプチャーシステム における VMCProtocol (Virtual Motion Capture Protocol) について、概要を調べました。 本日は VMCProtocol (Virtual Motion Capture Protocol) の基盤となっている OSC (Open Sound Control) について触れてみま…

VMCProtocol (Virtual Motion Capture Protocol) ってなに?

zako-lab929.hatenablog.com 昨日の記事で ThreeDPoseTracker から Send VMC Protocol を有効にして、Unity 側の Receiver で受信しました。 そもそも VMCProtocol って何ですかね?

【ThreeDPoseTracker】リアルタイムで Unity にモーションを反映してみる

さて、前回は ThreeDPoseTracker 単体で VRM ファイルを読み込み、アバターを追加しました。本日は ThreeDPoseTracker と Unity を連携します。 前に使った UniVRM も使うよ!

【ThreeDPoseTracker】VRM を読み込んでもらう

昨日、ThreeDPoseTracker を触りましたが、超絶簡単に単体動作しました。 今日は、とりあえずアバターをデフォルト以外にしてみます。あとハマったこと

【モーションキャプチャー】特別なデバイス無しに使えそうな ThreeDPoseTracker を触ってみる

色々キーワードを調べましたが、とりあえず触ってみないことには何もわかりません。 とにかく手軽そうだった ThreeDPoseTracker を触ってみようと思います

モーションキャプチャーについて調べてみた (アプリ版)

フルトラッキングに興味があってモーションキャプチャーを調べたところ デバイスの価格が高く手軽に試すにはちょっと・・・ となることがわかりました。 目的は Unity にリアルタイムで反映させること です ということで、なるべく 無料 で 特別なデバイスは…

モーションキャプチャーについて調べてみた (デバイス版)

Sony の mocopi のようにモーションキャプチャーをすることができるアイテムについて調べてみました。 最終的には Unity などで利用可能なモーションデータを作りたい。もしくはリアルタイムで反映させたいです

【FullCalendar x React】任意の付加情報を設定できるか調べた

予定に対して、タイトルとか以外に付加情報が設定できるか調べました 具体的には、 予定をクリックしたときに React Router を使って別のページに遷移させるための情報が欲しかったのがキッカケです。

【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 が何か についてはこの記事では書いていません。