OSS Gate Workshop: オンライン: 2023-07-29: Piyo: Dark Reader: Work log

[Piyopanman]

This is a work log of a "OSS Gate workshop".
"OSS Gate workshop" is an activity to increase OSS developers.
Here's been discussed in Japanese. Thanks.

作業ログ作成時の説明

以下のテンプレートを埋めてタイトルに設定します。埋め方例はスクロールすると見えてきます。

OSS Gate Workshop: ${LOCATION}: ${YEAR}-${MONTH}-${DAY}: ${ACCOUNT_NAME}: ${OSS_NAME}: Work log

タイトル例↓：

OSS Gate Workshop: Tokyo: 2017-01-16: kou: Rabbit: Work log

OSS Gateワークショップ関連情報

• スライド：ワークショップの進行に使っているスライドがあります。
• チャット：OSS開発に関することならなんでも相談できます。ワークショップが終わった後もオンラインで相談しながら継続的にOSSの開発に参加しましょう！
• シナリオ：ワークショップの目的・内容・進め方の詳細が書いています。
• 過去のビギナーの作業ログ：他の人の作業ログから学べることがいろいろあるはずです。

[Piyopanman]

Next.jsの日本語訳と、ja.javascript.infoのタイポ修正みたいな小さいコントリビュートはしたことあるから、今日は実際のコードを治すようなことをできたら嬉しいな
javascript-tutorial/ja.javascript.info#323
https://github.com/Nextjs-ja-translation/Nextjs-ja-translation-docs#contributors-

[Piyopanman]

ドキュメントにしっかり沿って動かして動かなかったらコントリビュートチャンス、確かに🦀

[Piyopanman]

Java最近書いているのでJavaで書かれたものがいいなと思うけど、Javaだと大規模なものが多そうなイメージで敷居が高いな...
OSSコントリビュート、これがいいって聞いたから読んでみようかな
https://goofi.vercel.app/

[Piyopanman]

https://darkreader.org/help/
DarkReaderに日本語のhelpページがない

[daipom]

DarkReaderのヘルプページがどう管理されているのかについて

https://github.com/darkreader から探すと、　https://github.com/darkreader/darkreader.github.io が見つかる。
これがウェブサイトを管理しているリポジトリーっぽい。

[daipom]

https://github.com/darkreader/darkreader.org/tree/main/src/help/topics

[daipom]

言語を追加しているPR。
参考になりそう

darkreader/darkreader.org#11

[Piyopanman]

↑教えていただいたやつ、思ったより翻訳規模がちいさいので候補に置いておく。
できたらコード書きたいので、他も探しみてます

今はこれみてます　Lighthouse
https://github.com/GoogleChrome/lighthouse/labels/good%20first%20issue

[Piyopanman]

過去に自分が使ったライブラリ調べてる
https://github.com/Piyopanman/piyopanman-frontend-next/blob/main/package.json

[daipom]

Reactの過去のトピック例

• OSS Gate Workshop: online: 2022-09-06: mesida: react-locomotive-scroll: Work log #1576

[Piyopanman]

https://github.com/remarkjs/react-markdown
markdownで最近日報を書くことが多いので、今からREADMEに沿って動かしてみて、何か見つけられたら嬉しい

[Piyopanman]

コントリビュートの御作法がまとまってると初めてでも安心感あって良いですね！！
#1631 (comment)

[Piyopanman]

過去のプルリク見ながら翻訳作業します💪
darkreader/darkreader.org#11

[Piyopanman]

こっちのヘルプもあるの気づいていなかった
とりあえず上のmdファイルの方やります
https://github.com/darkreader/darkreader.github.io/tree/master/help

[blacktoad30]

https://github.com/darkreader/darkreader.org/blob/main/src/help/topics/en.md?plain=1

純粋なmarkdownではなく、htmlタグを混ぜた書き方になっている。

参照: https://github.github.com/gfm/#html-blocks

[Piyopanman]

https://github.com/darkreader/darkreader.org/blob/main/src/help/topics/en.md

日本語以外のmdファイル、全部画像ファイルが404になってることに気づいた....
https://github.com/darkreader/darkreader.org/blob/main/images/help/darkreader-filter-settings.png

[Piyopanman]

www/imagesの下に画像類移動してるっぽい？

[Piyopanman]

darkreader/darkreader.org#56
で既存mdファイルのimagesのパスを修正するプルリクを投げました
残り時間で日本語訳します

[blacktoad30]

このプルリクがOKならば、以下の*.mdも同様に修正する必要がありそう。

https://github.com/darkreader/darkreader.org/tree/main/src/blog/posts
https://github.com/darkreader/darkreader.org/tree/main/src/tips/topics

---

本家Webサイトのhtmlは、markdownから変換している?
画像は問題なく表示されているので、サーバーに/imagesはある。/www/imagesがあるのかは分からない。
/www/imagesが正しいのならば、index.htmlなども修正する必要がありそう。

[github-actions]

おつかれさまでした！

ワークショップの終了にともないissueを閉じますが、このまま作業メモとして使っても構いません 👌

ワークショップの感想を集めています！

ブログなどに書かれた際は、このページへリンクの追加をお願いします 🙏

またの参加をお待ちしています！