Innovation Meetup ~Startup Infrastructure~ の発表資料です http://abeja-innovation-meetup.connpass.com/event/36707/
![Docker をフル活用したインフラの紹介と成長し続けるためのインフラ戦略 / #abejameetup](https://cdn-ak-scissors.b.st-hatena.com/image/square/f7d73dd7cbc6a3d934bf6f8519e0c4340d5b865c/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F3375b61ca0004ed398511aee5ac6fdc7%2Fslide_0.jpg%3F6663149)
こんにちは、オールアバウトの筋トレエンジニア芸人の@musclemikiyaです。 今回は、オールアバウトの画像リサイズの仕組みについて紹介したいと思います。 紹介するのは、以前まで使用していた非リアルタイム版と、今年構築したリアルタイム版の2種類です。後者で使用している仕組みは、既に多数の導入事例が報告されていますが、構成や負荷に関する情報があまりなかったので、参考になれば嬉しいです! サービス紹介 以下はオールアバウトで運営している、画像を使用しているサービスです。 総合情報サイトAll About CafeSnap (iOS/Android向けアプリ) All Aboutまとめコンテンツ All About News Dig For M All About Japan その他いろいろ 旧構成(SQSを使用した非同期リサイズ) 以前は下記の構成で、PHPのアプリケーションとImageM
AMP対応でwidth/heightを指定していない画像が沢山あるのをnginx + ngx_small_lightで、どうにかするHTMLnginxAMP AMP⚡️対応していますか? AMP自体は今はシンプルなルールなので作るだけなら簡単ですが、既存のWebサービスに導入するとなると結構厄介な部分があります。僕が困ったのは、 width / height属性を指定していない画像が沢山ある これです。 AMPでは、画像を表示するタグ<amp-img>のwidth / height属性は指定必須なんです。 WordPressやMovableTypeであれば、デフォルトで属性値が入っていたような気がしますが、オリジナルのCMSだったり、それ以外のベタなページであったり。表示パフォーマンス的にも指定してあったほうが良いので、手抜きの負債なんですが…🙇🏻 整理すると… 問題点 アスペクト比が
背景 nginx(EC2)とngx small lightで画像をリサイズしてs3でcacheしたい - その1 – ときさんブログ – Web Developer from elevennines, Inc. の続き。 残課題 ファイルをs3にcacheする→ proxy_cache でLocalにcacheはできるんだろうけどs3ってどうしたらいいんだろう。s3fsとか使いたくない… 取った方法(結論) cacheするWeb Appを書く or nginxのmoduleを書く 前者のほうがお手軽だしphpでWeb App書くことにした。 php-fpmが入ってなかった yumで入れるべし nginx.confの修正 user nginx nginx; worker_processes 1; error_log /var/log/nginx/error.log; events { wo
背景 こんなの作ろうとしてる。 URLに幅と高さを入れて自動的にリサイズしてくれるサーバ リサイズした画像をcacheしてくれるサーバ 環境/構成 AWS VPC内のEC2(Amazon Linux) AWS s3に画像を保存する nginx1.8.1 nginx small light 大凡の導入 OSはAmazon Linuxだけど残念ながら yum は使えない。nginxをオプション付きでBuildする。なぁに、昔を思い出せば… /usr/local/nginx 以下にインストールされる。 [ec2-user@ip-vpc ~]$ wget http://nginx.org/download/nginx-1.8.1.tar.gz [ec2-user@ip-vpc ~]$ tar zxfv nginx-1.8.1.tar.gz [ec2-user@ip-vpc ~]$ cd ngin
This domain name expired on 2021-06-20 11:00:27 Click here to renew it. 3oku.net Related Searches: Top Smart Phones Contact Lens All Inclusive Vacation Packages song lyrics Online classifieds Healthy Weight Loss Anti Wrinkle Creams Related Searches: Top Smart Phones Contact Lens All Inclusive Vacation Packages Privacy Policy
Goodpatch CTOの id:sadah です。 これはGoodpatch Advent Calendar 2015の25日目のエントリです。 Prottというサービスではパフォーマンスチューニングのために、Railsアプリケーション/フロントエンドの改善、ミドルウェアのバージョンアップ、SPDYやHTTP/2の導入、オンプレミス環境からAWSへの移行などを行ってきました。 今回はその取り組みの一部をご紹介します。 Slides 10月にGoodpatch Engineer Meetupというイベントをやって、Prottのパフォーマンスチューニングについて話した。 Goodpatch Engineer Meetup Vol.1 - connpass イベントの内容はこちらにまとまっている。 Goodpatch Engineer Meetup Vol.1を開催しました | MEMOPA
Nginx、ngx_small_light を Amazon EC2 へ導入し S3 の画像をリアルタイムに変換するnginxAWS 画像変換は EC2 に導入した ngx_small_light で行い、画像の実体は Nginx のプロキシ機能を使って WEB ホスティングした S3 から取得する構成です(EC2 はリバースプロキシ&画像変換サーバとして動作する)。既に画像を S3 の WEB ホスティングで配信しているサービスであれば、リバースプロキシ&画像変換サーバを S3 の前段に置くことで画像変換機能を付与することが出来ます。 簡単に試してみたので、本投稿はその手順のメモです。 ngx_small_light の概要はこちらのスライドが分かりやすかったです。 ⇒ 実践ngx_small_light入門 by Tatsuhiko Kubo【Speaker Deck】 環境構築の手順
今回は前回の続きということで、画面や機能の開発周りの事を書いていく。画面開発自体は2日ぐらいでがっと作っただけなので、そんなに複雑でもないし画面数が多いわけではない。サイトマップは以下のようにシンプルな構成だ。 アンケート一覧 画面キャプチャ ヘッダ周り URL的にはTOP画面となり、「survey!」の起点となる画面だ。ヘッダには左上がロゴ的なイメージでTOP画面へのリンクとなっている。右上のOctocatはsurveyのソースが公開されているGitHubリポジトリへのリンクとなっている。 「お申し込みはこちら」ボタンは現状では飾りだ。連打したければいくらでも連打出来る。作り的にはBacklogの様にサブドメイン毎にアンケートが別れるようになっている。例えば「aaa.survey.example.com」と「bbb.survey.example.com」は別々の一覧となり、互いのアンケー
Harnessing Large Language Models for Training-free Video Anomaly Detection
おから(仮) ngx_small_light と ngx_mruby で作る動的画像変換サーバ 2015-04-19 第1回ペパボテックカンファレンス @yano3
EarlGrey is a library that adds functionality to XCTest for testing iOS apps. It allows testing elements on screens and interactions between them using matchers. The document discusses using EarlGrey for testing system alerts and popups, and issues with testing these in earlier versions. It also mentions the WebDriverAgent project from Facebook for automating tests.
S3 で公開しているバケットをバックエンドに nginx モジュール ngx_small_light を利用して画像をリサイズする方法をメモ http://d.hatena.ne.jp/akishin999/20130619/ にローカルの画像を対象にした画像変換手順が書かれているので、そこに S3 バックエンドを追記しただけとも言える。 ngx_small_light について github で公開 https://github.com/cubicdaiya/ngx_small_light pixiv の中の人が開発した nginx モジュール Apache 向け mod_small_light の nginx 移植 https://code.google.com/p/smalllight/ 画像変換エンジンは ImageMagick/Imlib2/GD から選択可能 構成 client
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く