【超簡単】AWS S3の画像をimgタグで直接URL指定する方法


こんな悩みを解決できる記事を書きました!
僕は現役フリーランスエンジニア(歴10年)で、資格は13個保有しています。
結論、imgタグで直接URL指定するにはS3のアクセス権限を変更する必要があります。


本記事を読めば、AWS S3の画像をimgタグで直接URL指定する方法について理解できるので早速見ていきましょう!



すぐ読み終わるので、ぜひ最後まで読んでくださいね♪
【当サイト】おすすめフリーランスエージェント3選 | |||
---|---|---|---|
エージェント | 評価 | ポイント | 公式サイト |
![]() ![]() レバテックフリーランス ![]() ![]() | 5.0 | 業界最大級のエージェント。 高単価案件が豊富。 | 公式 |
![]() ![]() Midworks ![]() ![]() | 4.8 | 満足度調査で 3年連続3冠を達成。 | 公式 |
![]() ![]() ITプロパートナーズ ![]() ![]() | 4.6 | 週2〜3向けの案件が豊富。 | 公式 |
AWS S3の画像をimgタグで直接URL指定する方法
早速ですが、AWS S3の画像をimgタグで直接URL指定する方法を解説します。
既にある画像の場合


S3のアクセス権限の内、上2つをオフにします。


S3内の公開したいオブジェクトを選択し、↑のように設定します。



パブリックアクセスのEveryoneをクリックし、オブジェクトの読み取りをチェックすればOKです。


下部に記載されたオブジェクトURLをクリックし、画像が表示されれば設定は完了です。
<img src="{オブジェクトURL}">
↑で画像が表示されればOKです。
新規画像の場合
新規画像をS3にアップロードすると、自動でアクセス制限がかかります。
ですので、新規画像アップロード時はアクセス制限を公開状態に設定する必要があります。
マネージメントコンソールの場合


↑のように設定すればOKです。
AWS SDKの場合
AWS SDKの場合は、putObjectで画像をアップロードする際にパブリック指定をします。
$s3->putObject([
'Bucket' => $bucket,
'Key' => $keyname,
'Body' => 'Hello, world!',
'ACL' => 'public-read'
]);



ACLにpublic-readを指定すればOKです!
注意点として、ACLを設定する場合はIAMロール(権限)にs3:PutObjectAclが必要です。
【当サイト】おすすめフリーランスエージェント3選 | |||
---|---|---|---|
エージェント | 評価 | ポイント | 公式サイト |
![]() ![]() レバテックフリーランス ![]() ![]() | 5.0 | 業界最大級のエージェント。 高単価案件が豊富。 | 公式 |
![]() ![]() Midworks ![]() ![]() | 4.8 | 満足度調査で 3年連続3冠を達成。 | 公式 |
![]() ![]() ITプロパートナーズ ![]() ![]() | 4.6 | 週2〜3向けの案件が豊富。 | 公式 |
【厳選】フリーランスエンジニアにおすすめなエージェント3選


フリーランスエンジニアになるにはエージェントから案件をもらう必要があります。
僕が実際に利用しているおすすめエージェントを紹介しますね。



エージェントは必ず複数登録してください。
担当者によっては「全然案件紹介してくれない…」みたいなこともあるので…
僕は実際に5つのエージェントを使い回していますよ。
フリーランスを始めるなら「レバテックフリーランス


」

- 業界最大級の案件数。
- 業界トップクラスの高単価報酬、低マージン(平均年収862万円)。
- 案件参画中のフォローの充実。
※詳細は「【業界最大手】レバテックフリーランスとは?メリットや利用手順を解説!」を参照。
レバテックフリーランス
とにかく案件数が多いので、とりあえず登録しておけば間違いないエージェントです!



僕もはじめてフリーランスの案件を貰ったのはレバテックフリーランス
保有している案件数が多いので、業務経験がなくても何かしらの案件は紹介してもらえますよ(僕はJavaの経験3年でも案件を貰えました)。
手厚い保障を重視したいなら「Midworks


」

- 手厚い保障で正社員並みの安心感。
- 還元率60%超え&単価公開でクリアな契約。
- 給与保障制度(審査あり)。
Midworks
フリーランスを目指しているけど不安な方や保障を重視したい方におすすめです。



僕も何度か案件を紹介してもらいました。
自分のスキルに合った案件を紹介してもらえましたし、電話のやり取りも非常に丁寧でした。
週2〜3日の案件探しなら「ITプロパートナーズ


」

- IT案件に特化したフリーランスエージェント。
- 週2〜3日の案件が豊富。
- リモート案件が多く、直エンドなので単価も高い。
※詳細は「【週2・3案件】ITプロパートナーズとは?メリットや利用手順を解説!」を参照。
ITプロパートナーズ
週2〜3日から参画できる案件が豊富なので、起業したい人にもおすすめです。



週2〜3日の案件はある程度スキルがないと紹介してもらえない印象です。
とはいえ、週5の案件ももちろんありますし、僕が利用した時は迅速・丁寧に対応していただきました!
よくある質問
公開されていないオブジェクトにアクセスするとどうなりますか?


↑のような画面が表示されます。
まとめ
今回は、AWS S3の画像をimgタグで直接URL指定する方法について解説しました。
以下が本記事のまとめになります。



最後までお読みいただき、ありがとうございました!
【当サイト】おすすめフリーランスエージェント3選 | |||
---|---|---|---|
エージェント | 評価 | ポイント | 公式サイト |
![]() ![]() レバテックフリーランス ![]() ![]() | 5.0 | 業界最大級のエージェント。 高単価案件が豊富。 | 公式 |
![]() ![]() Midworks ![]() ![]() | 4.8 | 満足度調査で 3年連続3冠を達成。 | 公式 |
![]() ![]() ITプロパートナーズ ![]() ![]() | 4.6 | 週2〜3向けの案件が豊富。 | 公式 |
- クソおすすめ本



海外のエンジニアがどういった思考で働いているかが理解できます。
海外に行く気はないけど海外エンジニアの動向が気になる雑魚エンジニアにおすすめです(本当におすすめな本しか紹介しないのでご安心を)。