Hello!　チャリセです。 今回はBootstrap5のCarouselの自動再生Carousel画像に停止・再生機能を付けて制御できるようにしてみました。 Step1：Bootstrap5のJSとCSSをプロジェクトに張り付ける 最新のコンパイル済みJSスクリプトタグとCSSリンクタグをcdnjs から自分のシース...

こんにちは！チャリセです。今回はMdbBootstrap５のカルーセルコンポネントを使って写真を循環するスライドショーを作ってみました。また、スライドショーの表示秒数を設定してみました。なかなか大変でしたが何とかして秒数で動くようになりました。今回はその辺紹介したいと思います。 まずは、Htmlページを作成し、MDBB...

世の中本当に便利なものいっぱいですね。5年前1枚のウェブページ作るのに1週間ほどかかった私チャリセですが、今は何とたった30分で簡単にウェブページを作りました。1からHTMLやCSSを書かずに「Bootstrap5」を使ってモダルとカートを組み合わせてモダル開いたらウェブページを入れるようにしてみました。まずは「ind...

初めまして。４月入社予定の北山と申します。本日、早期に出社の機会をいただき、今後業務に携わる事柄をご指導いただきました。その際、ブログ作成の機会をいただき４月入社予定前でございますが、少し早めのブログ記事の作成させていただきました。 私は、紅茶やコーヒー、白湯などを飲んで一服するのが趣味です。また最近では100均ショッ...

ウェブブラウザで体験できるバーチャルコンテンツを開発しています。ワールドの中で入室者がお互いテキストチャットをできるようにチャット機能の実装を進めています。テキストチャットはできるようになりましたが、ダイアログオープンしてないときは相手からメッセージ届いても気づかないので、画面の右下に通知を表示したいと思いました。そこ...

最近、WebGl技術を使ってウェブブラウザで動くVRコンテンツを制作しています。開発しているバーチャル空間内好きなアバターを選んで、歩き回れたり、組み込んである動画再生したリ、ライブ配信を見たり、資料等のダウンロード、ビデオ通話等できるようになりました。 アバターセレクト画面や、動画再生、ライブ配信画面といったウェブ上...

Javascriptを使わずにCSSでページの集計継続できるコードを書いてみました。 ベーシックカウンター以下に、簡単なページネーションの例を示します。 表示される数値はHTMLにハードコードされていません。 これらはCSSで次のように生成されます： body { counter-reset: pages; /* カウ...