開発環境(ローカルストレージ)と本番環境(Amazon S3)にトリミング+リサイズした画像を保存する方法
![](https://autovice.s3.ap-northeast-1.amazonaws.com/uploads/article/picture/73/laravel.jpeg?X-Amz-Expires=600&X-Amz-Date=20240727T032742Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=e8f471c415c0f52d9009c72ca6f0704955127e7cd0c5b0865445e78fdb7ac1a1)
はじめに
以前、以下の記事を書きました。
開発環境と本番環境で画像のアップロード先を分岐する方法 - AUTOVICE (https://www.autovice.jp/articles/68)
ローカルやAmazon S3にアップロードした画像をビューで表示する方法 - AUTOVICE (https://w ...
Laravel Mixの仕組みをわかりやすく解説:CSSをSASS/SCSSで記述する方法
![](https://autovice.s3.ap-northeast-1.amazonaws.com/uploads/article/picture/72/laravel.jpeg?X-Amz-Expires=600&X-Amz-Date=20240727T032742Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=153693c31365e9733813d89ba7e1d891bd1fcdf14d97a17a35a3e2fd74cef89e)
はじめに
Laravel Mixの仕組みをわかりやすく解説します。Laravel Mixを使ってアセットコンパイルを行うことで、SASS/SCSSでCSSを記述できるようになります。
Laravel Mixの仕組み
まずはじめに、LaravelのCSSがどういう風にアセットコンパイルされるのかを説明します。
C ...
【Laravel 6.x】Laravelプロジェクトの名称を変更する方法
![](https://autovice.s3.ap-northeast-1.amazonaws.com/uploads/article/picture/71/laravel.jpeg?X-Amz-Expires=600&X-Amz-Date=20240727T032742Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=5ad148db5a4a14ac41d12f184d9cf30d42b6cd5b050af1a016354e5c06f2b3ec)
はじめに
あまりないケースではありますが、一度作成したLaravelプロジェクトの名称を変更する方法を解説します。ここで言うLaravelプロジェクトの名称とは、以下のコマンドのSampleのことを指します。
terminal
$ composer create-project --prefer-dist la ...
【Laravel】ローカルディスクやAmazon S3にアップロードした画像をビューで表示する方法
![](https://autovice.s3.ap-northeast-1.amazonaws.com/uploads/article/picture/70/laravel.jpeg?X-Amz-Expires=600&X-Amz-Date=20240727T032742Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=ce78bca11e88bcc1441ebc506dc2d7f11191b4254c6afc254cba0e882f220643)
はじめに
本記事では、ローカルディスクやAmazon S3にアップロードした画像をビューで表示する方法について説明しています。
なお、本記事では画像のアップロードする方法については説明していません。本記事は既に実装済みの画像アップロード処理に追加していく形で説明しているので、まだ実装していない方は以下の記事を参 ...
【Laravel】Amazon S3へのアップロードが「403 Access Denied」で失敗する原因と対処方法
![](https://autovice.s3.ap-northeast-1.amazonaws.com/uploads/article/picture/69/laravel.jpeg?X-Amz-Expires=600&X-Amz-Date=20240727T032742Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=d3a0c74cfaf6bda56780ad35e6ba2b65d2ade56d7837a6a3101b3301f04807f5)
はじめに
LaravelでAmazon S3へ画像アップロードする処理を実装し、いざアップロードしようとしたところ、以下のエラーが出て失敗しました。
Error executing "PutObject" on "https://minna-no-houteishiki.s3.ap-northeast-1.a ...
開発環境と本番環境で画像のアップロード先を分岐する方法
![](https://autovice.s3.ap-northeast-1.amazonaws.com/uploads/article/picture/68/laravel.jpeg?X-Amz-Expires=600&X-Amz-Date=20240727T032742Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=50e55813116e3a2062fae78e0baa0a9e1fe97d4bf9de0e9db92034fb41fab2a1)
はじめに
この記事では、以下の方針で画像のアップロード先を分岐する方法について解説しています。
開発環境:ローカル(storage/app/public/)
本番環境:Amazon S3
事前準備
AWSに未登録の場合は以下を参考にして登録してください。
AWS アカウント作成の流れ | AWS (https: ...
独自ポリシーの導入手順と注意点(ハマリポイント)を解説
![](https://autovice.s3.ap-northeast-1.amazonaws.com/uploads/article/picture/67/laravel.jpeg?X-Amz-Expires=600&X-Amz-Date=20240727T032742Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=f0d5910719781d847ebe1f4c408a0f3064764abfa4bde889f5576753bc9def1c)
はじめに
ユーザーと記事を関連付けておいて、編集や削除は記事の作成者のみ許可したいときにはポリシーを作成します。今回はポリシーの導入手順と注意点(ハマリポイント)を解説します。
導入手順
ポリシー作成
ターミナルで以下のコマンドを実行します。
terminal
$ php artisan make:policy ...
ユーザー認証機能の導入手順と生成されたフォームを日本語化する方法を解説
![](https://autovice.s3.ap-northeast-1.amazonaws.com/uploads/article/picture/66/laravel.jpeg?X-Amz-Expires=600&X-Amz-Date=20240727T032742Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=7ff367f1edd50a2fcd15abade2f332e87c6f06fb7db537eaa2fccf59a2496ac3)
はじめに
Laravelではユーザー認証機能の導入が簡単にできてしまいます。この記事ではLaravelプロジェクトにユーザー認証機能を追加する手順と、生成されたフォーム(デフォルトでは英語)を日本語化する方法を解説します。
前提
Laravel 6.xを対象としています。
テーブル作成
ユーザー認証のためのマイ ...
【Laravel 6.x】ネスト構造になっているRESTfulルーティングの定義方法
![](https://autovice.s3.ap-northeast-1.amazonaws.com/uploads/article/picture/65/laravel.jpeg?X-Amz-Expires=600&X-Amz-Date=20240727T032742Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=b9661c9682f68f67df5acc4f842cb8bd557f232fc2adc2ef8bef20f47298a9f1)
はじめに
RESTfulルーティングを定義するときはRoute::resourceを使いますが、ネスト構造になっているRESTfulルーティングの定義方法を調べたので記事にします。
前提
おそらく、Laravel 6.xのみ対応だと思います。
※Laravel公式ドキュメントの5.8以前には記載がないため。間違 ...
Laravelプロジェクト作成から初めに行うべき設定まとめ
![](https://autovice.s3.ap-northeast-1.amazonaws.com/uploads/article/picture/64/laravel.jpeg?X-Amz-Expires=600&X-Amz-Date=20240727T032742Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIASDZCAGFGH4Y2EDPG%2F20240727%2Fap-northeast-1%2Fs3%2Faws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=3f126e2bca6e8dcd45bf2d803db37c25d8cfcdb31a8ddc3bfb068757fafb3166)
はじめに
Laravelプロジェクトを作成する方法と、初めに行うべき設定(DB設定や日本語化など)をまとめました。
環境
macOS Catalina 10.15.3
PHP 7.3.11
Composer 1.9.3
Laravel 6.17.1
プロジェクト作成
ターミナルで以下のコマンドを実行します。
` ...
![](/assets/profile-1055d2f9a1a248bf051584d3572c2f2d79d103e956e0fcee48f1cab5cd40472b.jpg)
坂井 光太郎 / Sakai Kotaro
Ruby on Rails を中心とした Web アプリ開発全般に関する技術情報をまとめています。業務に関するご依頼・ご相談、当サイトに対するご感想やメッセージはコンタクトフォームからお気軽にお問い合わせください。