フロントエンドがサーバー負荷を抑えるためにできること - アニメイトラボ開発者ブログ

はじめまして、アニメイトラボのフロントエンドエンジニア id:koharusugiura です。 フロントエンドエンジニアとして働いていると、いかにサーバーサイドに負担を掛けずに処理を行うかについて考えることも多いと思います。 そこで今回は、サーバーに画像の転送を行う前にクライアント側で画像加工をする話について書きます。 この記事は animateLAB Advent Calendar 2015 15 日目の記事です。 qiita.com JavaScript で画像処理を行う ウェブアプリケーションで画像ファイルの加工が要件にある場合、サーバー側で画像加工を処理するケースが大半だと思います。 しかし、データ通信のことを考えると、最適な考え方とは言えない気がしています。 近年、日本のインターネット回線の速度は大きく向上しているとはいえ、モバイルデータ回線はまだまだ速度的に完璧とは言えません

[koharusugiura]

書きました。

[androidzaurus]

“現在アニメイトラボにフロントエンドエンジニアは筆者一人しかいません。” ← 強く生きて

[todesking]

クライアントサイドで生成した画像をサーバにアップロードするしくみ、任意の画像をアップロード可能なのでアプリケーションの仕様によっては何らかの攻撃チャンスが生まれそうだな

[karia]

フロントエンドエンジニア1人……まじかよ……（棒）

[efcl]

クライアント側で画像処理をしてからアップロードするという方法

[nisshin-k]

興味あるところだけどフロントでやるのはライブラリが充実してからにしたいなぁ

[HHR]

一人ってインフルエンザでも崩壊する

[rochefort]

画像処理

[tmatsuu]

data URIとcanvasでの画像表示って、画像の右クリックダウンロードを簡単にさせない効果があるね。それも目的だったりするんだろうか。

[send]

イメージファイト的なことされないようにサーバ側でもなんかしらチェックした方が良さそう

[akirafukuoka]

「へーっアニメイトラボなんてあるんだすごいなー！」→「現在アニメイトラボにフロントエンドエンジニアは筆者一人しかいません」😭😭😭

[dirtjapan]

ﾆｹﾞﾃ

[fjwr38]

まぁそらそうだ / HTML5 APIに完全にロックインする形になるけど、なるたけサーバに仕事させない方がええわな

[Funyapu]

何故ひとりであることに衝撃を受けてるのか… 今まで行った殆どの現場はぼっちでした。ぼっちばんざーい！エンジニア20人超いてもフロントはぼっちとかね

[tumayouzi_s]

ひ、ひとり・・・

[side_tana]

オー

[rizmhate]

jsで画像処理