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
130
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
7k
Other Decks in Technology
See All in Technology
Okta Identity Governanceで実現する最小権限の原則 / Implementing the Principle of Least Privilege with Okta Identity Governance
tatsumin39
0
180
ハノーファーメッセ2025で見た生成AI活用ユースケース.pdf
hamadakoji
1
490
Amazon Athena で JSON・Parquet・Iceberg のデータを検索し、性能を比較してみた
shigeruoda
1
150
CREが作る自己解決サイクルSlackワークフローに組み込んだAIによる社内ヘルプデスク改革 #cre_meetup
bengo4com
0
350
アウトプットから始めるOSSコントリビューション 〜eslint-plugin-vueの場合〜 #vuefes
bengo4com
3
1.8k
知覚とデザイン
rinchoku
1
600
デザインとエンジニアリングの架け橋を目指す OPTiMのデザインシステム「nucleus」の軌跡と広げ方
optim
0
120
AI時代の発信活動 ~技術者として認知してもらうための発信法~ / 20251028 Masaki Okuda
shift_evolve
PRO
1
110
IBC 2025 動画技術関連レポート / IBC 2025 Report
cyberagentdevelopers
PRO
2
210
AI AgentをLangflowでサクッと作って、1日働かせてみた!
yano13
1
160
20251024_TROCCO/COMETAアップデート紹介といくつかデモもやります!_#p_UG 東京:データ活用が進む組織の作り方
soysoysoyb
0
120
ソースを読む時の思考プロセスの例-MkDocs
sat
PRO
1
290
Featured
See All Featured
Become a Pro
speakerdeck
PRO
29
5.6k
Agile that works and the tools we love
rasmusluckow
331
21k
Navigating Team Friction
lara
190
15k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
RailsConf 2023
tenderlove
30
1.3k
Docker and Python
trallard
46
3.6k
Six Lessons from altMBA
skipperchong
29
4k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
A designer walks into a library…
pauljervisheath
209
24k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
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ͯ͜͠
͋Γ͕ͱ͏͍͟͝·ͨ͠