ITC ホームページ

https://tusitclub.net

Java Scriptフレームワーク: Vue.js

CSSフレームワーク: Bootstrap

---

作品を追加する場合はdataフォルダ内のjsonファイルに追加してください

入力内容は部によって異なるため、それぞれのjsonファイル内にあるテンプレートに従ってください

各jsonファイルの説明

• xxx-works.json
  各部の作品を記載するファイルです

• home-qna.json
  Q&Aを記載するファイルです

• history.json
  現在未使用のファイルです

---

VSCodeでの編集方法

拡張機能の「Live Server」を使い、ローカル環境でテストしてください

ITCsite.code-workspaceを起動し、右下のGo Liveを押すとテストできます

閉じるときは同じ箇所(Post)を押してください

---

それぞれのフォルダ・ファイルの説明

• index.html
  トップページです

• xxx.html
  各部のトップページです

• xxx-works.html
  各部の作品集です

• xxx-for_begginers.html
  各部の初心者向け案内です

• common
  ヘッダー、フッター、上へ戻るボタンのファイルが入っています
  すべてのページに共通するコンポーネントです

• css
  cssファイルが入っています

• data
  各部の作品を記載するjsonファイルが入っています

• history
  現在未使用です
  ITCの歴史のページに関するファイルが入っています

• images
  ロゴや作品画像などが入っています

• src
  Vue.jsによるページ生成のためのソースコードが入っています

• tutorial-xxx
  各部のチュートリアルページに関するファイルが入っています

• contact.html
  連絡先を書くページです

• link.html
  関連リンクページです

• ridaisai2021.html
  2021年の理大祭ページです