zennとかQiitaとかの記事まとめサイト開発日記：1日目
■動機
・その1
IT報系サイトを参考にするけど、サイトをまたがったブックマークができてないから、まとめてタグ検索できるサイトでも作ってみよう。
・その2
どうせなら、仲間にもこのサイトを使ってもらおう。めざせ集合知。
・その3
なんかプライベートで自由に開発してみたことあまりないな。してみよう。
■前準備
●デバイス環境を整える
・その1
最近電気代高いし、でかいTVをモニタにして開発するのはもったいない。
なので、仕事に使ってるモバイルディスプレイをプライベートPCでも使おう。
HDMI-miniHDMIケーブル買う→4Kでは30pだった・・・失敗→再度、60p対応の商品を購入。
・その2
プライベートではトラックボールマウス。仕事ではタッチパッド。混乱する。
なので、タッチパッド付キーボードを買う。K400pBK
訳アリ品見つける→注文→よく見たら英語配列・・・失敗→キャンセル→ちゃんとしたの購入
・リポジトリ
・Github
今さらアカウント作る。
●サーバ
・永久無料枠
とりあえず、金かけない方針で。色々見たけど、シンプルにOCIで。
armは開いてなかった・・・1cpu/1Gのインスタンス作る。
●ドメイン
・なくてもいいかな
と思ったけど、調べたら年間数千円レベルなのでいっか。新規に取る。
sslも設定したいしね。
■開発開始
●方針
フロントエンドとバックエンドをちゃんと分けよう。
WEB関係の仕事ではPHPのフレームワークしか使ったことなかったし。
デプロイはサーバーで git clone して、手動更新でいいやとりあえず。
サクッと動くものをまず作る。
●フロントエンド
とりあえずReact+typescriptで。
誰かのTodoのサンプル見たら、できるやろ。
・・・DB使って蓄積する奴が見つからない・・・
やっと見つかった。
↑参考にして実装。
apis/todos.ts を固定配列返すようにして、それっぽく一覧が出るようにした。
（が、ここを登録処理にまで参考にしようとしたことが間違いだった。詳しくは下記の追記参照）
今日はここまで。4h.
■今日のまとめ
よく見てからモノは買おう・・・
以下、2日目に追記：
参考にしたサイトの作り方では一覧表示は問題ないが、
データ型的な扱いでの複数項目の入力の実装が出来なかった。
次回：2日目
Discussion