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
260
2018年まとめ / Summary of 2018
megos
November 23, 2018
Tweet
Share
More Decks by megos
See All by megos
わたしの開発環境の歴史 / My environment history
megos
0
290
社内でしか使わない勤怠管理システムにOAuth2を導入してみた / Kagomoku #19
megos
0
1.9k
CUIが嫌ならGUIからGitを使えばいいじゃない / kagomoku #17
megos
0
330
Join! かごえん / Join Kagoeng
megos
0
66
GitLab Features
megos
1
300
GitLab Hacks
megos
1
310
Gitlab meets minutes
megos
2
250
Dockerで作るLaTeX執筆環境 / Writing LaTeX with Docker
megos
0
1.4k
GitLab Meetup Kagoshima #1 LT
megos
1
760
Other Decks in Programming
See All in Programming
Anthropic Cookbook のおすすめレシピ
schroneko
7
970
単体テストを書かない技術 #phpcon_odawara
o0h
PRO
27
8.3k
スキーマ駆動開発による品質とスピードの両立 - 私達は何故、スキーマを書くのか
kentaroutakeda
0
170
Goのエラースタックトレースの歴史と今後
sonatard
8
1.4k
Behind VS Code Extensions for JavaScript / TypeScript Linnting and Formatting
unvalley
5
920
検証も兼ねて個人開発でHonoとかと向き合った話
hanetsuki
1
910
Site Reliability Engineering for GMO
pyama86
8
1k
Code Reviews
bkuhlmann
4
890
if constexpr文はテンプレート世界のラムダ式である
faithandbrave
3
650
Node.js v22 で変わること
yosuke_furukawa
PRO
9
3.4k
CA.swift19 恋するAIアプリ開発の裏側
oskmr
0
360
Tailwind CSSを本気でカスタマイズする方法
fsubal
13
5.3k
Featured
See All Featured
Web development in the modern age
philhawksworth
202
10k
Design by the Numbers
sachag
274
18k
Happy Clients
brianwarren
92
6.4k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
14
1.5k
Web Components: a chance to create the future
zenorocha
305
41k
The Mythical Team-Month
searls
216
42k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
357
22k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
2
3.4k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
241
1.2M
Fireside Chat
paigeccino
21
2.6k
Building Flexible Design Systems
yeseniaperezcruz
319
37k
Atom: Resistance is Futile
akmur
259
25k
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!!