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
620
画像処理サービスを作る際の落とし穴をImageFluxではいかにして超えてきたか / ImageFlux meetup #4 (5)
imageflux
1
3.4k
最高の購入体験を実現するための画像ダイナミックチューニング / ImageFlux meetup - Guest session #1
imageflux
3
18k
ImageFlux Live Streamingでサービス開発に集中する / ImageFlux meetup #2 - Guest Session #3
imageflux
0
5.8k
ImageFlux Live Streamingについて
imageflux
0
32k
ImageFlux Updates 2018
imageflux
2
1.4k
ピクシブの大規模ライブ配信 / ImageFlux Live
imageflux
6
11k
Other Decks in Technology
See All in Technology
帳票Vibe Coding
terurou
0
140
つくって納得、つかって実感! 大規模言語モデルことはじめ
recruitengineers
PRO
18
4k
Goss: New Production-Ready Go Binding for Faiss #coefl_go_jp
bengo4com
0
1.1k
OpenAPIから画面生成に挑戦した話
koinunopochi
0
150
MySQL HeatWave:サービス概要のご紹介
oracle4engineer
PRO
4
1.7k
[OCI Skill Mapping] AWSユーザーのためのOCI(2025年8月20日開催)
oracle4engineer
PRO
2
140
実践アプリケーション設計 ②トランザクションスクリプトへの対応
recruitengineers
PRO
2
110
広島銀行におけるAWS活用の取り組みについて
masakimori
0
120
第4回 関東Kaggler会 [Training LLMs with Limited VRAM]
tascj
12
1.6k
Oracle Base Database Service:サービス概要のご紹介
oracle4engineer
PRO
2
20k
Android Studio の 新しいAI機能を試してみよう / Try out the new AI features in Android Studio
yanzm
0
260
どこで動かすか、誰が動かすか 〜 kintoneのインフラ基盤刷新と運用体制のシフト 〜
ueokande
0
180
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
45
7.6k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
How to Think Like a Performance Engineer
csswizardry
25
1.8k
BBQ
matthewcrist
89
9.8k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
The Cult of Friendly URLs
andyhume
79
6.5k
Rails Girls Zürich Keynote
gr2m
95
14k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
1k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
GitHub's CSS Performance
jonrohan
1031
460k
Scaling GitHub
holman
462
140k
Mobile First: as difficult as doing things right
swwweet
223
9.9k
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Λར༻͢Δ͜ͱͰɺը૾มʹ։ൃίετΛ ׂ͘͜ͱͳ͘ɺϏδωεʹྗ͢Δ͜ͱ͕Ͱ͖·͢ • ·ͣҰແྉτϥΠΞϧΛ͓ࢼ͍ͩ͘͠͞ɻ αʔϏεϖʔδ͔Β͓ਃ͠ࠐΈՄೳͰ͢