じろう

2019年11月02日に参加

学習履歴詳細

[Laravel]課題アプリ作成。S3への画像アップロード。本番環境での画像アップロード周りの実装。カードにカルーセルつけてみるなど

今日のYWT

やったこと

Travelog

  • リサイズした画像のパス取得
  • S3の画像用バケット作成
  • ローカルからS3へのアップロード
  • ローカルからS3へリサイズ後の画像アップロード
  • 本番環境で普通の画像アップロード
  • 本番環境でリサイズ後の画像アップロード
  • ローカルでS3にアップロードした画像を読み込む
  • 本番環境でS3にアップロードした画像を読み込む
  • 更新処理をS3仕様に書き換え

  • カードにカルーセルをつけて、そこに写真を表示させるようにするため、とりあえずサンプルコードをコピー

  • カルーセルの自動スライドを止めるために<script>でjQuery書くも、エラーに苦しむ

S3へのバケット作成+画像アップロード
LaravelでAWS S3へ画像をアップロードする

Intervention Imageで、リサイズ後の画像アップロード
LaravelでS3へファイルをアップロード&参照・表示

本番環境で画像アップロードができないエラーの解決
GD Library extension not available with this PHP installationエラー

わかったこと

  • putFileでS3に画像アップロードすればパスを返してくれるけど、引数にファイル形式を期待しているので、Intervention Imageで加工したあとの画像Imageだと使えない
  • EC2の中のLinuxマシンに画像加工用のGDをインストールしてなかったのが画像アップロードできない原因

次やること

  • カルーセルの中の画像をArticle->photosにすればOK
PHP
Docker
Laravel
AWS

2020年11月03日(火)

7.8時間