🦹‍♂️

闘わないコピペプログラマー 2 〜ダークサイドより仄暗い水の底から〜

2021/03/18に公開

Docker

底辺IT土方の仕事の仕方を垣間見てこの業界に入ることを恐れている人達に
IT業界恐るに足らずと思ってもらうための記事です。

リアルタイムで作りながら記事を更新してます。

以下の記事の続編です。

今日も今日とてコピペ元探訪

さて昨日見事コピペで作った画面が完成したわけですが記事中にも書いてる通り

手動でVerce側更新しないと記事更新してくれない🤣

という面倒だから作ったのにまた面倒が増えて意味不明な状態になっております。
当然元記事にも解決策が書いてあって
以下の記事を見てねーって書いてます。

コレ見たら出来るんやな！
と意気揚々と画面を開いた瞬間には画面を閉じてました。

義務教育という魔の手から意味もわからず逃げ続けたツケは大きくその後の人生に様々な後遺症を残しています。
今回もその古傷の一つである英語アレルギーが疼いたため画面を閉じざるを得ませんでした。

今思うとあれは魔の手などではなく底辺に落ちないために釈迦が垂らしてくれていた蜘蛛の糸だったんだと思います。

というわけで早速今日も赤子の手をひねる程度まで親切解説してくれている
記事をググるわけですが早速バッチリの記事を発見しました。

わかりやすいでちゅー👶
ふんふん、なになに？

vercelでとーくん？とか言うのを発行して？
vercelコマンドとか言うの入れて？
コマンド打ったらIDみたいなんが発行されて？
それをgithubに設定して？
この記事にある設定ファイル入れて？
それをgithubのactionとかいう機能が読み込んで成功したら定期的に更新掛けてくれるようになる？

うん、相変わらず言葉の端々に難解な言葉が散らばってますね
でもこの手順通りやれば雰囲気で出来そう！

というわけで早速やっていきます。

vercelでとーくん？とか言うのを発行して？

参照元記事通りやってみたけどこれ名前なんでもええんかな？

とりあえずgithubに登録するときと同じ名前の
VERCEL_TOKEN
にしとこ

vercelコマンドとか言うの入れて？

貧乏性でロートルの私には近代の富豪的プログラミングは受け付けんのです
何でもかんでもインストールするのは苦手なのです。
なのでここはdockerさんに頼って作業が終わったら勝手に消えてもらいます。

私は独学なので使い捨てのLinux環境を即座に準備するノリで
docker使ってますが邪道な気がしてます。
周り誰も使ってないからなにが正道なのかもわからないけど
なので変なこだわりがなければ元ネタ通り普通にやったほうがいいと思う。

昨日調べた感じだとnodeがあればnpmも使えるだろうという
安易な推理でコレ使ったら正解でした。

$ docker run -it --rm node bash
root@bba6c49a003d:/# npm i -g vercel

added 101 packages, and audited 102 packages in 9s

9 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities
npm notice 
npm notice New patch version of npm available! 7.6.0 -> 7.6.3
npm notice Changelog: https://github.com/npm/cli/releases/tag/v7.6.3
npm notice Run npm install -g npm@7.6.3 to update!
npm notice 
root@bba6c49a003d:/# vercel --version
Vercel CLI 21.3.3
21.3.3

プレビューで見たらrootのコンソールの#がコメントアウト扱いになってるけど
内容的には出来てるはずや！

やったぜ！

コマンド打ったらIDみたいなんが発行されて？

このコマンドを昨日作ったgitのディレクトリで打てばええんやね
ということはdocker内にはそれ無いからgitからソース取り直さねば。。
やる前に気づいてたらディレクトリマウントしておけたのに。。。

root@bba6c49a003d:/# git clone https://github.com/tantan-tanuki/team-blog-hub.git
Cloning into 'team-blog-hub'...
remote: Enumerating objects: 10, done.
remote: Counting objects: 100% (10/10), done.
remote: Compressing objects: 100% (8/8), done.
remote: Total 344 (delta 2), reused 7 (delta 1), pack-reused 334
Receiving objects: 100% (344/344), 898.19 KiB | 0 bytes/s, done.
Resolving deltas: 100% (168/168), done.

