p-ray公式サイトの開設
2020/11/01
Author: yumcyawiz
p-ray公式サイトをGridsomeで作りました

この度p-rayの公式サイトを作成しました.

今後p-rayに関する情報や, レイトレに関する情報をここで発信していきたいと思っています.

このサイトの役割

  • p-rayの活動紹介
  • レイトレに関する情報発信

活動紹介に関してはp-rayの活動を記事にしたり, p-rayで動いているプロジェクト一覧, 出力したレンダリング画像一覧などを掲載しています. 当班に興味のある新入生などに活動の様子が少しでも伝われば幸いです.

レイトレに関する情報発信では, ブログの形式でレイトレの理論, 実装, 論文紹介, 論文実装など, レイトレに関する広範な話題を提供できたらと思っています. 特に各班員が得意とするマニアックな領域の話も提供できたらと思っています.

各ページの役割

  • About - p-rayに関する全体的な情報
  • Member - 班員紹介
  • Project - p-rayで動いているプロジェクト一覧
  • Gallery - レンダリング画像集
  • 記事一覧 - ブログ, News, 講義資料を含めた全記事の一覧
  • News - ニュース一覧
  • Course - 講義資料一覧

使用されている技術

  • Vue.js
  • Gridsome(静的サイトジェネレーター)
  • Vuetify(UIフレームワーク)
  • Github Pages(ホスティング)
  • Github Actions(自動デプロイ)

GridsomeはVue.jsが使える静的サイトジェネレーターです. ReactのGatsbyに対応します.

サイトの開発はyumcyawizが担当しました. Gridsomeがとても使いやすくて, 隙間時間を使いつつ2週間で実装することができました. Vue.jsが使えるなら, このようなサイトの作成にGridsomeはとてもオススメです.