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フォント最適化入門
Search
takanorip
October 06, 2017
Technology
1
470
Webフォント最適化入門
takanorip
October 06, 2017
Tweet
Share
More Decks by takanorip
See All by takanorip
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
4
630
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
13
5.8k
社内管理画面のデザインもプロダクトデザイン
takanorip
4
1.5k
早わかり W3C Community Group
takanorip
0
390
Ubieとアクセシビリティのこれからを考える
takanorip
0
380
2023年版 デザインシステム 技術選定の勘所 - フロントエンドカンファレンス沖縄
takanorip
2
3.6k
Astroで始める爆速個人サイト開発
takanorip
15
11k
後悔しないデザインシステムの始め方
takanorip
4
3.1k
デザインシステム運用とOKRの良い関係
takanorip
0
1.9k
Other Decks in Technology
See All in Technology
pandasはPolarsに性能面で追いつき追い越せるのか
vaaaaanquish
4
4.7k
とあるユーザー企業におけるリスクベースで考えるセキュリティ業務のお話し
4su_para
3
330
分布で見る効果検証入門 / ai-distributional-effect
cyberagentdevelopers
PRO
4
700
Amazon CloudWatch Network Monitor 導入ガイド_デモ説明付き
yukimmmm
0
100
AWS CodePipelineでコンテナアプリをデプロイした際に、古いイメージを自動で削除する
smt7174
1
120
ガバメントクラウド先行事業中間報告を読み解く
sugiim
1
1.5k
プロポーザルのつくり方 〜個人技編〜 / How to come up with proposals
ohbarye
2
160
わたしとトラックポイント / TrackPoint tips
masahirokawahara
1
240
20241031_AWS_生成AIハッカソン_GenMuck
tsumita
0
110
2024-10-30-reInventStandby_StudyGroup_Intro
shinichirokawano
1
640
AWSコンテナ本出版から3年経った今、もし改めて執筆し直すなら / If I revise our container book
iselegant
15
4k
物価高なラスベガスでの過ごし方
zakky
0
390
Featured
See All Featured
The Pragmatic Product Professional
lauravandoore
31
6.3k
Documentation Writing (for coders)
carmenintech
65
4.4k
Fireside Chat
paigeccino
32
3k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
43
6.6k
Building a Scalable Design System with Sketch
lauravandoore
459
33k
Building Applications with DynamoDB
mza
90
6.1k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Bash Introduction
62gerente
608
210k
GraphQLとの向き合い方2022年版
quramy
43
13k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2.1k
A Modern Web Designer's Workflow
chriscoyier
692
190k
Transcript
8FCϑΥϯτ ࠷దԽೖ 5BLBOPSJ0LJ !(PUBOEBKT
ࣗݾհ େଚلʢ!UBLBOPSJQʣ ϑϩϯτΤϯυΤϯδχΞ גࣜձࣾεϚʔτυϥΠϒ ͖ͳϑΥϯτɿ νΣοΫϙΠϯτ˒Ϧϕϯδ
ǵǪŮÉɅdzȡlj
ٕज़ॻయͰຊग़͠·͢ʂ
֤छάοζൢച͍ͯ͠·͢ʂ ങ͍ͬͯͩ͘͞ʂ 4;63*ͱ45&&34Ͱൢചதʂ ʮݘςτϥʴʯ͔ʮUBLBOPSJQʯͰݕࡧʂʂ
8FCϑΥϯτɺ ͬͯ·͔͢ʁ
8FCϑΥϯτͷ࠷దԽͱʁ
8FCϑΥϯτ࠷దԽ w σʔλΛܰ͘͢Δ w ಡΈࠐΈ࣌ؒΛ͘͢Δ w ಡΈࠐΈΛίϯτϩʔϧ͢Δ w '065͠ͳ͍
8FCϑΥϯτͷΩϗϯ
8FCϑΥϯτ༻ํ๏ ࣗલͰϑΥϯτΛΞοϓϩʔυ (PPHMF'POUTUZQFLJUͳͲͷαʔϏεΛ͏
֤ϒϥβͷڍಈ 4BGBSJ ςΩετͷදࣔΛอཹ͢Δ $ISPNFɺ 'JSFGPY ̏ඵؒ·ͰςΩετͷදࣔΛ อཹ͢Δ *&ɺ&EHF ଈ࠲ʹସϑΥϯτͰςΩετΛ දࣔ
'POU-PBEJOH"1* ϑΥϯτͷϩʔσΟϯάΛࢹ͢Δ"1* ϩʔυঢ়گʹԠͨ͡ΠϕϯτൃՐ ඪ४ͷ"1*͚ͩͲ*&ͱ&EHFͰ͑ͳ͍
8FC'POU-PBEFS ϑΥϯτͷಡΈࠐΈΛίϯτϩʔϧ͢Δ ಡΈࠐΈঢ়گʹԠͯ͡IUNMʹDMBTTΛ༩ ඇಉظͰϑΥϯτΛಡΈࠐΉ͜ͱՄೳ UZQFLJUͱ(PPHMF'POUT"1*ʹରԠ UZQFLJUඪ४Ͱར༻
8FC'POUMPBE \ DVTUPN\ GBNJMJFT<DIFDLQPJOUSFWFOHF OPUP> ^ VSMT<GPOUTDTT> MPBEJOH
\ DPOTPMFMPH -PBEJOH4UBSU ^ BDUJWF \ DPOTPMFMPH -PBEJOH$PNQMFUFE ^ JOBDUJWF \ DPOTPMFMPH -PBEJOH'BJMFE ^ UJNFPVU ^
8FC'POUMPBE \ HPPHMF\ GBNJMJFT<%SPJE4BOT %SPJE4FSJG> ^ ^ 8FC'POUMPBE \
UZQFLJU\ JEYYYYYY ^ ^
ඇಉظͰಡΈࠐΈ ʢUZQFLJU(PPHMF'POUTͳͲ +4ͰಡΈࠐΉͷʹݶΔʣ
8FC'POU$POGJH\ UZQFLJU\JEYYYYYY^ ^ E \ WBSXGEDSFBUF&MFNFOU TDSJQU TETDSJQUT<> XGTSDIUUQTBKBYHPPHMFBQJTDPNBKBYMJCTXFCGPOUXFCGPOUKT
XGBTZODUSVF TQBSFOU/PEFJOTFSU#FGPSF XG T ^ EPDVNFOU
+4ͰಡΈࠐ·ͳ͍ϑΥϯτ Ͳ͏͢Δʁ
QSFGFUDI 3FTPVSDF)JOUTͷػೳͷͭ ϦιʔεΛઌʹಡΈࠐΈɺΩϟογϡ͢Δ $ISPNFɺ'JSFGPYɺ*&ɺ&EHFͰαϙʔτ 4BGBSJ͖͋ΒΊΔ
MJOLSFMǑQSFGFUDIǒISFGǑSFTPVSDFTDTTGPOUDTTǑBTGPOU MJOL SFMQSFGFUDI ISFGǑFYBNQMFDPNSFTPVSDFTGPOUFYXPGGǒ BTGPOU DSPTTPSJHJOVTFDSFEFOUJBMT
$44Ͱ੍ޚ w GPOUEJTQMBZTXBQ *&ͷΑ͏ʹସϑΥϯτͰςΩετදࣔ $ISPNFͱ0QFSB͔͠ରԠͯ͠ͳ͍ w 8FC'POU-PBEFS͕༩͢ΔΫϥεΛͬͯ ݟͨΛ੍ޚ ʢϩʔσΟϯάը໘Λग़͢ͱ͔ʣ
DMBTTҰཡ
XGMPBEJOH XGBDUJWF XGJOBDUJWF XGGBNJMZOBNFGWEMPBEJOH XGGBNJMZOBNFGWEBDUJWF XGGBNJMZOBNFGWEJOBDUJWF GWE'POU7BSJBUJPO%FTDSJQUJPO
'065
'065 'MBTIPG6OTUZMFE5FYU ඪ४ϑΥϯτͷঢ়ଶ͕νϥݟ͑ͪ͠Ό͏ͭ ඇಉظͰಡΈࠐΉͱى͖͍͢ ʢΩϟογϡ͞ΕΔͷͰճҎ߱ ى͖ʹ͍͘ʣ
None
ରࡦ ಉظతʹಡΈࠐΉΑ͏ʹ͢Δ ඇਪ ϩʔσΟϯάը໘Λදࣔ͢Δ TFTTJPO4UPSBHFΛ͏
8FCϑΥϯτ͏ͷΊΔ
8FC'POU$POGJH\ PUIFSPQUJPOTBOETFUUJOHT BDUJWF \ TFTTJPO4UPSBHFGPOUTUSVF ^ ^
8FCϑΥϯτͰ 8FCΛͬͱָ͘͠ʂ
͓ΘΓ ϑΥϯτɿஜࢵ"ؙΰγοΫ