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.3k
はてなにおけるフロントエンド会のとりくみについて
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
61
How to hack VS Code: evil ways (Japanese)
fand
5
3.5k
READY FOR THE BATTLE? -Introduction to Live Coding-
fand
1
480
GLSL PostEffect in TouchDesigner
fand
2
1.9k
VEDA GLSL Livecoding workshop
fand
2
5.1k
PWA 方法 無料 今すぐ
fand
3
1.5k
Have you ever heard GPUs cry?
fand
2
3.7k
Real World GLSL
fand
0
250
APIs for VJ-ing
fand
1
6.8k
Other Decks in Technology
See All in Technology
NW-JAWS #14 re:Invent 2024(予選落ち含)で 発表された推しアップデートについて
nagisa53
0
250
コンテナセキュリティのためのLandlock入門
nullpo_head
2
320
Snykで始めるセキュリティ担当者とSREと開発者が楽になる脆弱性対応 / Getting started with Snyk Vulnerability Response
yamaguchitk333
2
180
継続的にアウトカムを生み出し ビジネスにつなげる、 戦略と運営に対するタイミーのQUEST(探求)
zigorou
0
520
WACATE2024冬セッション資料(ユーザビリティ)
scarletplover
0
190
AIのコンプラは何故しんどい?
shujisado
1
190
宇宙ベンチャーにおける最近の情シス取り組みについて
axelmizu
0
110
.NET 9 のパフォーマンス改善
nenonaninu
0
760
あの日俺達が夢見たサーバレスアーキテクチャ/the-serverless-architecture-we-dreamed-of
tomoki10
0
430
新機能VPCリソースエンドポイント機能検証から得られた考察
duelist2020jp
0
210
多領域インシデントマネジメントへの挑戦:ハードウェアとソフトウェアの融合が生む課題/Challenge to multidisciplinary incident management: Issues created by the fusion of hardware and software
bitkey
PRO
2
100
Postman と API セキュリティ / Postman and API Security
yokawasa
0
200
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
460
33k
KATA
mclloyd
29
14k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
159
15k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
48
2.2k
How to train your dragon (web standard)
notwaldorf
88
5.7k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
Building Applications with DynamoDB
mza
91
6.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Building Better People: How to give real-time feedback that sticks.
wjessup
365
19k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
365
25k
Site-Speed That Sticks
csswizardry
2
190
Principles of Awesome APIs and How to Build Them.
keavy
126
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ͯ͜͠
͋Γ͕ͱ͏͍͟͝·ͨ͠