loxygenk.github.io

THIS REPOSITORY AND THE WEBSITE loxygenK.github.io IS NO LONGER MAINTAINED - このリポジトリと loxygenK.github.io はメンテナンスされていません．

New repository: loxygenK/f4n.dev

---

Thank you very much to visiting the repository! 嬉しくて胸がはちきれそうな思いです。

これは何

　loxygen.k(フライさん)のポートフォリオサイトです。Reactを使用しています。

ページ遷移の度にリダイレクトするんですけど

　GitHub Actionsだと、このポートフォリオに使用している react-routerがそのままだと正常に動作しません 。正常に動かすために、一度 404.htmlに飛ばして、そこで目的のページにリダイレクトさせています 。

　404.htmlからのリダイレクトの処理はreact-routerが行っています。

　この処理に当たって、有志の方が作成されたスクリプトを使用させていただいています。詳しくはpublic/404.htmlとindex.htmlをご参照ください。

ソースコードの構成

技術力のない人が作りたいものに無理やり似せていったのですごいコードになっているかもしれません…

• リポジトリルート
  • my_own_linter/
    コミットリンターが入っています。
    (別でnpmのパッケージがあるのは知ってるけど使い方がよくわからなかった)
  • public/
    使用しているindex.htmlや画像などが入っています。
  • src/
    ソースコードです。
    • comps/
      コンポーネント群です。
      • common/
        複数ページで使いまわして使うコンポーネントが入っています。
      • drawer/
        スマートフォンからの閲覧時に使用できるドロワー関係のコンポーネントが入っています。
      • header/
        ページ上部のヘッダーが入っています。
      • pages/
        各ページのコンポーネントが入っています。
      • Router.tsx
        ルーティングを行うためのコンポーネントです。
    • data/
      データ群です。WorksやSkillなどの設定ファイルがここに入っています。
  • その他ファイル
    ReactやTypescriptを動かすための設定ファイル群です。