spatie/laravel-permissionでロールベースアクセス制御を実装するハンズオン新着!!
Laravelで「管理者だけが記事を削除できる」「編集者は投稿と更新はできるが削除はできない」といったアクセス制御を実装するとき、認可ロジックを自前のカラムやif文で書き散らすと、権限が増えるたびに破綻します。
Intervention Imageで画像リサイズ・トリミングを実装する新着!!
PHPで画像を扱うアプリケーションでは、「アップロードされた画像をサムネイルにする」「表示サイズに合わせてリサイズする」「正方形に切り抜く」といった処理が頻繁に必要になります。PHP標準のGDやImagickを直接扱うこともできますが、AP…
SendGridをLaravelから使ってメール送信を実装する新着!!
Webアプリケーションでは、会員登録の確認メール・パスワードリセット・各種通知など、メール送信が必ずと言っていいほど必要になります。自前でメールサーバを運用するのは到達率（deliverability）・SPF/DKIM・バウンス処理などの…
Livewireで作るリアルタイムUIの基礎：フルスタックにJSを書かない開発
Laravel で「入力に応じて即座に画面が変わる」ようなリアルタイムUIを作ろうとすると、従来はフロントエンドに React や Vue を別途立て、API を設計し、状態をフロントとサーバの両方で持つ構成になりがちでした。機能自体は小さ…
gulpでSassコンパイルと画像圧縮のビルドタスクを組む
静的サイトやCMSテーマの制作では、Sass（SCSS）のコンパイルと画像の最適化が毎回発生します。手作業でやっていると時間がかかり、やり忘れも起きがちです。この記事では、gulp（5系）を使って以下を1つのビルドパイプラインにまとめる手順…
Framework7 + Reactで作るモバイルWebアプリ入門
モバイルWebアプリで「ネイティブアプリのような操作感」を実現しようとすると、ページ遷移アニメーション・タブバー・スワイプバック・プルトゥリフレッシュといった要素を自前で実装することになり、想像以上の工数がかかります。
core-jsとbabel/preset-envで理解するトランスパイルとポリフィル
モダンなフロントエンド開発では、最新のJavaScript構文を書いても古いブラウザで動く。これを支えているのがBabelだ。しかし「Babelを使えば全部よしなに変換してくれる」と理解していると、asyncは動くのにArray.proto…
フロントとバックエンドで揃えるQRコード生成：vue-qrcodeとphp-qrcode
Webアプリで「QRコードを表示する」要件は、実は2つの異なる場所で発生することが多いです。
SQS FIFOキューをLaravelで扱う：順序保証つきジョブ処理入門
Laravel のキュー機能は sqs ドライバで Amazon SQS をそのまま利用できます。かつては標準で想定されているのが Standard キュー だけで、順序保証と重複排除を備えた FIFO キュー を使おうとすると、そのままで…
laravel-query-detectorでN+1問題を検出・改善するハンズオン
Laravelで一覧画面を作っていると、いつの間にか発行SQLが数十〜数百本に膨れ上がる「N+1問題」に遭遇します。本記事では beyondcode/laravel-query-detector を使ってN+1を自動検出し、with() に…