{"repo":"sigma7863/sigma7863.github.io","free":true,"listed":false,"github":"https://github.com/sigma7863/sigma7863.github.io","clone":"git clone https://github.com/sigma7863/sigma7863.github.io.git","description":"My Portfolio","language":"TypeScript","stars":29,"topics":["github-action","nextjs","tailwindcss","json"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"技術スタック アナリティクス Umami(オープンソース) アナリティクスのサービスは、企業向けのものが多く、またアナリティクスを収集するスクリプトをTypeScript用に書き換えたり、XSS対策をしないといけなかったりする必要があるので、使えるサービスが限られていました。 その中で、導入しやすかったうちの一つが、Umamiだったので、採用しました。 Umami 公式サイト Umami リポジトリ フレームワーク Next.js(オープンソース) ポートフォリオにはあまり適していないかもしれませんが、採用した理由としては使ってみたかったという単純な理由です。 Next.js 公式サイト Next.js リポジトリ Tailwind CSS(オープンソース) Tailwind CSSは、CSSのフレームワークで、HTMLのタグのクラスに直接CSSを割り当てられるので、便利です。 ただ、可読性が減るので、大規模なチームでの開発など使うのにはあまり適していません。 Tailwind CSS 公式サイト Tailwind CSS リポジトリ ライブラリ Lucide(オープンソース) Lucideは、リンクに飛ぶアイコンや、バッテリーのアイコンなどがReactなどのJavaScriptライブラリで使えるアイコンライブラリです。 Wappalyzer(ブラウザの拡張機能)を使って色々なサイトを見ていた時に見つけたので導入してみました。 自分のポートフォリオでどこで使っているかは容易に分かると思うので、当ててみてください。 Lucide 公式サイト Lucide リポジトリ Wappalyzer -Chromeウェブストア- Motion(旧Framer Motion) Motionは、ReactやVueなどに使えるアニメーションライブラリで、色々なアニメーションを実装できます。 このポートフォリオでは、ハンバーガーメニューを開いた時のアニメーションに使いました。 ほぼすべてAIに書いてもらった。 Motion 公式サイト Motion リポジトリ","default_branch":null,"files":null,"tree":[],"storefront":"/r/sigma7863","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/sigma7863/sigma7863.github.io/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}