htmlの備忘録。調査結果を忘れないように記載。
CKEditor 4から5への移行で押さえるべきポイント新着!!
CKEditor 4 はすでに公式のサポート終了（End of Life）を迎えており、セキュリティ更新を受け続けるには有償の延長サポートに頼るか、CKEditor 5 へ移行するかの二択になります。
Stylelintのプロパティ並び順config（recess-order / rational-order）を比較して選ぶ新着!!
Stylelint でCSSを整える際、「プロパティの宣言順」をチーム内で揃えたくなる場面があります。margin が上にあったり下にあったり、position と display の順がファイルごとにバラバラだと、差分レビューのたびに本質…
BootstrapとTailwind CSSを比較する：CSSフレームワーク選定の観点
CSSフレームワークを選ぶとき、BootstrapとTailwind CSSは必ずと言っていいほど比較対象になります。どちらも広く使われていますが、設計思想がまったく異なるため、「どちらが優れているか」ではなく「どちらがそのプロジェクトに合…
Livewireで作るリアルタイムUIの基礎：フルスタックにJSを書かない開発
Laravel で「入力に応じて即座に画面が変わる」ようなリアルタイムUIを作ろうとすると、従来はフロントエンドに React や Vue を別途立て、API を設計し、状態をフロントとサーバの両方で持つ構成になりがちでした。機能自体は小さ…
gulpでSassコンパイルと画像圧縮のビルドタスクを組む
静的サイトやCMSテーマの制作では、Sass（SCSS）のコンパイルと画像の最適化が毎回発生します。手作業でやっていると時間がかかり、やり忘れも起きがちです。この記事では、gulp（5系）を使って以下を1つのビルドパイプラインにまとめる手順…
Tailwind CSSの導入と設定：ユーティリティファーストの考え方
Tailwind CSS は、flex・pt-4・text-center のような小さな「ユーティリティクラス」を HTML に直接並べてスタイリングする CSS フレームワークです。本記事では、ユーティリティファーストという設計思想を整理…
gulpとPostCSSで組むフロントエンドのCSSビルドパイプライン
Sass だけに頼らず、PostCSS のプラグインエコシステムを軸にした CSS ビルドパイプラインを gulp で組む方法をハンズオン形式でまとめる。
`` では 26:00 が入力できない — 深夜シフトの時間入力を select 化した話
飲食・バーなどの深夜業態向けにシフト管理システムを開発していたとき、「22:00〜翌02:00」のような日跨ぎの夜間シフトをパターン登録できないというバグに遭遇しました。
Vue+Pug：JavaScriptで作成した変数をPugで読込もうとしたが出来ないらしい
Vue+Pug：JavaScriptで作成した変数をPugで読込もうとしたが出来ないらしい そもそもPUGって何？という方はこちらを参考に。 JSで作成した配列を基にしてPUGでリンクリストを書こうと思い当初、下のような […]
