Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Webサービスにおける画像変換の実践 / ImageFlux meetup - hands-on
Search
ImageFlux
October 12, 2018
Technology
2
18k
Webサービスにおける画像変換の実践 / ImageFlux meetup - hands-on
Webサービスにおける画像変換の実践
ピクシブ株式会社
道井俊介
ImageFlux meetup #2
— 2018-09-25
ImageFlux
October 12, 2018
Tweet
Share
More Decks by ImageFlux
See All by ImageFlux
ImageFluxについて / CAMPHOR- 2021-12-18
imageflux
0
490
画像処理サービスを作る際の落とし穴をImageFluxではいかにして超えてきたか / ImageFlux meetup #4 (5)
imageflux
1
2.9k
最高の購入体験を実現するための画像ダイナミックチューニング / ImageFlux meetup - Guest session #1
imageflux
3
17k
ImageFlux Live Streamingでサービス開発に集中する / ImageFlux meetup #2 - Guest Session #3
imageflux
0
5.4k
ImageFlux Live Streamingについて
imageflux
0
31k
ImageFlux Updates 2018
imageflux
2
1.2k
ピクシブの大規模ライブ配信 / ImageFlux Live
imageflux
6
10k
Other Decks in Technology
See All in Technology
GraphQL 成熟度モデルの紹介と、プロダクトに当てはめた事例 / GraphQL maturity model
mh4gf
7
1.3k
一生覚えておきたい「システム開発=コミュニケーション」〜初めての実務案件振り返りLT〜
maimyyym
0
140
障害対応をちょっとずつよくしていくための 演習の作りかた
heleeen
0
220
サーバー間 GraphQL と webmock-graphql の話 / server-to-server graphql and webmock-graphql
qsona
2
190
ExaDB-D dbaascli で出来ること
oracle4engineer
PRO
0
2.1k
ServiceNow Knowledge Learning Rise up
manarobot
0
210
どうするコスト最適化のトレードオフ
tetsuyaooooo
1
520
LangSmith入門―トレース/評価/プロンプト管理などを担うLLMアプリ開発プラットフォーム
os1ma
3
180
競技としてのKaggle、役に立つKaggle
yu4u
3
1.5k
Google Cloud の AI を支える裏側のインフラを垣間見る!
maroon1st
0
350
長期間TiDBを使ってきた話 @ 私たちはなぜNewSQLを使うのかTiDB選定5社が語る選定理由と活用LT / Experiences with TiDB Over Time
chibiegg
2
900
ゼロから始めるVue.jsコミュニティ貢献 / first-vuejs-community-contribution-link-and-motivation
lmi
1
130
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
10
990
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
116
18k
Web development in the modern age
philhawksworth
202
10k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
14
1.6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.1k
Fireside Chat
paigeccino
21
2.6k
Designing with Data
zakiwarfel
96
4.8k
Building Applications with DynamoDB
mza
88
5.6k
Agile that works and the tools we love
rasmusluckow
325
20k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
17
1.4k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
227
16k
GraphQLの誤解/rethinking-graphql
sonatard
50
9.2k
Transcript
MICHII Shunsuke, pixiv Inc. ImageFlux meetup #2 — 2018-09-25 8FC؟٦ؽأחֶֽ歗⫷㢌䳔ך㹋騧
8FC؟٦ؽأחֶֽ歗⫷ *NBHF'MVYך㼪Ⰵ ⵃ欽דֹ歗⫷㢌䳔ػًٓ٦ة ،فٔ؛٦ءّٝפך穈鴥
8FC؟٦ؽأחֶֽ歗⫷ ECαʔϏεʹ͓͚Δը૾ ιʔγϟϧαʔϏεʹ͓͚ΔϓϩϑΟʔϧը૾ ϝσΟΞʹ͓͚Δ৴ࠂը૾ ΠϥετɺϚϯΨɺχϡʔείϯςϯπ
رؠ؎ٝחさׇג醱侧珏겲ך歗⫷ָ䗳銲
䖞勻ך歗⫷ꂁ⥋ • ඞཁͳը૾Λࣄલʹੜͯ͠ετϨʔδʹอଘ • ImageMagickɺGDͱ͍ͬͨը૾ॲཧϥΠϒϥϦͷӡ༻͕ඞཁ • σβΠϯมߋ࣌ʹඞཁͳը૾શͯΛ࠶ੜ ! αʔόʔαΠυΞϓϦέʔγϣϯ ߘऀ
ImageMagick, GD…
• ࠷దͳUXΛఏڙ͍ͨ͠ • σβΠφʔɺσΟϨΫλʔͰͦͷॠؒʹඞཁͳը૾͕ཉ͍͠ • ը૾มͰͳ͘ɺαʔϏεͷ࣮ʹूத͍ͨ͠
None
*NBHF'MVYך㼪Ⰵ
*NBHF'MVYך㼪Ⰵ • ཧը໘͔ΒΦϦδϯαʔόΛઃఆ • ը૾ͷURLΛมߋ • ը૾ͷετϨʔδҠߦ࡞ۀඞཁͳ͠
*NBHF'MVYך㼪Ⰵ 傀㶷أزٖ٦آⵃ欽 63-㢌刿 ؔٔآٝ؟٦غ鏣㹀
زٓ؎،ٕ歍׃鴥ַ鸐䌢㌀噟傈⟃ⰻח،ؕؐٝز涪遤׃תׅ
None
None
5ZQF ˖ )551)5514 ˖ 4 )PTU ؔٔآٝ؟٦غךمأزせ䭷㹀 1BUI1SFY ػأךفٖؿ؍حؙأ䭷㹀 ⢽JNBHFT
ⵃ欽דֹ歗⫷㢌䳔ػًٓ٦ة
䭁㣐簭㼭 ؿؓ٦وحزך㢌䳔
https://demo.imageflux.jp/c/w=600/bridge.jpg https://demo.imageflux.jp/c/w=600,h=600/bridge.jpg 䌴QYך歗⫷《䖤 䌴ծ넝ׁQYך歗⫷《䖤
a=0 a=1 a=2 a=3 簚埆嫰笝䭯 ٔ؟؎ؤ ؙٗحؾؚٝ ػر؍ؚٝ
a=2,g=1 㛇彊挿䭷㹀
w=600,h=600,a=3,b=ffffff/bridge.jpg w=600,h=600,a=3,b=ffffff,g=2/bridge.jpg ػر؍ؚٝך胜兝葿䭷㹀 㛇彊挿䭷㹀
https://demo.imageflux.jp/c/w=600,f=webp:auto/bridge.jpg https://demo.imageflux.jp/c/f=webp,q=50/bridge.jpg https://demo.imageflux.jp/c/w=600,f=webp:jpeg/bridge.jpg ,# +1&( ,# 8FC1 8FC1㼎䘔ـٓؐؠחכ8FC1䘔瘶 㼎䘔׃גְזְـٓؐؠח㼎׃גכؿؓ٦ٕغحؙ ,#
ؙؓٔذ؍ػًٓ٦ة䭷㹀 8FC1 R
歗⫷ךؔ٦غ٦ٖ؎さ䧭 歗⫷ךⴖ䫙ֹ ך➭ך堣腉
،فٔ؛٦ءّٝפך穈鴥
،فٔ؛٦ءّٝד63-䭷㹀 盖椚歗דػًٓ٦ة䭷㹀
،فٔ؛٦ءّٝדך63-穈甧ג //{{ imageflux_hostname }}/c/w=600,h=600,a=2/{{ image_path }} ذٝفٖ٦زפך湫䱸㙵鴥 3VCZ(FNTJNBHF@VY IUUQTHJUIVCDPNTQBDFQJSBUFTMMDJNBHF@VY require
'image_flux' origin = ImageFlux::Origin.new(domain: 'example.imageflux.jp') origin.image_url("/original.jpg", width: 100) # => https://example.imageflux.jp/c/w=100/original.jpg
盖椚歗דך鏣㹀
盖椚歗דך鏣㹀 1SFY ػأךفٖؿ؍حؙأ䭷㹀 ⢽TNBMM 1BUI 《䖤⯓ךػأفٖؿ؍حؙأ䭷㹀 1BSBNFUFS 歗⫷㢌䳔ךػًٓ٦ة䭷㹀
https://demo.imageflux.jp/w=100/bridge.jpg 䌴QYך歗⫷《䖤 https://demo.imageflux.jp/small/bridge.jpg 㹀纏幥ךػًٓ٦ةדך㢌䳔 ַ֮ׄ㹀纏׃ػًٓ٦ةדך歗⫷㢌䳔
8FC؟٦ؽأחֶֽ歗⫷ *NBHF'MVYך㼪Ⰵ ⵃ欽דֹ歗⫷㢌䳔ػًٓ٦ة ،فٔ؛٦ءّٝפך穈鴥
תה • ImageFluxΛར༻͢Δ͜ͱͰɺը૾มʹ։ൃίετΛ ׂ͘͜ͱͳ͘ɺϏδωεʹྗ͢Δ͜ͱ͕Ͱ͖·͢ • ·ͣҰແྉτϥΠΞϧΛ͓ࢼ͍ͩ͘͠͞ɻ αʔϏεϖʔδ͔Β͓ਃ͠ࠐΈՄೳͰ͢