Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

OSS Gate Workshop: online: 2023-09-30: siroemk: vscode-rainbow-end: Work log #1670

Closed
siroemk opened this issue Sep 30, 2023 · 40 comments
Closed

OSS Gate Workshop: online: 2023-09-30: siroemk: vscode-rainbow-end: Work log #1670

siroemk opened this issue Sep 30, 2023 · 40 comments

Comments

@siroemk
Copy link
Contributor

siroemk commented Sep 30, 2023

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の開発に参加しましょう！
  • シナリオ：ワークショップの目的・内容・進め方の詳細が書いています。
  • 過去のビギナーの作業ログ：他の人の作業ログから学べることがいろいろあるはずです。
@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023

作業メモ作成しました

@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023

最近VS codeに入れたので候補

@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023

使っていないけど面白そうな拡張機能なのでこれで調べてみる

@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023

ライセンスは問題なさそう

Apache-2.0 license

@siroemk siroemk changed the title OSS Gate Workshop: online: 2023-09-30: siroemk: ${OSS_NAME}: Work log OSS Gate Workshop: online: 2023-09-30: siroemk: vscode-rainbow-end: Work log Sep 30, 2023
@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023

ドキュメントを探す

@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023

README
https://github.com/julien-duponchelle/vscode-rainbow-end

@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023

READMEの画像がリンク切れっぽい
https://github.com/julien-duponchelle/vscode-rainbow-end

@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023

他にもドキュメントがないか探す👀

@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023

ドキュメントはREADMEくらいだった

@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023

READMEの画像が見えないところは冒頭のここ
image

@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023

VS codeにvscode-rainbow-endを入れてみる

@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023

VS codeでインストールした

@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023

READMEに書いてあるRubyのコードを手元で書いてみます
image

@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023

色ついてる、可愛い！

入れる前

image

入れた後

image

@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023

他にもいろんな言語があるが試せないので、一旦飛ばします

@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023

VS codeの詳細ページにはダークモードのスクリーンショットもあった

image

@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023

↑ダークモードのスクリーンショットと同じコードを書いてみる

@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023

書いてみた
image

@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023

ドキュメントに記載されているスクリーンショットには==や>、putsにも色がついているが、私の環境だと色がつかずに白で表示される

ドキュメント

image

自分の環境

image

@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023

色をカスタマイズできそうなのでやってみる
image

@natsuto6
Copy link
Contributor

私用のため午前で失礼させていただきます！🙇‍♂️
ありがとうございました！！

@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023

@natsuto6
いろいろアドバイスをありがとうございました！

@daipom
Copy link
Contributor

daipom commented Sep 30, 2023 •
edited
Loading

READMEの画像が見えないところは冒頭のここ image

僕の環境(Firefox)だと見え方が違いますね。何か環境依存な部分があるのかもしれない？
これは画像なのかリンクなのか。。

Screenshot from 2023-09-30 14-30-29

@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023

私はChromeで確認しました

@Aseiide
Copy link
Contributor

Aseiide commented Sep 30, 2023 •
edited
Loading

macOSのsafariだとこんな感じでしたよ〜
github
スクリーンショット 2023-09-30 14 41 48

@daipom
Copy link
Contributor

daipom commented Sep 30, 2023

マークダウンを確認してみたが、何かおかしい。

https://github.com/julien-duponchelle/vscode-rainbow-end/blob/master/README.md?plain=1#L3

@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023

画像に対してリンクを貼っているのでは(?)
やはり画像自体は見えない模様。

既にIssueが上がっていないか確認する。

@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023

さらっと確認した感じ、READMEの画像自体は見えない件はIssueに上がっていなかった。

@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023

Issueを上げる際のルールはなさそう。

@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023 •
edited
Loading

Issueにあげる内容を考えます。

状況

  • READMEのRainbow Endに掲載されている画像が見えない
  • MarketplaceとVersion Installsの2つのリンクが同じところhttps://marketplace.visualstudio.com/items?itemName=jduponchelle.rainbow-endに飛ぶ

Chrome

image

safari

image

Firefox

  • Firefoxの場合、通常のリンクに見える
image

期待する結果

  • リンクもしくは画像が表示される

@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023

英語に訳していきます。

@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023

  • Issue タイトル
    Doesn’t display image in README

@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023 •
edited
Loading

Doesn’t display image in README

Actual Result

Chrome

image

Safari

image

Firefox

  • In Firefox, it looks like a normal link.
image

Expected behavior

  • A link or image is displayed.

@siroemk
Copy link
Contributor Author

siroemk commented Sep 30, 2023

vscode-rainbow-endにIssueを作成しました。
julien-duponchelle/vscode-rainbow-end#49

@Aseiide
Copy link
Contributor

Aseiide commented Sep 30, 2023

はやい！めっちゃいいですね〜

@piroor
Copy link
Contributor

piroor commented Sep 30, 2023

画像のURLは https://vsmarketplacebadge.apphb.com/version/jduponchelle.rainbow-end.svg なんですね。ホストがタイムアウトしてるので、Webサイトが移転したとかなのかなあ。

@github-actions
Copy link

おつかれさまでした！

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

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

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

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

@komagata
Copy link
Contributor

@siroemk こちら新しいURLに直すPRとか送っても良いかもですね〜

@siroemk
Copy link
Contributor Author

siroemk commented Nov 15, 2023 •
edited
Loading

@komagata
フォローいただき、ありがとうございました。

PRも送ってみました！
julien-duponchelle/vscode-rainbow-end#50

@komagata
Copy link
Contributor

@siroemk おおお、とっても素晴らしいと思います〜！

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
6 participants
@komagata @piroor @daipom @siroemk @Aseiide @natsuto6