人気記事一覧
-
【React×TODOアプリ】useEffectと副作用・ローカルストレージ【基本編：第7回】
Reactで作るTODOアプリ開発シリーズ第７回（基本編 最終回） いよいよ基本編の最終回となるこの記事では、 ReactのuseEffectフックを使った副作用処理とローカルストレージによるデータ永続化 について学びます。 前回は編集・削除機能を追加し、基本的なC... -
【SWELL】記事タイトルの上に広告を表示する方法
以前にこちらの記事で「SWELLでアイキャッチ画像の上に広告を表示する方法」をご紹介しました。 この記事では、アイキャッチ画像の上ではなく SWELLで記事タイトルの上に広告を表示する方法 をご紹介します。 今回の方法もとても簡単にできるので、ご興味... -
【Web制作】ナビゲーションタブアニメーション完全版｜5カテゴリ・26種類を網羅
Webサイトのナビゲーションを魅力的で使いやすくするナビゲーションタブアニメーションを5カテゴリ・26種類完全網羅！ 各カテゴリから厳選した代表的なアニメーションをCodePenデモ付きで紹介し、詳細な実装方法は各専門記事で詳しく解説しています。 ナビ... -
【Laravel×React×inertia】useFormで連続したsetDataが動作しないとき
Laravel開発でinertiaを使用してフロントエンドにReactを採用する場合、inertiaのuseFormヘルパーを活用する場面が多くあるかと思います。 今回は、そうした開発環境において 連続して記述したsetDataが上手く動作しないときの対処法（正しい記述方法） を... -
【Web制作シリーズ】javascriptで動きのあるWebサイトを作ろう！DOM操作とイベント処理
この記事は、Web制作学習シリーズ最終回となる第7回目です。 見た目はいい感じになったけど、動きがなくて「イマドキ」感が足りない気がする… 前回までのポートフォリオサイト作成を終えて、このように感じてはいないでしょうか。 そこでシリーズ最終回と... -
【Laravel11】Gate（ゲート）とPolicy（ポリシー）で「認可」機能を実装する
Webアプリでは、特定の機能を実行する権限があるかどうかをチェックするために「認可」という仕組みを利用します。 PHPのフレームワークであるLaravelには、この「認可」を簡単に実装する仕組みとしてGate（ゲート）とPolicy（ポリシー）が用意されていま... -
【Googleマップ】レスポンシブ対応させる方法｜縦横比の指定も簡単！
Googleマップをレスポンシブ対応させる方法が知りたい…… 縦横比も簡単に指定できると良いんだけど…… 今回はこのようなお悩みをお持ちの方へ向けて Googleマップをレスポンシブ対応させる方法＋縦横比を簡単に指定する方法 をご紹介します。 この記事で分... -
【WordPress】検索結果から固定ページを除外する方法【コピペで簡単！】
WordPressでは簡単に検索機能を実装することが可能です。 ただ、その検索対象はデフォルトだと投稿・固定ページの「タイトル」と「本文」に設定されており、必要に応じて自分自身で検索対象をカスタマイズする必要があります。 この記事ではそうしたカスタ... -
【Laravel】カラム名を変更する方法【マイグレーション】
この記事では Laravelでデータベーステーブルのカラム名を変更する方法 を解説します。 検証はLaravel11で実施しました。 Laravelではマイグレーションファイルを作成・編集し、コマンドでテーブルを作成します。 その際、テーブルのカラム名を間違えて入... -
【コピペOK】チェックボックス・スイッチアニメーション｜5種類【Web制作】
チェックボックスやスイッチのアニメーションを実装したい…… ON/OFFの状態をわかりやすく見せたい…… 今回はこのようなお悩みをお持ちの方へ向けて Web制作において必須のUI要素チェックボックス・スイッチアニメーション をご紹介します。 5種類のアニメー...
