続・貢献できるOSSの見つけ方 / How to find "Good First Issues" part 2

Roppongi.js#5「続・貢献できるOSSの見つけ方 -How to find "Good First Issues" part 2-」

リンク付きの資料はこちら
https://ohbarye.github.io/slides/2018/roppongi.js-5/

紹介しているアプリケーションはこちら
https://goofi.netlify.com/
https://github.com/ohbarye/goofi

Transcript

1. How to find "Good First Issues"
   How to find "Good First Issues"
   part II
   part II
   Quipper Limited
   at Roppongi.js#5
   @ohbarye
   

   View Slide

2. If you:
   If you:
   want to contribute OSS
   are struggling to nd a repository or an issue to
   contribute
   (would rather you preferred major OSS)
   This talk would be helpful to you.
   

   View Slide

3. Agenda
   Agenda
   1. Story so far
   2. Current status
   3. What's next?
   

   View Slide

4. Story so far
   Story so far
   

   View Slide

5. Problem to solve is...
   Problem to solve is...
   

   View Slide

6. Contribution Accessibility
   Contribution Accessibility
   

   View Slide

7. Ideal world
   Ideal world
   

   View Slide

8. Story so far
   Story so far
   At the previous Roppongi.js. I've shared a simple script
   to fetch "good rst issues" from GitHub.
   

   View Slide

9. what is "good first issue"?
   what is "good first issue"?
   

   View Slide

10. Apply the "help wanted" and "good rst issue" labels
    to issues in your repository to highlight opportunities
    for people to contribute to your project.
    https://help.github.com/articles/helping-new-
    contributors- nd-your-project-with-labels/
    

    View Slide

11. Previous output
    Previous output
    I could make Good rst issue list. But not cool. I felt I
    should implement GUI for better usability.
    

    View Slide

12. Response
    Response
    

    View Slide

13. Current status
    Current status
    

    View Slide

14. View Slide

15. Features
    Features
    List up repos and issues ltered by language
    Single Page Application built with React
    

    View Slide

16. View Slide

17. What I did
    What I did
    Implemented frontend and backend
    React, Material UI, TypeScript
    Node.js, Express, GraphQL
    

    View Slide

18. monorepo
    monorepo
    Use Docker Compose on development
    Deployed to Heroku and Netlify respectively
    I wrote articles on how to deploy sub-directory
    https://ohbarye.hatenablog.jp/archive/category/mon
    

    View Slide

19. Interested?
    Interested?
    See:
    App
    Implementation
    https://goo .netlify.com/
    https://github.com/ohbarye/goo
    

    View Slide

20. What's next?
    What's next?
    

    View Slide

21. Current issues
    Current issues
    The current goo has 2 major issues.
    Performance
    It queries against GitHub for every request
    No cache
    Rate limit
    GitHub's constraint: 5,000 requests/day
    

    View Slide

22. Solution
    Solution
    Next.js, SSR, PWA, server side cache
    They come from
    Aim to get perfect score of Lighthouse
    https://github.com/hanford/trends
    

    View Slide

23. View Slide

24. Let's find your "good first issues"
    Let's find your "good first issues"
    with "goofi" and contribute!
    with "goofi" and contribute!
    Go https://goo .netlify.com/
    

    View Slide

25. Who?
    Who?
    @ohbarye
    Web Developer / Engineering Manager
    Working for
    http://ohbarye.me/
    Quipper
    

    View Slide