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
77
How to hack VS Code: evil ways (Japanese)
fand
5
3.5k
READY FOR THE BATTLE? -Introduction to Live Coding-
fand
1
500
GLSL PostEffect in TouchDesigner
fand
2
2k
VEDA GLSL Livecoding workshop
fand
2
5.2k
PWA 方法 無料 今すぐ
fand
3
1.5k
Have you ever heard GPUs cry?
fand
2
3.7k
Real World GLSL
fand
0
260
APIs for VJ-ing
fand
1
6.8k
Other Decks in Technology
See All in Technology
RSNA2024振り返り
nanachi
0
580
『衛星データ利用の方々にとって近いようで触れる機会のなさそうな小話 ~ 衛星搭載ソフトウェアと衛星運用ソフトウェア (実物) を動かしながらわいわいする編 ~』 @日本衛星データコミニティ勉強会
meltingrabbit
0
140
エンジニアのためのドキュメント力基礎講座〜構造化思考から始めよう〜(2025/02/15jbug広島#15発表資料)
yasuoyasuo
17
6.7k
株式会社EventHub・エンジニア採用資料
eventhub
0
4.3k
リーダブルテストコード 〜メンテナンスしやすい テストコードを作成する方法を考える〜 #DevSumi #DevSumiB / Readable test code
nihonbuson
11
7.2k
利用終了したドメイン名の最強終活〜観測環境を育てて、分析・供養している件〜 / The Ultimate End-of-Life Preparation for Discontinued Domain Names
nttcom
2
190
Classmethod AI Talks(CATs) #16 司会進行スライド(2025.02.12) / classmethod-ai-talks-aka-cats_moderator-slides_vol16_2025-02-12
shinyaa31
0
110
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
6
57k
転生CISOサバイバル・ガイド / CISO Career Transition Survival Guide
kanny
3
980
次世代KYC活動報告 / 20250219-BizDay17-KYC-nextgen
oidfj
0
250
SA Night #2 FinatextのSA思想/SA Night #2 Finatext session
satoshiimai
1
140
飲食店予約台帳を支えるインタラクティブ UI 設計と実装
siropaca
7
1.8k
Featured
See All Featured
Building Your Own Lightsaber
phodgson
104
6.2k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
4 Signs Your Business is Dying
shpigford
182
22k
GitHub's CSS Performance
jonrohan
1030
460k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Designing for humans not robots
tammielis
250
25k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
133
33k
A designer walks into a library…
pauljervisheath
205
24k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
What's in a price? How to price your products and services
michaelherold
244
12k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
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ͯ͜͠
͋Γ͕ͱ͏͍͟͝·ͨ͠