BootstrapとTailwind CSSを比較する：CSSフレームワーク選定の観点新着!!
CSSフレームワークを選ぶとき、BootstrapとTailwind CSSは必ずと言っていいほど比較対象になります。どちらも広く使われていますが、設計思想がまったく異なるため、「どちらが優れているか」ではなく「どちらがそのプロジェクトに合…
PhpSpreadsheetで実務的なExcel帳票を出力するハンズオン新着!!
業務システムでは「画面で見られればいい」で済まず、請求書・納品書・月次集計表といった Excel 帳票の出力を求められる場面が頻繁にあります。PHP で Excel ファイルを生成するデファクトが [PhpSpreadsheet](http…
PHP-CS-FixerとPHP_CodeSnifferで整えるコーディング規約自動化新着!!
チーム開発では、波カッコの位置や配列の記法といった些末なスタイルの差異がレビュー時間を奪い、diff を汚し、本質的な議論を埋もれさせます。この記事では、PHP の2大ツールである PHP-CS-Fixer と PHPCodeSniffer…
Livewireで作るリアルタイムUIの基礎：フルスタックにJSを書かない開発新着!!
Laravel で「入力に応じて即座に画面が変わる」ようなリアルタイムUIを作ろうとすると、従来はフロントエンドに React や Vue を別途立て、API を設計し、状態をフロントとサーバの両方で持つ構成になりがちでした。機能自体は小さ…
gulpでSassコンパイルと画像圧縮のビルドタスクを組む新着!!
静的サイトやCMSテーマの制作では、Sass（SCSS）のコンパイルと画像の最適化が毎回発生します。手作業でやっていると時間がかかり、やり忘れも起きがちです。この記事では、gulp（5系）を使って以下を1つのビルドパイプラインにまとめる手順…
webpackの画像最適化：image-minimizer-webpack-pluginで配信サイズを削減する新着!!
画像はフロントエンドの転送量の大半を占めることが多く、ビルド時に圧縮をかけるだけで配信サイズを大きく減らせます。本記事では webpack 5 で image-minimizer-webpack-plugin（内部で sharp / ima…
Larastanで始めるLaravelの静的解析：型のない世界に型検査を導入する新着!!
PHPは動的型付け言語であり、Laravelはその柔軟さを最大限に活かしたフレームワークです。マジックメソッド、ファサード、Eloquentの動的プロパティなど、「書きやすいが型が追いにくい」コードが大量に生まれます。これらは実行してみるま…
Framework7 + Reactで作るモバイルWebアプリ入門新着!!
モバイルWebアプリで「ネイティブアプリのような操作感」を実現しようとすると、ページ遷移アニメーション・タブバー・スワイプバック・プルトゥリフレッシュといった要素を自前で実装することになり、想像以上の工数がかかります。
Laravelプロジェクトの静的解析をLarastanで始める入門新着!!
PHP は実行するまでエラーに気づきにくい言語です。タイプミスした変数、存在しないメソッド呼び出し、null が返るのに前提にしていない処理――こうした問題はテストで踏まない限り本番まで届いてしまいます。