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
570
画像処理サービスを作る際の落とし穴をImageFluxではいかにして超えてきたか / ImageFlux meetup #4 (5)
imageflux
1
3.2k
最高の購入体験を実現するための画像ダイナミックチューニング / ImageFlux meetup - Guest session #1
imageflux
3
18k
ImageFlux Live Streamingでサービス開発に集中する / ImageFlux meetup #2 - Guest Session #3
imageflux
0
5.7k
ImageFlux Live Streamingについて
imageflux
0
31k
ImageFlux Updates 2018
imageflux
2
1.3k
ピクシブの大規模ライブ配信 / ImageFlux Live
imageflux
6
10k
Other Decks in Technology
See All in Technology
技術負債の「予兆検知」と「状況異変」のススメ / Technology Dept
i35_267
1
1.1k
OpenID Connect for Identity Assurance の概要と翻訳版のご紹介 / 20250219-BizDay17-OIDC4IDA-Intro
oidfj
0
270
7日間でハッキングをはじめる本をはじめてみませんか?_ITエンジニア本大賞2025
nomizone
2
1.8k
プロダクトエンジニア構想を立ち上げ、プロダクト志向な組織への成長を続けている話 / grow into a product-oriented organization
hiro_torii
0
110
技術的負債解消の取り組みと専門チームのお話 #技術的負債_Findy
bengo4com
1
1.3k
エンジニアの育成を支える爆速フィードバック文化
sansantech
PRO
3
1k
Moved to https://speakerdeck.com/toshihue/presales-engineer-career-bridging-tech-biz-ja
toshihue
2
730
Datadog APM におけるトレース収集の流れ及び Retention Filters のはなし / datadog-apm-trace-retention-filters
k6s4i53rx
0
330
飲食店予約台帳を支えるインタラクティブ UI 設計と実装
siropaca
7
1.7k
レビューを増やしつつ 高評価維持するテクニック
tsuzuki817
1
690
現場の種を事業の芽にする - エンジニア主導のイノベーションを事業戦略に装着する方法 -
kzkmaeda
2
2k
Classmethod AI Talks(CATs) #17 司会進行スライド(2025.02.19) / classmethod-ai-talks-aka-cats_moderator-slides_vol17_2025-02-19
shinyaa31
0
110
Featured
See All Featured
Fireside Chat
paigeccino
34
3.2k
Unsuck your backbone
ammeep
669
57k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
Faster Mobile Websites
deanohume
306
31k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
Automating Front-end Workflow
addyosmani
1368
200k
A better future with KSS
kneath
238
17k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
114
50k
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Λར༻͢Δ͜ͱͰɺը૾มʹ։ൃίετΛ ׂ͘͜ͱͳ͘ɺϏδωεʹྗ͢Δ͜ͱ͕Ͱ͖·͢ • ·ͣҰແྉτϥΠΞϧΛ͓ࢼ͍ͩ͘͠͞ɻ αʔϏεϖʔδ͔Β͓ਃ͠ࠐΈՄೳͰ͢