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
ママリのweb技術の今と未来 / mamari's front-end present and...
Search
dachi
May 18, 2018
Programming
1.5k
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
ママリのweb技術の今と未来 / mamari's front-end present and future
dachi
May 18, 2018
More Decks by dachi
See All by dachi
実装をデザインガイドラインに追従させるための取り組み / 260731-dip-mosh-design-system
dachi023
0
5.2k
良い機能を作るためにAIと壁打ちをしたら実装も快適になってしまった話 / ai-ideation-improves-implementation
dachi023
0
60
社内オペレーション改善のためのTypeScript / TSKaigi Hokuriku 2025
dachi023
2
880
AI時代のリアーキテクチャ戦略 / Re-architecture Strategy in the AI Era
dachi023
0
320
チーム開発を円滑に進めるためのOSS / Lightning TechTalks 20231102
dachi023
0
500
なぜその技術を使うのか? / Connehito marche online 20201112
dachi023
0
910
リモートワークの導入から3ヶ月 / Connehito marche online 20200311
dachi023
2
3.2k
急に大量のHTMLが必要になったこと、ありませんか? / BIT VALLEY INSIDE vol8
dachi023
0
8.2k
2年運用したサービスのフロントをReactで書き換えたい話
dachi023
5
2.1k
Other Decks in Programming
See All in Programming
自動化したのに回らないテスト運用の壁ーAI時代の品質責任と生産性
mfunaki
1
140
Building a Meta Ray-Ban display app
akkeylab
0
170
PHP に部分適用が来るぞ!……ところで何それ?おいしいの? #phpcon / phpcon-2026
shogogg
0
700
PostgreSQL 18で考えるUUID主キー
kazuhiro1982
0
480
php-fpmのプロセスが枯渇した日-調査・対処・そして本当にやるべきだったこと-
shibuchaaaan
0
320
プロポーザルを書いてもらう
pvcresin
0
560
仕様駆動開発へのトライを機に チームに適合する手法を模索し続けている話
freee
PRO
0
570
メールのエイリアス機能を履き違えない
isshinfunada
0
240
React本体のコードリーディング
high_g_engineer
1
150
AI Engineeringは、AIプロダクトだけのものか? 〜AIがソフトウェアを作る時代の新しい当たり前〜 / No AI in your product. AI Engineering in your development.
rkaga
4
480
ここ半年くらいでAIに作らせたR用ツール
eitsupi
0
390
Go 1.27 における memory allocation の高速化
andpad
0
250
Featured
See All Featured
Balancing Empowerment & Direction
lara
6
1.2k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.2k
Color Theory Basics | Prateek | Gurzu
gurzu
0
430
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
350
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
287
14k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
4.4k
Docker and Python
trallard
47
4.1k
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
620
Building Adaptive Systems
keathley
44
3.2k
The #1 spot is gone: here's how to win anyway
tamaranovitovic
3
1.1k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
6k
Building AI with AI
inesmontani
PRO
1
1.1k
Transcript
$POOFIJUP.BSDIÉʙXFCϑϩϯτΤϯυࢢʙ ϚϚϦͷXFCٕज़ͷࠓͱະདྷ
3ZP"EBDIJ !EBDIJ ίωώτࣾΤϯδχΞ XFCϑϩϯτΤϯυͷ࣮͕ϝΠϯ ଉࢠ ࡀϲ݄ ͕େ͖ʂ ϓϩϑΟʔϧ
ຊʹೖΔલʹ
ຊͷ5XJUUFSϋογϡλά ίωώτϚϧγΣ
Γ্͍͛ͨʂ
ͭͿ͖࿅शλΠϜ ίωώτϚϧγΣΛ͚ͭͯπ Πʔτʂ
͝ڠྗ͋Γ͕ͱ͏͍͟͝·͢ʂ
ผ݅
ࠓࢲ͕ͬͨ͜ͱϦΞϧλΠϜͰ 5XJUUFSʹߘ͞ΕΔΑ͏ʹͳ͍ͬͯ·͢ 1PXFSFECZ!LBUTVUPNV
Ҏ্ɺએͰͨ͠
͔͜͜Βຊ
w ϚϚϦͷXFC࣮ͷத w ෛ࠴ʹཱ͔ͪͬͯಘͨݟ w ࢦ͢ະདྷ ٕज़໘Ͱ ࠓͳ͢͜ͱ
w ϝσΟΞ w 2"αΠτ ߘػೳͳ͠ ӾཡͷΈ w ཧը໘ w
ΞϓϦ8FC7JFX ϚϚϦͷXFC࣮
XFCٕज़Ͱಈ͍͍ͯΔͷͨͪ ϝσΟΞ 2" 8FC7JFX ཧը໘
Α͍ͬͯ͘ΔϥΠϒϥϦɾπʔϧ ϑϨʔϜϫʔΫɾܕνΣοΧʔ Ϗϧυπʔϧ
ͳΜ͚ͩͲɺͭ͡
XFCٕज़Ͱ࡞ΒΕ͍ͯΔͷ ϝσΟΞ 2" 8FC7JFX ཧը໘
w ίωώτͰ3FBDUΛ࠾༻͠͡Ίͨͷલ͘Β͍ w 3FBDUಋೖҎલ΄΅#BDLCPOF K2VFSZ w Ұ෦3FBDUϕʔεʹҠ͕ͨ͠·͍ͩͬͯΔ෦ଟ͍ w ࠓͦ͜#BDLCPOFʹຊ֨ணख͢Δ
͍ͨ͠ ෛ࠴#BDLCPOF͕ͬͯͯϠό͍
w ϨΨγʔίʔυͳͷͰϝϯς͕େมͩ͠ 3FBDUʹͨ͠ํ͕։ൃޮ্͕͕Γͦ͏ ্͕Δ w #BDLCPOFͷॻ͖ํΛ͓͔֮͑ͯͳ͍ͱ͍͚ͳ͍ w 3FBDU͚͓͚͍͍֮ͩ͑ͯΑ͏ʹ͍ͨ͠ #BDLCPOFΛ৽ϝϯόʔʹڧ͍Δͷ
#BDLCPOF͍ͨ͠ཧ༝
ίʔυ͚ͩͰͳ͘ ໘Ͱͷ՝͋Δ
None
w BOESPJEΞϓϦͷରԠόʔδϣϯʙ w ϕϯμʔಠࣗͷඪ४ϒϥβΓͳ͍ඪ४"1*͕ଟ͘ɺ Τϥʔ͕ফ͑Δ·Ͱ1PMZGJMMΛೖΕ·ͬͨ݁͘Ռ͕ίϨ w རϩδοΫͰແཧΛ͠ͳͯ͘ྑ͘ͳΔͱ͜Ζ w BOESPJE04ରԠόʔδϣϯͷมߋλΠϛϯάͰ͍Βͳ͍ͷফ͢ʂ ϑΝΠϧαΠζΛͳΔ͘খ͘͢͞ΔΑ͏৺͕͚Δ
ෛ࠴1PMZGJMMͷ͕Ϡό͍
ଞʹ
w ݄࣌ͷฏۉ͕ඵ ͍͍͢͝ w ݱࡏͷฏۉ͕ඵ ·ͩؤுΕΔʂ w H[JQΛ༗ޮʹͨ͠
"QBDIF w TUWJFXҎ֎ඇಉظͰऔಘ SFBDUWJSUVBMJ[FE w ը໘֎ͷը૾શͯ-B[ZMPBE SFBDUMB[ZMPBE ෛ࠴8FC7JFXͷฏۉඳը͕Ϡό͍
$ISPNFEFWUPPMͷ"VEJUTλϒΛ͏ͱ ؆୯ʹܭଌϘτϧωοΫ͕ѲͰ͖ͪΌ͏ ͷͰΦεεϝͰ͢ ͪͳΈʹվળ͢Δͱ͖
Ҏ্ͷܦݧ͔ΒֶΜͩ͜ͱ
w ج൫ͷࡌͤସ͑গͣͭ͠Ͱ͍ͬͯ͘ ҰؾʹΔͱ ମ৺ ͠ΜͲ͍ͷͰը໘͝ͱʹɺͱ͔ w खஈͷ౷ҰͰνʔϜ։ൃΛ͖͘͢͢͠ ಉ͡ϝϯόʔͰෳΞϓϦέʔγϣϯ։ൃ͢Δ߹ͳΒͰ͕͢ w
BOESPJEͷόʔδϣϯΓࣺͯϧʔϧΛ໌֬ʹܾ Ί͓ͯ͘ͱྑͦ͞͏ ̋ҎԼʹͳͬͨΒΔʂ w ඳըJT໋ ԿΛͨ͠Β͘ͳΔͷ͔ΛѲ͢Δඞͣ͠ΞϓϦέʔγϣϯίʔυͷվળ͚ͩͱݶΒͳ͍
w #BDLCPOF͕໓ͼΔ ։ൃޮ61ͰϢʔβʔʹఏڙ͢ΔΛߴΊ͍͖͍ͯͨ w 1PMZGJMM͕߇͑Ίʹͳ͍ͬͯΔ ΓࣺͯͷϧʔϧΛܾΊͨΒ͋ͱؾʹͭ w ඳըฏۉඵ
ύέࢮͯͯͦͦ͑͜͜͠ΔΑ͏ʹ͍ͨ͠ͳʙ ۙͷࢦ͖͢ੈք
νʔϜίʔυඋͯ͠ ߴͰՁΛಧ͚ΒΕΔ ϚϚϦΛࢦ͍ͯͧ͘͠
͓ΘΓ