🧹

闘わないコピペプログラマー 6 〜人生がときめく片づけの魔法〜

1 min read

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

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

以下の記事の続編です

https://zenn.dev/tantan_tanuki/articles/7d7cbbb85607cd

最初から見る場合は以下をどうぞ

https://zenn.dev/tantan_tanuki/articles/559f4912028cea

使わないページを消すとともにTOPページを改善しよう

https://〜/members

https://〜/members/メンバ名
でアクセスできるメンバ一覧と個人用ページがあるんだけど
自分しかいないから不要だなと思いつつもindexからのLinkだけ削除してお茶を濁してきた
ただいつまでも残しとくと後々見たときなんだっけこれってなるので削除しました

削除するにあたり個人ページ見直してたらこっちに表示されてる方がTwitterやらのLinkが多いことに気づいたのでTOPページの個人アイコン表示領域に移植して同じ情報を表示するようにも修正してみた

まずsrc/styles/globals.scssから以下の行を削除しました

@import "./pages/members/_name";
@import "./pages/members/_index";

そして
src/styles/pages/members/_name.scssの中身をまるごと
src/styles/pages/_index.scssに追記します

$ cat src/styles/pages/members/_name.scss >> src/styles/pages/_index.scss

用無しになったscssファイル群を削除

$ rm -fr src/styles/pages/members

index.tsxにのアイコン表示領域を[name].tsxのアイコン表示領域をコピペ

https://github.com/tantan-tanuki/team-blog-hub/commit/d825bc7b45bbd350a8ea333fb7f6a62e11a6f95a?branch=d825bc7b45bbd350a8ea333fb7f6a62e11a6f95a&diff=split#diff-18e0d4553c97cfc420e938ccafb4e3a688e782fa4512ba4ceae3e2a6f24c1987

ちょっとコピペするには長すぎたのでgitのdiff貼っときます

用無しになったmembersページを削除

$ rm -fr src/pages/members

これだけ🤭

Imgur

やったねTwitterとかのLinkも表示されるようになったよ!

終わりに

前回の記事で一通り終わったかなと思ってたけどしばらくして見直したら個人向けにカスタマイズするならメンバー紹介ページの方がindex向きやんってことに気づいた

そのうちやりたいなと思ってたけどJSもReactもNextも苦手で
scssに至ってはなんやねんそれ、また知らんもん増やしやがってフロントエンド怖い怖い状態だったので放置していたのだが重い腰を上げて適当に直感に従って弄ったら30分位で終わった

多分scssの中身まるごとコピったやつとか命名規則とかもちゃんと考えたりして整理しないとだめだと思うがとりあえず動いたのでOKとした

しかし、自分が成長したというよりは技術側が成長したおかげで自分みたいな直感モンキーでもなんとかなるようになったんだなと技術の進歩にしみじみ驚かされる

ただ、gitにpushしてから使用されなくなったimportがあることに気づいたが最近ちょっとだけ本業の方の負荷が上がってきたのでまたそのうち精査したいと思う。

それではまたね〜👋

Discussion

ログインするとコメントできます