zli-uoa / website Goto Github PK

いいかんじにトリミングしてくれるやつ。

使いたいけど設定がめんどい

コードのリファクタリングをしたい
スタイルの周りとか結構適当なので

Metaタグあたりは入れたほうが良さげかも

こんな感じになっているので直す

シュッと実装

したくない？

• 色
• フォントサイズ
• フォント(?)

ダイレクトにURLを叩くと死ぬ

vue add storybook で導入しないといけなかったっぽい
まだ使ってないからどうにかなってるっぽいけど使うようなら対応したほうがいいかも

動かなくなったときに考えよう

現状のIDはFaunaDBが勝手につけるIDなのだがそれを学籍番号に変更したい

やれるようになること

• 学籍番号で一意にメンバーを特定、編集できる
• 学籍でソートすることで学年順にできる

原因不明
GitHubActions上では成功している

どうしよう

Zli公式のYouTubeとTwitterのリンクを追加する

部員個人のページとイベント一覧ページがあるのでRouterが欲しそう
ルートのときにハッシュがついてたらジャンプもしたい

FontAwesomeとかでいいかな？

画像データとかがほしい

毎回叩くと遅いのでcacheする用にしたい

個人的に勝手に考えてるアーキテクチャ
気持ち伝わって

• App.vue
  • ここでは基本的にContainerの呼び出しだけ。必要なら定数の注入とかも
• Containers
  • APIの呼び出しとか、下のContentが必要なPropsの解決
• Content
  • Propsで受け取ったものを使って描画だけをする
• その他
  • Contentで使うパーツ

雰囲気こんな感じで
多分Vuexいらないかな？

詳しくはFigmaを見てね

• Logo
  • Propsで色を3色変えられる
  • Propsでサイズを変えられる
• Image
  • サイズを変更出来る
  • 四角、丸にできる
  • 上から任意の色をoverlay出来る
• EventItem
• Typography
  • タイプを指定するとフォントが変わる
  • サイズを指定出来る
• NavBar
• SearchBox
• TitleView
• MemberItemView
• AboutItem
• 各Content
  • 各コンテンツに必要なデータを取得してデータを下に流す

現在、ヘッダーのナビゲーションは文字が横並びしているが、モバイル向けにはハンバーガーメニュウを追加した方が良さそう。

メンドイ、やりたくない

（個人的にCl系入れる体験をしたい）

楽しそうなので

データをおいておくDBとかそれを取得するAPIとかをどうするか

とりあえず、GASでスプレッドシートからJSONを作って取得するようにした
フォームからデータ入れて貰えればよしなに反映してくれるので運用が楽かなーって思った。
デメリットとしては、コードがgitで管理できない（やればできるらしいがめんどくさそう）