![Page 1: Communication tool & Environment for Remote Worker](https://reader031.vdocuments.site/reader031/viewer/2022030307/58ea8d791a28ab983e8b5713/html5/thumbnails/1.jpg)
Communication tool & Environment for Remote WorkerTech Talk Tokyo #4
![Page 2: Communication tool & Environment for Remote Worker](https://reader031.vdocuments.site/reader031/viewer/2022030307/58ea8d791a28ab983e8b5713/html5/thumbnails/2.jpg)
Outline• Who
• About PixelGrid.Inc
• Communication tools & Development environment
![Page 3: Communication tool & Environment for Remote Worker](https://reader031.vdocuments.site/reader031/viewer/2022030307/58ea8d791a28ab983e8b5713/html5/thumbnails/3.jpg)
Who?
![Page 4: Communication tool & Environment for Remote Worker](https://reader031.vdocuments.site/reader031/viewer/2022030307/58ea8d791a28ab983e8b5713/html5/thumbnails/4.jpg)
Who?• Shotaro Sakamaki
• Front-end Engineer
• PixelGrid.Inc
• @Geckotang on Twitter
• geckotang on GitHub
![Page 5: Communication tool & Environment for Remote Worker](https://reader031.vdocuments.site/reader031/viewer/2022030307/58ea8d791a28ab983e8b5713/html5/thumbnails/5.jpg)
PixelGrid.Inc
![Page 6: Communication tool & Environment for Remote Worker](https://reader031.vdocuments.site/reader031/viewer/2022030307/58ea8d791a28ab983e8b5713/html5/thumbnails/6.jpg)
PixelGrid.Inc• We're JavaScript engineer.
• Entrusted development
• Web application for business
• Single Page Application
• Large scale website
• Technical consulting
![Page 7: Communication tool & Environment for Remote Worker](https://reader031.vdocuments.site/reader031/viewer/2022030307/58ea8d791a28ab983e8b5713/html5/thumbnails/7.jpg)
We’re Remote Worker• Our office is located in Harajuku.
• The office is shared with SINAP.Inc
• Most of the staff commute to the office once a week.
• We can work anywhere, anytime.
![Page 8: Communication tool & Environment for Remote Worker](https://reader031.vdocuments.site/reader031/viewer/2022030307/58ea8d791a28ab983e8b5713/html5/thumbnails/8.jpg)
Communication tools
![Page 9: Communication tool & Environment for Remote Worker](https://reader031.vdocuments.site/reader031/viewer/2022030307/58ea8d791a28ab983e8b5713/html5/thumbnails/9.jpg)
Communication tools• Slack
• Google Hangout
• esa.io
![Page 10: Communication tool & Environment for Remote Worker](https://reader031.vdocuments.site/reader031/viewer/2022030307/58ea8d791a28ab983e8b5713/html5/thumbnails/10.jpg)
Slack• Slack is a real-time chat application like
Skype.
• We often chat about a project and some question on Slack.
• You can get miscellaneous notifications directly within Slack.
![Page 11: Communication tool & Environment for Remote Worker](https://reader031.vdocuments.site/reader031/viewer/2022030307/58ea8d791a28ab983e8b5713/html5/thumbnails/11.jpg)
Google Hangout• Google Hangout is also a chat service.
• We can share my screen on our online meeting.
![Page 12: Communication tool & Environment for Remote Worker](https://reader031.vdocuments.site/reader031/viewer/2022030307/58ea8d791a28ab983e8b5713/html5/thumbnails/12.jpg)
• esa is a web service for document sharing like Wiki or Redmine.
• We write a documentation about proceedings and fringe benefits.
• esa.io can connect to Slack.
• Customer support is so nice.
![Page 13: Communication tool & Environment for Remote Worker](https://reader031.vdocuments.site/reader031/viewer/2022030307/58ea8d791a28ab983e8b5713/html5/thumbnails/13.jpg)
Development environment
![Page 14: Communication tool & Environment for Remote Worker](https://reader031.vdocuments.site/reader031/viewer/2022030307/58ea8d791a28ab983e8b5713/html5/thumbnails/14.jpg)
Development environment
• GitHub
• ZenHub
• 1Password for Teams
![Page 15: Communication tool & Environment for Remote Worker](https://reader031.vdocuments.site/reader031/viewer/2022030307/58ea8d791a28ab983e8b5713/html5/thumbnails/15.jpg)
GitHub• GitHub is a source sharing service for
software development with Git.
• Our product sources are management on GitHub private repositories.
• We can access the sources anywhere.
![Page 16: Communication tool & Environment for Remote Worker](https://reader031.vdocuments.site/reader031/viewer/2022030307/58ea8d791a28ab983e8b5713/html5/thumbnails/16.jpg)
ZenHub• ZenHub is an extension for Chrome and
Firefox.
• You can use GitHub Issue more useful.
• Simple, powerful project management for GitHub
![Page 17: Communication tool & Environment for Remote Worker](https://reader031.vdocuments.site/reader031/viewer/2022030307/58ea8d791a28ab983e8b5713/html5/thumbnails/17.jpg)
Task Boards like Kanban
![Page 18: Communication tool & Environment for Remote Worker](https://reader031.vdocuments.site/reader031/viewer/2022030307/58ea8d791a28ab983e8b5713/html5/thumbnails/18.jpg)
Burn down chart
![Page 19: Communication tool & Environment for Remote Worker](https://reader031.vdocuments.site/reader031/viewer/2022030307/58ea8d791a28ab983e8b5713/html5/thumbnails/19.jpg)
a parent-child relationship for GitHub Issues
![Page 20: Communication tool & Environment for Remote Worker](https://reader031.vdocuments.site/reader031/viewer/2022030307/58ea8d791a28ab983e8b5713/html5/thumbnails/20.jpg)
1Password for Teams• We have a lot of passwords.
• Wi-Fi password for Office
• Login password on a server
• Basic certification for staging server
• The passwords are placed on Cloud.
• We can authorize our staffs to access passwords.
![Page 21: Communication tool & Environment for Remote Worker](https://reader031.vdocuments.site/reader031/viewer/2022030307/58ea8d791a28ab983e8b5713/html5/thumbnails/21.jpg)
How much is the cost?
![Page 22: Communication tool & Environment for Remote Worker](https://reader031.vdocuments.site/reader031/viewer/2022030307/58ea8d791a28ab983e8b5713/html5/thumbnails/22.jpg)
How much?• Slack : $6.67 per user / month
• esa.io : 500yen per user / month
• GitHub : $200 / month (125 Private repositories)
• ZenHub : $5 per user / month (For private repositories)
• 1Password for Team : $3.99 per user / month
![Page 23: Communication tool & Environment for Remote Worker](https://reader031.vdocuments.site/reader031/viewer/2022030307/58ea8d791a28ab983e8b5713/html5/thumbnails/23.jpg)
Is the costs expensive?
![Page 24: Communication tool & Environment for Remote Worker](https://reader031.vdocuments.site/reader031/viewer/2022030307/58ea8d791a28ab983e8b5713/html5/thumbnails/24.jpg)
Is the costs expensive?• Maybe, Yes.
• We should focus on just writing codes.
• If we use a lot of free web applications on our server, We need to maintain a lot of things.
• The maintenance costs don’t come into the open.
• We use a paid service and then we cut the invisible cost.
![Page 25: Communication tool & Environment for Remote Worker](https://reader031.vdocuments.site/reader031/viewer/2022030307/58ea8d791a28ab983e8b5713/html5/thumbnails/25.jpg)
PR
![Page 26: Communication tool & Environment for Remote Worker](https://reader031.vdocuments.site/reader031/viewer/2022030307/58ea8d791a28ab983e8b5713/html5/thumbnails/26.jpg)
CodeGrid• Mail magazine about web tech and dev for
Front-end engineers and web developers.
• 800yen per month without tax.
• CodeGrid is working by NodeJS.
• Unfortunately, the posts are written in Japanese.…
http://www.codegrid.net/
![Page 27: Communication tool & Environment for Remote Worker](https://reader031.vdocuments.site/reader031/viewer/2022030307/58ea8d791a28ab983e8b5713/html5/thumbnails/27.jpg)
We're Hiring!• Front-end Engineer
• UI Designer
https://www.pxgrid.com/careers/