Zenn
😽

Progate Pathやってみた

2022/11/14に公開
Progate
fish
tech

はじめに

修正や追加等はコメントまたはGitHubで編集リクエストをお待ちしております。

おもしろそうなサービスを見つけたのでやってみました。

https://path.progate.com/

Progateレベル416の私がやってみた感想を書いていきます。

どんなサービス？

Progateが提供する実務経験ができるサービスらしいです。

セットアップ

下記コマンドは bash or zsh 用です。

bash <(curl -sSfL https://assets.path.progate.com/cli-installer/out/setup.sh)

筆者は fish を使っているので、fish 用のセットアップを行いました。

curl -sSfLO https://assets.path.progate.com/cli-installer/out/setup.sh

bash setup.sh

その後、fish の設定ファイルに下記を追加します。

echo 'set PATH $HOME/.progate/bin:$PATH' >> ~/.config/fish/config.fish

使い方

基本は画面に従って進めていくだけです。
ローカル環境なのが良いですね。
私の魔改造VSCodeが使えるので、サクサク進められます。

不満点

改行を入れるだけで認証されるので、いいですが、
学びの気づきを記録する機能が少しめんどくさいです。

買ってみた

セール中らしく、格安で買えました。

ヘッダータイトル画像が表示されないバグを修正しよう

ヘッダーに画像が表示されないらしいです。
ぱっと見はバグはなさそうです。

answer
.icon-image {
  position: absolute;
  content: "";
  display: block;
  width: 148px;
  height: 136px;
  bottom: -16px;
  right: -10px;
  background-size: 148px 136px;
  background-repeat: no-repeat;
  /* background-image: url('/images/ninjo.svg'); */
  background-image: url('/images/ninja.svg');
}

まとめ

以外と楽しいです。
普段好きなものしか書かないので、人が書いたコードを読むのは久しぶりで、いい勉強になりました。
気がむたら追記します。

Discussion