$30 off During Our Annual Pro Sale. View Details »

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

Masato Ohba
August 23, 2018

続・貢献できる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

Masato Ohba

August 23, 2018
Tweet

More Decks by Masato Ohba

Other Decks in Technology

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