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
2018年まとめ / Summary of 2018
Search
megos
November 23, 2018
Programming
0
310
2018年まとめ / Summary of 2018
megos
November 23, 2018
Tweet
Share
More Decks by megos
See All by megos
個人開発を続けるということ / Continuing Personal Development
megos
0
230
わたしの開発環境の歴史 / My environment history
megos
0
330
社内でしか使わない勤怠管理システムにOAuth2を導入してみた / Kagomoku #19
megos
0
2.1k
CUIが嫌ならGUIからGitを使えばいいじゃない / kagomoku #17
megos
0
400
Join! かごえん / Join Kagoeng
megos
0
80
GitLab Features
megos
1
350
GitLab Hacks
megos
1
370
Gitlab meets minutes
megos
2
290
Dockerで作るLaTeX執筆環境 / Writing LaTeX with Docker
megos
0
1.7k
Other Decks in Programming
See All in Programming
MCPで実現できる、Webサービス利用体験について
syumai
7
2.2k
Reactの歴史を振り返る
tutinoko
1
150
脱Riverpod?fqueryで考える、TanStack Queryライクなアーキテクチャの可能性
ostk0069
0
570
React 使いじゃなくても知っておきたい教養としての React
oukayuka
18
4.7k
What's new in Adaptive Android development
fornewid
0
130
Streamlitで実現できるようになったこと、実現してくれたこと
ayumu_yamaguchi
2
240
Vibe coding コードレビュー
kinopeee
0
350
顧客の画像データをテラバイト単位で配信する 画像サーバを WebP にした際に起こった課題と その対応策 ~継続的な取り組みを添えて~
takutakahashi
4
1.4k
React は次の10年を生き残れるか:3つのトレンドから考える
oukayuka
41
16k
Google I/O Extended Incheon 2025 ~ What's new in Android development tools
pluu
1
210
Quality Gates in the Age of Agentic Coding
helmedeiros
PRO
1
110
それ CLI フレームワークがなくてもできるよ / Building CLI Tools Without Frameworks
orgachem
PRO
15
3.4k
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
Site-Speed That Sticks
csswizardry
10
730
Producing Creativity
orderedlist
PRO
346
40k
GitHub's CSS Performance
jonrohan
1031
460k
Git: the NoSQL Database
bkeepers
PRO
431
65k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
KATA
mclloyd
31
14k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
1k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Transcript
2018·ͱΊ megos
megos Full stuck engineer (not stack) • ͓͠͝ͱɿVue.jsɺReactɺࣾΠϯϑϥ • ͠ΎΈɿεΫʔϧΞΠυϧ
• Twitterɿ@tmegos
4݄ WebRTCͰϏσΦνϟοτ
WebRTCͰϏσΦνϟοτ https://github.com/megos/webrtc • ࣾʹ ʮڌؒͰձٞΛ͢Δͱ͖ʹ͏ϏσΦνϟοτ͕΄͍͠ʯ ʮSkypeͱ͔֎ʹͭͳ͕ͬͯͯͳΜ͔ͩʯ ͱݴΘΕͨͷͰ࡞ͬͨ
ͬͨͷ • SkyWay https://webrtc.ecl.ntt.com • Vue.js • Vuetify
Ͱ͖Δ͜ͱ • Ի௨ • ϏσΦ௨ • ը໘ڞ༗ • ChromeಠࣗͷΞυΦϯ͕ඞཁ
SkyWay https://webrtc.ecl.ntt.com • WebRTCʹඞཁͳαʔόߏஙෆཁ ※ https://webrtc.ecl.ntt.com/js-tutorial.html
Vuetify https://vuetifyjs.com/ja • Material UIΛVue.jsͰར༻͢ΔͨΊͷ ɹɹɹɹɹɹɹɹɹɹɹɹɹϑϨʔϜϫʔΫ • ίϯϙʔωϯτ͚ͩͰͲ͏ʹͳΒͳ͍ • ΈཱͯΔσβΠϯηϯεඞཁ
ͬͱ͜͏͍ͨ͠ • ϩϘϗϯ࿈ܞ • ϩϘϗϯड ※ http://www.sharp.co.jp/corporate/news/171002-c.html
9݄ tax in
tax in https://chrome.google.com/webstore/detail/ tax-in/kingeeeofapnpefjkbphljcjofkpdbcl?hl=ja • iPhone/Macͷ੫ࠐՁ͕֨Θ͔Βͳͯ͘࡞ͬͨ • ExtensionͷςϯϓϨʔτ͕͋ΔͷͰ؆୯ • https://github.com/Kocal/vue-web-extension
• https://github.com/waterada/chrome-ex-template • Googleʹ$5͏ͱެ։Ͱ͖Δ
࡞ͬͯΈͯ • DOMૢ࡞͠ͳ͍റΓΛͯ͠Έ͚ͨͲͭΒ͍ • ֦ுΛೖΕ͍ͯΔ͚ͩͰ উखʹίϯςϯπΛ৮Γͨ͘ͳ͔ͬͨ • Ϧονͳද͕ࣔͰ͖ͳ͍ • Firefox൛࡞Ζ͏͔ͳ
• ͦ͏͍͑ੲ࡞ͬͨͳ͊ • https://addons.mozilla.org/ja/firefox/addon/form-zenkaku
9݄ kojimadayo
Kojimadayo https://github.com/megos/kojimadayo • Mattermost/Slack༻ͷBotʢHubotʣ • ࣄͨͷ͘͠Γ͍ͨ • DockerԽͨ͠ͷͰ؆୯ʹσϓϩΠ • BotͷςϯϓϨͱͯ͑͠Δ
͍͡ΒΕΔkojima͞Μ • ֆจࣈ·Ͱ͋Δ
࡞ͬͯΈͯ • ·ۭͬͨ͘ؾΛಡ·ͣʹಥͬࠐΉͷ໘ന͍ • ͕ͳ͝Ή • ͍ͭൃՐ͢Δ͔Θ͔Βͳ͍BotΛࠐΉͷָ͍͠
10݄ ͯ͛ͯ͛εέδϡʔϧ
ͯ͛ͯ͛εέδϡʔϧ https://tegetege-schedule.netlify.com • εέδϡʔϦϯάΛ؆୯ʹɺศརʹ • පӃɺίϯϏχɺډञͳͲͷ ۈεέδϡʔϧΛࣗಈੜ • ਐԽܭࢉʢҨతΞϧΰϦζϜʣ
ҨతΞϧΰϦζϜ Genetic Algorithm (GA) • ੜͷਐԽͷաఔΛ฿ͨ͠ΞϧΰϦζϜ • εέδϡʔϧΛҨࢠͱදݱ • ධՁͷΑ͍Ҩࢠ͕ੜ͖ΔɺࢠଙΛ͢
ͬͨͷ • Vue.js • Vuetify • genetic-js https://github.com/subprotocol/genetic-js
genetic-js • JavaScriptͰGAΛಈ͔͢ • ϒϥβͰGA͕ಈ͘ͷɺ ੲ͔ΒGAΛ৮͍ͬͯΔਓʹͱͬͯײಈ • http://subprotocol.com/system/genetic-hello-world.html
10݄ ࡩౡ෩ใ
ࡩౡ෩ใ • ࡩౡͷ෩͖ΛखܰʹνΣοΫ • Since 2012.12 • ੈքॳ • εϚϗͰࡩౡͷ෩͖͕Θ͔Δ
• ෩͖ͷҹ͕360ճస͢Δ
ࡩౡ߱փ༧ใ • ࡩౡͷ߱փ༧ใΛखܰʹνΣοΫ • 2018/10/15͔Β෩͖͕औಘ ɹɹɹɹɹɹɹͰ͖ͳ͘ͳͬͨ • ࣛࣇౡݝਓͷݟ ɹˠ ਖ਼͍߱͠փ༧ใ
ΞϓϦͷߏ W W όοΫΤϯυ 1)1 /PEFKT "1*SFTQPOTF 9.- +40/ ΞϓϦ
0CKFDUJWF$ +BWB $PSEPWB 7VFKT 0OTFO6*
Onsen UI https://ja.onsen.io • ϞόΠϧWebΞϓϦ͚ͷϑϨʔϜϫʔΫ • AngularɺReactɺVue.jsͷίϯϙʔωϯτ • 1ͭͷίʔυͰiOSɺAndroid྆ରԠ •
ࣛࣇౡ → Թઘ → ྲྀߦΒ͍ͤͨʂ
1ͭͷίʔυͰiOSɺAndroid྆ରԠ ※ https://ja.onsen.io
௨ asagao gitkraken-i18n
asagao https://github.com/megos/asagao • ElectronͷTwitterΫϥΠΞϯτ • ձࣾͰ҆શʹTwitter͕ݟ͔ͨͬͨ • ϝσΟΞʹಛԽ • Twitterެࣜ
• Instagram • Pixiv • ձࣾͰαϜωΠϧͰָ͠ΊΔ
GitKraken-i18n https://github.com/megos/gitkraken-i18n • GitKrakenͷຊޠԽʢඇެࣜʣ • ElectronͷasarΛσίϯύΠϧ → jsonॻ͖͑ → asarίϯύΠϧ
• ࣾʹGitΛಋೖ͢ΔͨΊʹ༁͕ͨ͠୭ͬͯͳ͍ • GitͷίϚϯυࣗମ༁͞ͳ͍ • GUIɺCUIͷԣஅΛָʹ͍ͨ͠ • ֤ϓϥοτϑΥʔϜ͚ʹύονΛ࡞ • Travis CIɺCircileCIɺAppVeyorͷyamlͷॻ͖ํΛֶͿ͜ͱʹ
Hire Me!!