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
610
画像処理サービスを作る際の落とし穴をImageFluxではいかにして超えてきたか / ImageFlux meetup #4 (5)
imageflux
1
3.3k
最高の購入体験を実現するための画像ダイナミックチューニング / 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
経験がないことを言い訳にしない、 AI時代の他領域への染み出し方
parayama0625
0
270
ecspressoの設計思想に至る道 / sekkeinight2025
fujiwara3
12
2.1k
AWS表彰プログラムとキャリアについて
naoki_0531
1
150
Datasets for Critical Operations by Dataform
kimujun
0
120
20250728 MCP, A2A and Multi-Agents in the future
yoshidashingo
1
130
[TechNight #91] Oracle Database 最新パフォーマンス分析手法
oracle4engineer
PRO
3
210
「育てる」サーバーレス 〜チーム開発研修で学んだ、小さく始めて大きく拡張するAWS設計〜
yu_kod
1
200
複数のGemini CLIが同時開発する狂気 - Jujutsuが実現するAIエージェント協調の新世界
gunta
13
3.8k
クマ×共生 HACKATHON - 熊対策を『特別な行動」から「生活の一部」に -
pharaohkj
0
230
Turn Your Community into a Fundraising Catalyst for Black Philanthropy Month
auctria
PRO
0
220
Kiroから考える AIコーディングツールの潮流
s4yuba
1
470
増え続ける脆弱性に立ち向かう: 事前対策と優先度づけによる 持続可能な脆弱性管理 / Confronting the Rise of Vulnerabilities: Sustainable Management Through Proactive Measures and Prioritization
nttcom
1
220
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
329
21k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
BBQ
matthewcrist
89
9.8k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
A better future with KSS
kneath
238
17k
GraphQLとの向き合い方2022年版
quramy
49
14k
A Tale of Four Properties
chriscoyier
160
23k
Faster Mobile Websites
deanohume
308
31k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
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Λར༻͢Δ͜ͱͰɺը૾มʹ։ൃίετΛ ׂ͘͜ͱͳ͘ɺϏδωεʹྗ͢Δ͜ͱ͕Ͱ͖·͢ • ·ͣҰແྉτϥΠΞϧΛ͓ࢼ͍ͩ͘͠͞ɻ αʔϏεϖʔδ͔Β͓ਃ͠ࠐΈՄೳͰ͢