CKEditor 4から5への移行で押さえるべきポイント新着!!
CKEditor 4 はすでに公式のサポート終了（End of Life）を迎えており、セキュリティ更新を受け続けるには有償の延長サポートに頼るか、CKEditor 5 へ移行するかの二択になります。
BootstrapとTailwind CSSを比較する：CSSフレームワーク選定の観点
CSSフレームワークを選ぶとき、BootstrapとTailwind CSSは必ずと言っていいほど比較対象になります。どちらも広く使われていますが、設計思想がまったく異なるため、「どちらが優れているか」ではなく「どちらがそのプロジェクトに合…
Livewireで作るリアルタイムUIの基礎：フルスタックにJSを書かない開発
Laravel で「入力に応じて即座に画面が変わる」ようなリアルタイムUIを作ろうとすると、従来はフロントエンドに React や Vue を別途立て、API を設計し、状態をフロントとサーバの両方で持つ構成になりがちでした。機能自体は小さ…
webpackの画像最適化：image-minimizer-webpack-pluginで配信サイズを削減する
画像はフロントエンドの転送量の大半を占めることが多く、ビルド時に圧縮をかけるだけで配信サイズを大きく減らせます。本記事では webpack 5 で image-minimizer-webpack-plugin（内部で sharp / ima…
Tailwind CSSの導入と設定：ユーティリティファーストの考え方
Tailwind CSS は、flex・pt-4・text-center のような小さな「ユーティリティクラス」を HTML に直接並べてスタイリングする CSS フレームワークです。本記事では、ユーティリティファーストという設計思想を整理…
Vite + React + TypeScript で開発環境を構築する
React のフロントエンド開発を始めるとき、ビルドツールに Vite を選ぶのは今や標準的な選択肢です。かつて主流だった Create React App（CRA）はメンテナンス体制が縮小し、公式でも新規プロジェクトには Vite などの…
Bootstrap：カッコいいカレンダー『daterangepicker』の取扱いを調べた
Bootstrap：カッコいいカレンダー『daterangepicker』の取扱いを調べた このプラグインの担当区分は日付の範囲指定です。 例えば、売上の期間集計とか『どこからどこの集計をするのか』を指示する事が出来ます […]
【Laravel】管理サイトでスパムが煩くなってきたから対策を考える
【Laravel】管理サイトでスパムが煩くなってきたから対策を考える スパムメッセージ面倒臭い！ 企業サイトなら当たり前のように設置する『お問合せ』というメッセージBOXですが、スパムメッセージが無差別攻撃してきます。 […]
【VBScript(WSH)】chromeをDOM操作したいときどうすればいいか
【VBScript(WSH)】chromeをDOM操作したいときどうすればいいか 自前のサイトをDOM操作したいときはJSを読み込ませておけばOKです。 そう言った事が出来ない場合（スクレイピングをしたいとき）どうするか […]
【PHP(Laravel)】JavaScriptの記載場所と登録方法について(jQuery含め)
【PHP(Laravel)】JavaScriptの記載場所と登録方法について LaravelでJavaScriptを記載する場所は2つしかありません。 Viewに<script>タグを使って書く プロジェクト […]