old を移植. どこか固定ページに貼ろうかなぁ...
ついでに, pdf ファイルの置き場所とかも設定してREADMEに書く.

要件

• 知識ゼロでも書ける(セキュリティとかアプデとか気にせずにmarkdown で書いてデプロイで完了. 全てwebで完結させるのでインストール等は不要)

  • 静的サイトホスティング(セキュリティ面で強いのでアプデとかいらない)
  • 自動デプロイ (githubで編集, になると思うがそれ以上のgitの知識はいらない)
  • 完全に外部向けなのでそんなに更新の必要はないか?
  • 会員サイトは別に移動. 更新の多いもの(リハ音源とか)はそっちでOK

• wordpress のものとほぼ同じ形にしたいのでカスタマイズというより見た目はゼロから作るイメージ

  • けどスマホ対応はしたい
  • デフォテンプレートをいじって近づけるのしんどい
  • できればcssはコピペで終わらせたい

検討

• hugo : go書けないのでしんどい...?
• nuxt (next とか他のjsライブラリよりはよさそう. vue慣れてるし)
• jekyll 触ったことはあるがカスタマイズしんどそう...
• headless CMS

その他

• heroku をテストサーバーにする(basic認証かけれる)
• master直PUSHで, 本番環境はdeploy とかにした方が楽かなぁ....

#12

• 最近の投稿とLiveLogの最新のライブのうち, 最近のものを取得してリンクを追加
• twitter を追加(できるとは思うが...)
• 例会教室を追加

旧HP の, .next-link に, ➡️の枠が丸いやつが使ってあったが, 絶対fontawsome にあるでしょってなったので入れる.
https://www.npmjs.com/package/nuxt-fontawesome

pc ではサイドバー, sp では下の方にリンク出すだけなのでdefault.vue がちょっと変わるかも?

index, about, members... を流し込む. せっかくなのでmarkdownにしてしまう.
合わせて,

• h1 等のCSS流し込み
• 固定ファイル(セトリとか)の方針(完全にUnpluggedMessageに移行した方が見やすいかも. 完全外部向けって形で)
• READMEの更新

• developはもう使わない(git のハードルを下げたいので, 一般的には良くはないがそうする)ので削除
• master のpush で, prereleaseを作成する
• 同時に, firebase にはアップする.
• 管理者が, releaseする
• released を検知し, deploy する

related:#17

• LiveLog のリンク(音源, 動画, 写真について載せとく)
• message.ku-unplugged.net (名前未定?)のリンク. (リハ音源, 感想用紙の扱いについて載せとく)
• message.ku-unplugged.net ではあるが, セトリとかのリンク. 便利ように.
• ピアノシフトのお知らせ(踏襲するか?)
• twitter (いる?)
• メーリングリスト: message.ku-unplugged.net. 移行の説明とか後で載せたいなぁ

幅を狭くしていくと二段になる

related:#3

書かないとやる気でないくらいだるいやつなのでやる

message.ku-unplugged.net API を利用

403はなさそう, 500 も出ない(というか出る様な時には500すら出せないはず) ので404 だけ設定

firebase の項目を消す

アクセシビリティの問題. .text-danger とかの上書きで対応

nuxt 初心者でも簡単に修正できるように,

• 何が何を読み込んでいるのか
• このページはどのURLに相当するのか
• 関数はどこで定義されているのか
  を全部かく

1. master にpush(デフォをdevelopに変えれたらそっちにする)
2. Circle CI でビルド
3. firebase (or heroku)にホスティング(認証付き), staging で確認
4. CIrcle CI でPRを作成(https://made.livesense.co.jp/entry/2017/11/07/090000)
5. PR作成後, 管理者が主導でmerge(ボタン押すだけでよい)
6. release ブランチから自動でstaging に飛ぶ

/about/activities/ で, /old に飛ばしているがLiveLog に飛ばすべき...?

静的ページだけなので特に不要だが, リンク切れを検知したい

HP係がさぼっても大丈夫なように, 最近の活動をLiveLogのAPIからとってきたい.

• API はある(認証なしでもLive名, 日付は取れる)ので取ってきて表示するだけ
• 自分のページがあり, LiveLogより新しければそれを取ってくる
• 自分で定義もできる(やるかは疑問. ブログ書いたらそれを貼るって方がいいかも)

通常の新歓が開催できない可能性が高いので、HPにライブ動画を載せ、新入生に見てもらう。

LiveLogを一般に公開するのは避けたいのです…（一般公開設定してなくても、見られたくないものは多い）

目標

• YouTube動画を載せる

課題

• 動画の羅列にする？ライブごとにまとめる？

#7 の続き

#2

• dist をgit管理する
• Github Actions の設定
  • nuxt generate (master を検知?, 中身が変わっているかのチェックをやってもいいかも. genereateの負荷が減る)
  • dist の中身が変わっているか?
    • 変わっていれば, release branch にcheckout, commit
    • release からmaster へPR作成
  • coreserver へwebhook
• coreserver
  • git のsshキーを設定(読み出しのみの権限)
  • php でデプロイスクリプト(zipをcurl, 展開, ファイル置き換え)を設定

#4
無効なリンクとかあるので整理.
新しいの上にしたいとかあるし, 暇になったらやる

旧HPの, パンクズがあったところとか. SPで下までスクロールしなくても良い様に.

例会教室お知らせページから読み込む. API周りいるかも

見たところ, Chrome(pc)のみの現象. ソートされていないのか, ソートされる前に取られているのか(恐らく前者).....

同一日付の影響がありそうなので調査からスタート.

流し込みってやつですね

links を簡単に描きたいので, TOML, YAML, json か何かで書く. 最悪CSVでも良い.
読み込んでプログラム生成する.