プログラミング

【CSS】要素を発光させる方法|box-shadow・filterで光るアニメーションを作る

学習の備忘録です。タスク管理アプリを作っています。以前ごほうびチケット獲得の処理を作った時、「スタンプカードが消えるときの光り方をもうちょっとビカビカさせたい……」となったので、もっとそれっぽくなるように改修しました。ちなみに、ごほうびチケ...
映画

スター・ウォーズミリしら勢がマンダロリアン・アンド・グローグーを観ました(吹き替え)

Xで連日スーパーかわいい赤ちゃんのポストが流れてくるので、まんまと釣られて「マンダロリアン・アンド・グローグー」を観てきました。スター・ウォーズは本当に何も分かりません。曲(テーテーテー テーッテテー テーッテテーってやつ)ライトセーバーで...
プログラミング

【Laravel】スタンプが10個貯まったらごほうびチケットを獲得する|Ajax・CSS・jQuery

学習の備忘録です。タスク管理アプリを作っています。今回は、スタンプを獲得していって10個貯まった場合、ごほうびチケットを獲得する処理を書いていきます。スタンプを獲得するアニメーション演出については以下の記事にまとめていますので、そちらも参考...
プログラミング

【Laravel/PHP】トランザクションについての備忘録

学習の備忘録です。タスク管理アプリを作っています。今回は、スタンプ獲得の際に作ったコードをトランザクション処理に変えていきます。スタンプ獲得処理については以下の記事にてまとめてあります。本記事は個人の学習記録です。内容の正確性を保証するもの...
プログラミング

【Laravel】スタンプ獲得アニメーションをAjaxで実装する方法|Blade・CSS・jQuery

学習の備忘録です。タスク管理アプリを作っています。今回は、スタンプカードのアニメーション演出を実装していきます。スタンプ獲得のバッチ処理については以下、スタンプカードのモーダル表示ついては以下の記事にまとめていますので、そちらも参考にしてい...
プログラミング

【Laravel】スタンプカードのモーダル表示|Gridでのマス目の作り方

学習の備忘録です。タスク管理アプリを作っています。今回は、スタンプカードのモーダル表示を実装していきます。主に以前作成したモーダル表示のjsを活用し、スタンプカードの枠などの見た目の部分のHTML&CSSを新たに作っていくだけなのでとてもシ...
ブログ運営

ブログ運営3か月目経過報告|明太クリームうどん記事一強

ブログを開設して3か月が経ちました。5月はどんな結果になったのかを見ていきます。前回の運営報告は以下の記事ですので、興味のある方はこちらもご覧ください。また、Googleアナリティクス(GA4)の初歩的な読み方についても以下にまとめています...
プログラミング

【Laravel】スタンプ獲得機能を実装:バッチ処理の中身、スケジュール設定

学習の備忘録です。タスク管理アプリを作っています。今回は、スタンプ獲得機能の中身であるバッチ処理について備忘録を書いていきます。仕様設計については以下の記事にまとめているので、よろしければこちらもご確認ください。バッチ処理の実装について、全...
プログラミング

【Laravel / Blade】条件に応じて画像を切り替える方法(スタンプカードの実装例)

学習の備忘録です。タスク管理アプリを作っています。今回は、以前考えたやり方を基に、トップ画面でのスタンプカードアイコンの表示機能を実装します。考え方については以下の記事にまとめていますので、こちらもご確認いただければ幸いです。やってることは...
プログラミング

【Laravel Sail(Docker)】Failed to open stream: Permission denied(パーミッションエラー)の対処法

学習の備忘録です。タスク管理アプリを作っています。今回は、マイグレーション作成とリフレッシュをしていた時にパーミッションエラーが発生したので、その解決策についての備忘録をまとめました。マイグレーション作成とリフレッシュについては以下の記事に...