いけたいけた
後はここに移動してvercelコマンドを打つと。。。

root@bba6c49a003d:/# cd team-blog-hub/
root@bba6c49a003d:/team-blog-hub# vercel
Vercel CLI 21.3.3
> No existing credentials found. Please log in:
Enter your email:

メアドを聞かれたぞ。。。
githubに登録してるアドレスかな。。。

> No existing credentials found. Please log in:
We sent an email to xxx@xxx. Please follow the steps provided inside it and make sure the security code matches Reasonable River Dolphin.
⠼ Waiting for your confirmation

なんやろconfirmationって書いてるときはなんか確認しろってこと多いよな
メアド入れたしメール届いてる気がするな

来てた来てたverifi押したら良さそう
お、なんかvercelの画面が開いたぞ？
コンソールどうなってる？

✔ Email confirmed
Congratulations! You are now logged in. In order to deploy something, run `vercel`.
💡  Connect your Git Repositories to deploy every branch push automatically (https://vercel.link/git).
root@bba6c49a003d:/team-blog-hub#

Congratulations!って出てるやん！
英語苦手でもわかるで！
コレはもう成功と言って差し支えないやろ？
さてさて.vercel/project.jsonとやらにコピペする情報が書かれてるはず。。。

root@bba6c49a003d:/team-blog-hub# ls -al
total 359
drwxr-xr-x  5 root root     15 Mar 18 02:00 .
drwxr-xr-x 22 root root     23 Mar 18 02:00 ..
drwxr-xr-x  8 root root     13 Mar 18 02:00 .git
-rw-r--r--  1 root root    414 Mar 18 02:00 .gitignore
-rw-r--r--  1 root root   1560 Mar 18 02:00 README.md
-rw-r--r--  1 root root   1561 Mar 18 02:00 members.ts
-rw-r--r--  1 root root     75 Mar 18 02:00 next-env.d.ts
-rw-r--r--  1 root root 296959 Mar 18 02:00 package-lock.json
-rw-r--r--  1 root root    982 Mar 18 02:00 package.json
drwxr-xr-x  4 root root      7 Mar 18 02:00 public
-rw-r--r--  1 root root    574 Mar 18 02:00 site.config.ts
drwxr-xr-x  7 root root      8 Mar 18 02:00 src
-rw-r--r--  1 root root    197 Mar 18 02:00 tsconfig.builder.json
-rw-r--r--  1 root root    622 Mar 18 02:00 tsconfig.json
-rw-r--r--  1 root root 258305 Mar 18 02:00 yarn.lock

ないぞーどこにもないぞー？
成功と言って差し支えあったぞー

とりあえず落ち着いてさっきのコンソールを翻訳アプリで翻訳するか

おめでとう！これでログインしました。何かをデプロイするには、 vercelを実行します。

もっかいコマンド打てって事かな？

root@bba6c49a003d:/team-blog-hub# vercel
Vercel CLI 21.3.3
? Set up and deploy “/team-blog-hub”? [Y/n]

あ、なんかさっきと変わった
セットアップっぽいなとりあえずそれっぽく進めていこう

root@bba6c49a003d:/team-blog-hub# vercel
Vercel CLI 21.3.3
? Set up and deploy “/team-blog-hub”? [Y/n] y
? Which scope do you want to deploy to? tantan-tanuki
? Link to existing project? [y/N] y
? What’s the name of your existing project? blog-hub
🔗  Linked to tantan-tanuki/blog-hub (created .vercel)
🔍  Inspect: https://vercel.com/tantan-tanuki/blog-hub/85XCc5ELDJ7kMkZsaNE4p8yTHMbC [1s]
✅  Preview: https://blog-hub-tantan-tanuki.vercel.app [29s]
📝  To deploy to production, run `vercel --prod`
root@bba6c49a003d:/team-blog-hub#

なんとなくだけど成功した気がする。

コンソール「やったぜ！俺はやってやったぜ！！」

的なオーラを感じる。。。
ん？vercel側もなんか最近更新されたみたいな表示になっとるなもうこれは成功でいいやろ！

てことはjsonファイルが出来とるはずやな。

root@bba6c49a003d:/team-blog-hub# ls -al .vercel/
total 16
drwxr-xr-x 2 root root   4 Mar 18 02:13 .
drwxr-xr-x 6 root root  16 Mar 18 02:13 ..
-rw-r--r-- 1 root root 520 Mar 18 02:13 README.txt
-rw-r--r-- 1 root root  83 Mar 18 02:13 project.json

はい成功🎉

それをgithubに設定して？

これはもう今までやってきた内容をサイトの手順見ながら同じように
コピペするだけだから簡単やったな

この記事にある設定ファイル入れて？

Imgur
画面が違うぞ-と思って最初固まったけど
set up a workflow yourself
のリンク押したら無事に元記事と同じような画面に来た
元記事だとすでにデプロイ済みみたいな感じで書いてるから画面が違うけど
NewFileって書いてるし多分ココにコピペしたらええんかな？コピペは任せろ！

こうして

こうして

これで。。。

それっぽーい😘

それをgithubのactionとかいう機能が読み込んで成功したら定期的に更新掛けてくれるようになる？

よーしRunしちゃうぞー
これでVercelが更新されてたら毎朝更新してくれるらしいでー

はいはい、赤い赤い
知ってるよこれエラー出たときの色だよ
とりあえず赤い所ポチポチ押していこう

gitコマンドが1返したんだねそれでエラーって判断したんだね
それだけはわかるよ？
なんで1になったのかはわからないよ😇

とりあえず元記事を読み直すと元ネタのURLがあるね。。。

英語アレルギーを我慢しつつ目眩で倒れそうになりながら読まずにスクロールしていると。。。

なんか似たような記載を見つけたよ。。。

なんか違うね

ログでも
Fetching the repository
とかいうところでエラー出てたしfetchの2行消してみようか。。。

コレくらいの小さな修正ならgithub上で編集出来るんだねセクシーだね

んで、もっかい実行したら。。。

Imgur

github上は成功したっぽいぞ？
Vercelの方はどうやろ？

Imgur

やったぜ🤩

結果発表！

何も記事を更新してないので成功しても何も更新されていないよ！

とりあえずこの記事を更新してから手動でもっかい実行しようか迷ったけど
定期実行の定義部分がちゃんと動いているか確認したいから我慢したよ！

きっと明日この記事が追加されてるはずだねワクワクして明日を待つよ！

遠足の前の日みたいだね！
この歳でこんな気分になれるなんてお得だね😁

終わりに

今回も結果を見てみると画面をポチポチしてチョロっとコマンドを打った位です。
これがコピペというフォースの力ですね素晴らしい。

所々に英語という難敵が現れましたが
コピペ力とスルー力とツール力の三種の神器の見事な連携により
華麗にエンカウントを回避できたと思います。

これで前回の記事の問題点だった

手動で更新しないと反映されないじゃん結局面倒だから意味ないじゃん問題が

コピペという
いのべーてぃぶなてくのろじーによるそりゅーしょん
によって見事に解決してる。。。はず！多分！！きっと！！！

この業界にいるとソリューションとかテクノロジーとかイノベーションとか
社名についてる所をよく見かけるけど地雷率高いので就職前の学生は中身ちゃんと調べようね
ちなみに社名を今イケてる感じの単語付け足して変えると
全然関係ない業種でも株価がその瞬間だけ爆上がりしたりする
ダークサイドに落ちた大人の汚いフォースが発動することがあるよ
今だとブロックチェーン関係になるのかね？
不思議だねぇ

さてここで

本当に成功してんのか？
お前みたいな底辺が作ったもんがホンマに動くんか？
と思った方は2021/3/19の11時以降にここみて下さい。

今回の記事が追加されてたら成功してます。
更新されてなかったら一笑い得したと思おう！

ちなみに確認したいと思った方は
丸投げして確認もせずに問題起きた時だけこっちのせいにしたりする
IT系社員のはずなのに社内申請しかやってこなかった人達よりセンスがあります
ぜひ上を目指して下さい👏

P.S.

こんかいのきじも
べんじょのらくがきみたいになったから
といれでひまをつぶせるていどの
よみものになってればよいなとおもいました
まる