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
はてなにおけるフロントエンド会のとりくみについて
Search
Amagi
July 12, 2017
Technology
0
4.4k
はてなにおけるフロントエンド会のとりくみについて
Hatena Engineer Seminar #8で発表したスライドです。
Amagi
July 12, 2017
Tweet
Share
More Decks by Amagi
See All by Amagi
Enchant your website with VFX-JS
fand
0
110
How to hack VS Code: evil ways (Japanese)
fand
5
3.6k
READY FOR THE BATTLE? -Introduction to Live Coding-
fand
1
530
GLSL PostEffect in TouchDesigner
fand
2
2k
VEDA GLSL Livecoding workshop
fand
2
5.3k
PWA 方法 無料 今すぐ
fand
3
1.5k
Have you ever heard GPUs cry?
fand
2
3.8k
Real World GLSL
fand
0
270
APIs for VJ-ing
fand
1
6.9k
Other Decks in Technology
See All in Technology
Turn Your Community into a Fundraising Catalyst for Black Philanthropy Month
auctria
PRO
0
200
地域コミュニティへの「感謝」と「恩返し」 / 20250726jawsug-tochigi
kasacchiful
0
100
LLMでAI-OCR、実際どうなの? / llm_ai_ocr_layerx_bet_ai_day_lt
sbrf248
0
140
From Live Coding to Vibe Coding with Firebase Studio
firebasethailand
1
320
経理出身PdMがAIプロダクト開発を_ハンズオンで学んだ話.pdf
shunsukenarita
1
230
「AI駆動開発」のボトルネック『言語化』を効率化するには
taniiicom
1
220
マルチモーダル基盤モデルに基づく動画と音の解析技術
lycorptech_jp
PRO
2
260
興味の胞子を育て 業務と技術に広がる”きのこ力”
fumiyasac0921
0
290
VLMサービスを用いた請求書データ化検証 / SaaSxML_Session_1
sansan_randd
0
130
東京海上日動におけるセキュアな開発プロセスの取り組み
miyabit
0
200
AIを使っていい感じにE2Eテストを書けるようになるまで / Trying to Write Good E2E Tests with AI
katawara
3
1.9k
Snowflake のアーキテクチャは本当に筋がよかったのか / Data Engineering Study #30
indigo13love
0
290
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
720
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
Navigating Team Friction
lara
187
15k
Code Review Best Practice
trishagee
69
19k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
How STYLIGHT went responsive
nonsquared
100
5.7k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Done Done
chrislema
184
16k
The Invisible Side of Design
smashingmag
301
51k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Transcript
ͯͳʹ͓͚Δ ϑϩϯτΤϯυձͷ ͱΓ͘Έʹ͍ͭͯ @amagitakayosi Hatena Engineer Seminar #8 վΊ·ͯ͠amagiͰ͢
͜ΜΜʂΞϚΪͱਃ͠·͢ վΊ·ͯ͠amagiͰ͢ վΊ·ͯ͠amagiͰ͢ JEBNBHJUBLBZPTJ
ͨ·ʹϑϩϯτΤϯυͬΆ͍ൃදͯ͠·͢
None
ͯͳʹ ʮϑϩϯτΤϯυΤϯδχΞʯ ͱ͍͏৬छଘࡏ͠ͳ͍
ͯͳͷϑϩϯτΤϯυ։ൃ • WebΞϓϦέʔγϣϯΤϯδχΞ͕ ϑϩϯτ͔ΒαʔόʔαΠυ·Ͱ ԿͰΔ • ͪΖΜ֤ʑʹಘखෆಘखଘࡏ͢Δ
νʔϜ͋ͨΓͷΤϯδχΞ͕গͳ͍ • ྫ: MackerelνʔϜ • MackerelຊମɺϓϥάΠϯͷOSS… • ΤϯδχΞ6໊શһ͕શ෦Λ୲
͜ͷελΠϧͷϝϦοτ • λεΫΛॊೈʹΞαΠϯͰ͖Δ • ଐਓੑΛഉআ͍͢͠ • νʔϜؒͰͷϝϯόʔೖΕସ͕͍͑͢͠
ݟڞ༗͕Ή͔ͣ͘͠ͳ͖ͬͯͨ • ϒϥβϥΠϒϥϦʹؔ͢Δใ • ΫϥΠΞϯτଆͷઃܭ • JS, CSSͷ৴ํ๏
ݟڞ༗͕Ή͔͍ͣ͠ • ϒϥβϥΠϒϥϦʹؔ͢Δใ • ΫϥΠΞϯτଆͷઃܭ • JS, CSSͷ৴ํ๏ νʔϜ͝ͱʹ ํ๏͕όϥόϥ
ʹ ʮϑϩϯτΤϯυձʯ Λ݁
ͯͳͷٕज़άϧʔϓ • Լ෦৫ͱͯ͠ʮαϒձʯ͕ଘࡏ͢Δ • ηΩϡϦςΟձ • εϚʔτձ • ϑϩϯτΤϯυձ ←
NEW!
ൃͷૂ͍ • ϕετϓϥΫςΟεΛڞ༗͢Δ • ϑϩϯτΤϯυͷؔ৺Λ࣋ͬͯΒ͏ • ϑϩϯτΤϯυք۾ʹ͓͚Δ ͯͳͷϓϨθϯεΛߴΊΔ
ʮࣾඪ४ʯܾΊͳ͍ • ϑϩϯτΤϯυͷݟ ͙͢ʹԽͯ͠͠·͏ • ͋͘·Ͱݟͷڞ༗ʹͱͲΊΔ
׆ಈ༰ • ݟڞ༗ձ • ϑϩϯτΤϯυϥϯν • Podcast৴ ɹɹɹɹɹɹɹͳͲͳͲ
ݟڞ༗ձ
֤νʔϜͷݱঢ়Λཧ͍ͨ͠ • ֤νʔϜ͔ΒҰਓͣͭ ϑϩϯτΤϯυʹৄ͍͠ϝϯόʔΛট • νʔϜͷݱঢ়՝ͳͲΛൃද͢Δ • ઃܭɺϥΠϒϥϦɺ՝ɺetc…
൪੍Ͱใަ • ࣄલʹൃදऀΛܾΊͯ ࣾwikiʹ·ͱΊͯΒ͏ • MTGͰൃද & ࣭ٙԠ
֤νʔϜͷϑϩϯτࣄ͕ڞ༗͞Εͨ
ࢥͬͨΑΓେมͩͬͨ • ϝϯόʔͷ४උ͕େม • ۀ࣌ؒʹ։࠵͢Δͱ ·ͱ·͕ͬͨ࣌ؒͱΕͳ͍ • ൃදܗࣜͩͱؾܰʹࡶஊͮ͠Β͍
ϑϩϯτΤϯυϥϯν
ຖिਫ༵ͷனٳΈʹ։࠵ • ϥϯνΛ৯ͭͭɺχϡʔεΛݟͨΓ ϑϩϯτΤϯυʹؔ͢ΔࡶஊΛ͢Δ • ϝϯόʔ୭ͰΣϧΧϜ
ݩωλͪ͜Β
ϥϯνͷ༰ • ϑϩϯτΤϯυؔ࿈ͷχϡʔε • JSer.info, JavaScript Weekly, etc… • ϝϯόʔͷۙگ
• νʔϜͷϑϩϯτΤϯυʹ͍ͭͯ • झຯͷ։ൃʹ͍ͭͯ
୭ͰؾܰʹࢀՃͰ͖Δ • ϑϩϯτ΄ͱΜͲ৮Βͳ͍ਓͰ • ࣾͰ • ࣾ֎ͷํͰ
ࣾ֎ͷํΛ͓ট͖ͨ͠ճ
ͬͯΑ͔ͬͨ • ֤͕ࣗຖि͕Μͬͯ χϡʔεಡΉඞཁ͕ͳ͘ͳͬͨ • ϑϩϯτΤϯυͷʹ͍ͭͯ ૬ஊͨ͠ΓࣗຫͰ͖Δ͕Ͱ͖ͨ
ϥϯνλΠϜ։࠵ͷσϝϦοτ • ༧ఆ͕ඃΓ͕ͪ • ன৸Ͱ͖ͳ͍
ϑϩϯτΤϯυϥϯνΛԻ • ձͷ༰Λ͋ͱ͔ΒࢀরͰ͖ΔΑ͏ʹ • ग़੮Ͱ͖ͳ͍ਓ͚ • ͋ͷϥΠϒϥϦɺͳΜ໊ͯલ ͚ͩͬͨͬ……ʁͱ͔
ࣾαʔϏεͰެ։
ࣾαʔϏεͰެ։ ࣾ֎ʹެ։ͨ͠Β ͍͍ͷͰʁ
1PEDBTU
1PEDBTUͰΞτϓοτ • ϥϯν৯ͭͭࣾ֎ΞτϓοτͰ͖ͯ ҰੴೋௗͰʁ • ϑϩϯτʹؔ͢ΔPodcastগͳ͍
ͦΕͳΓʹ࠶ੜ͞ΕͨΓ 1PEDBTUΧςΰϦҐʹͳͬͨΓͨ͠
࠷ۙ৴ͯ͠ͳ͘ͳ͍ʜʜʁ
!!!!!
Ұ୴1PEDBTUதஅͯ͠·͢ • ฤूɺϨϏϡʔʹख͕͔͔ؒΔ • ࣾ֎ൿͷใΧοτͨ͠Γ • ٕज़ʹؔ͢ΔΞτϓοτͳͷͰ ใɺΤϯδχΞͷνΣοΫ͕ඞཁ
ͦͷଞ
ࣾ4MBDLͰݟΛڞ༗ • #javascript ʹ JSؔ࿈χϡʔεΛྲྀ͢ • ࣄͰ͜·ͬͨΒ૬ஊ • TypeScriptͷ৽όʔδϣϯ͕ग़Δͱ Γ্͕Δ
ࣾ4MBDLͷΑ͏͢
ϑϩϯτΤϯυ#FFS • ϑϩϯτΤϯυϥϯνʹདྷͯͳ͍ਓʹ ༗ӹͳใΛڞ༗͍ͨ͠ • ࣾͷٕज़ษڧձ (ʙ19:00) ͷ͋ͱʹ ϑϩϯτΤϯυͷΛৼΓฦΔ "
;Γ͔͑Γ ͜Ε͔Β
ࣾͷϑϩϯτΤϯυʹߩݙͰ͖ͯΔʁ ✔ ࣾͷϑϩϯτΤϯυࣄΛ wikiʹ·ͱΊͨΓ ✔ Slackͷ૬ஊͰղܾͨ͠Γ ✔ ϥϯνͰհ͞ΕͨϥΠϒϥϦΛ ϓϩμΫγϣϯʹೖͨ͠Γ
՝ ✘ ࢀՃϝϯόʔ͕ݻఆ͞Εͯ͠·ͬͨΓ ✘ ͕͔͔ͬͯ͠·ͬͨΓ
ܧଓ͕େࣄʂ • ΔؾυϦϒϯͰଓ͔ͳ͍ • ͠ΜͲ͔ͬͨΒɺΓํม͑ͯ͜ • ఆظతʹKPTͯ͜͠
͋Γ͕ͱ͏͍͟͝·ͨ͠