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.5k
はてなにおけるフロントエンド会のとりくみについて
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
120
How to hack VS Code: evil ways (Japanese)
fand
5
3.6k
READY FOR THE BATTLE? -Introduction to Live Coding-
fand
1
540
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
280
APIs for VJ-ing
fand
1
6.9k
Other Decks in Technology
See All in Technology
データエンジニアがこの先生きのこるには...?
10xinc
0
450
自作LLM Native GORM Pluginで実現する AI Agentバックテスト基盤構築
po3rin
2
270
AIAgentの限界を超え、 現場を動かすWorkflowAgentの設計と実践
miyatakoji
0
150
20250929_QaaS_vol20
mura_shin
0
130
【Oracle Cloud ウェビナー】クラウド導入に「専用クラウド」という選択肢、Oracle AlloyとOCI Dedicated Region とは
oracle4engineer
PRO
3
120
定期的な価値提供だけじゃない、スクラムが導くチームの共創化 / 20251004 Naoki Takahashi
shift_evolve
PRO
3
330
組織観点からIAM Identity CenterとIAMの設計を考える
nrinetcom
PRO
1
190
Azure Well-Architected Framework入門
tomokusaba
1
330
Optuna DashboardにおけるPLaMo2連携機能の紹介 / PFN LLM セミナー
pfn
PRO
2
900
リーダーになったら未来を語れるようになろう/Speak the Future
sanogemaru
0
300
o11yで育てる、強い内製開発組織
_awache
3
120
SREとソフトウェア開発者の合同チームはどのようにS3のコストを削減したか?
muziyoshiz
1
100
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
Optimizing for Happiness
mojombo
379
70k
Typedesign – Prime Four
hannesfritz
42
2.8k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
How to train your dragon (web standard)
notwaldorf
96
6.3k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Site-Speed That Sticks
csswizardry
11
880
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
Music & Morning Musume
bryan
46
6.8k
Facilitating Awesome Meetings
lara
56
6.6k
GitHub's CSS Performance
jonrohan
1032
460k
Balancing Empowerment & Direction
lara
4
680
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ͯ͜͠
͋Γ͕ͱ͏͍͟͝·ͨ͠