AWS S3 メディア使用
メニューを表示するにはスワイプしてください
バケットにメディアファイルをアップロードして利用する方法。
まず、Objectsタブを開き、Uploadボタンをクリック。
アップロードするファイルまたはフォルダを選択できるメニューが表示される。現時点では、S3は例えばGoogle Driveのように動作。
Google Driveは他のクラウドストレージサービスであり、データ管理のための限定的なツールセットを提供。プログラミング用途では、AWS S3がはるかに広く利用されているため、本講座ではS3を使用。
任意の画像を選択してプラットフォームにアップロードする必要があります。ここでは、カメの写真を使用します。
アップロード後、アップロードしたファイルを開くと、次の情報が表示されます。
カメの画像は次のようになります。
この画像をプロジェクトで利用する方法
このファイルを利用するために、バケットの設定を正しく構成しており、どのソースからもアクセスできるようになっています。
この写真用のスペースを含む簡単なHTMLページを作成します。
HTMLの<img>タグでリンクを使って写真を挿入できます。
この写真のコードは次のようになります。
index.html
ご覧のとおり、コードを実行すると、このカメの写真が表示されます。
行ったことは、HTMLタグにカメの写真へのリンクを書いただけです。
カメの写真はこのウェブサイトのファイル内にも、ローカルデバイスにも保存されていません。代わりに、このファイルはAWS S3に保存されており、私たちはそれを利用してどのページでも表示しています。
index.html
style.css
script.js
利便性のため、カメのページのコードもウェブサイト上のブロックに追加しています。
このように、S3にアップロードしたさまざまなメディアを、HTMLページに埋め込むことができます。先ほどのカメの画像と同様に、画像リンクを<img> タグに挿入するだけで、結果が得られます。
フィードバックありがとうございます！
AIに質問する
AIに質問する
何でも質問するか、提案された質問の1つを試してチャットを始めてください
