🧹

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

2021/05/18に公開

ポエム

idea

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

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

以下の記事の続編です

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

使わないページを消すとともに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のアイコン表示領域をコピペ

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

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

$ rm -fr src/pages/members

これだけ🤭

Imgur

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

終わりに

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

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

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

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

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

それではまたね〜👋

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

終わりに

Discussion