4

一人ハッカソン日記!

2 min read

午前の部

8:11 今日は早起きしてカフェに入りました。

8:15 TypeScriptでcreate-next-appをします。Nextjs12になっていました!

8:22 Tailwindcssを入れようとしたら、もとから入っているやり方もあるようなのでそっちにします。

8:28 動いたので次はi18n。next-i18nextを使います!!!

8:52 なぜかi18nに手こずる、、。/ja, /enのようなルーティングはしたくないです、。いったん飛ばし

9:05 集中が切れたのでAWS Route53でドメインを購入、いつもお名前を使っていたので初めてです。

9:16 GithubにあげてVercelからデプロイ、カスタムドメインを割り当てました、AWSの方でドメイン取得の審査なのかまだ有効化されません。

9:37 URLからタイトルとFaviconを抜き出すところでCORSに引っかかりました、。pages/apiでやるしかないのか

9:46 NextjsのバックエンドでURLからタイトルとFaviconを抜き出すAPIをたてる。正規表現でやってみる。

10:05 NextjsのAPIがなかなかできなかったが、axiosのresとAPIレスポンスのresがぶつかっていた

10:29 API部分完成。

10:54 ローカルストレージに文字列以外を入れる関数完成、一旦デプロイしてみる

11:00 疲れたのでデザインを触る。OSの設定に合わせるダークモードにした。Tailwindcssすごすぎです。

11:24 散歩から帰り、position absoluteを入れた。あとはCRUD、ドラッグアンドドロップ、右クリック感知、ショートカットの機能をつけたい。

11:25 あ、その前にGoogle AnalyticsをNextjsに導入します。

11:41 Google Analyticsを開発用、本番用と分けて導入。Vercelの環境変数にもいれて再デプロイ完了

11:58 右クリックが意外と難しそうなので昼休みにと思いきや、この記事を見て、簡単にhooksができた。

12:20 モーダルが完成した。右クリックと合わせて使えそうだ。

12:33 大量に大学の課題を残していることを思い出し一旦そちらに取り掛かる

13:00 ToolTipsが実装したくて戻ってきた。できた。

15:47 研究からいったん休憩する。Product Huntに登録した。

午後の部

18:18 研究から戻ってきた。heroiconsというアイコンを導入しました。デザインがきついです。text-centerやらflexやら

18:23 react-draggableというクールなライブラリを見つけました!ので一旦家に帰ります。

19:30 ミーティングが始まり一旦中断しました。いいYouTubeの参考動画を見つけました。localstorageとreact-draggableの両方を使っています。(こちら

22:46 眠くなったので途中ですが寝ます

Discussion

コメントにはログインが必要です。