コピペで使えるシンプルなタブメニューの作成

突然ですが個人的にコーディングしている時に地味に実装で手間取るものをご紹介します

コーダーならだれもがこれらを時間をかけずに簡単に実装したいと思っているはずですが、
今回はコピペで実装できるシンプルなタブ切り替えメニューのコードをご紹介します。

以下の記事を参考に、さらに私が使いやすいように改造したコードです。
（このままでもとてもシンプルで使いやすいタブが実装できます）

大きなポイントはjQueryではなくJavaScriptを使用したところです。
またタブデザインのcssは、タブが増えてもデザインの変更がしやすいようにflexを使っています。

コピペでそのまま実装できます。
あとは適宜CSSを修正してデザインを変更して使ってください。