画像をバックエンドに送る前にリサイズしたい時があると思います。 サーバー側でリサイズ処理を行うのは、それだけでもアップロード時のネットワークの負荷などもあって あまりよろしくないことがあります。 なので、フロント側、つまりJavaScriptでリサイズしましょうという考え。 流れ 画像読み込む canvasを作成 好きな大きさを指定 画像をcanvasに貼り付ける(位置や、canvas内の画像の大きさなども指定する) DataURL(文字列化)にする このような流れになりますが、流れを見るより処理を見た方が分かりやすいかと思います。 リサイズ処理 画像読み込み 画像の読み込みを行います。 const inputElement = document.getElementById("input"); inputElement.addEventListener("change", roadImg
Iconsax 6000種の汎用ピクトグラムアイコン「Iconsax」 非常に使いやすそうなアイコン1000種を6種のスタイルで配布されています。アプリやWEB開発に使えそうですね
Amazon Web Services ブログ AWS Lambdaによる進化的アーキテクチャの構築 この投稿は、メディアとエンターテインメントのプリンシパルソリューションアーキテクトであるLuca Mezzaliraによって書かれました。 俊敏性により、必要に応じてワークロードを迅速に進化させ、新機能を追加したり、新しいインフラストラクチャを導入したりできます。コードベースでアジリティを実現するための主な特徴は、疎結合コンポーネントと強力なカプセル化です。 疎結合は、テストカバレッジを改善し、一貫したリファクタリングを作成するのに役立ちます。カプセル化を使用すると、実装ロジックを明らかにすることなく、サービスとのやり取りに必要なものだけを公開できます。 進化的なアーキテクチャは、設計の俊敏性を実現するのに役立ちます。「進化的アーキテクチャの構築」という本の中で、このアーキテクチャは「複数
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く