これは何？

これまでのつまみネットは HTML + CSS + JavaScript のほぼ完全手打ちで作成していました。

これはこれでとても勉強になって良かったのですが、 流石にやることが少なくなってきた (あるけど労力と成果が見合わなそうなことがたくさん) のとオタクのおすすめもあり、Next.js を使ってほぼ一から書き直しました。

今回、今までと比べてかなり軽いサイトができたので、 「古代技術で作られた今までの激重サイトから早く引越ししたい！」 と早期での移行を決めました。 というのも、いくつかのコンテンツは移行が終わっていません。(は？)

そのことも含めて、このページではいくつかの変更点を説明します。

なお、以前のサイトは old.trpfrog.net で公開しています。

無くしたもの

Statsの削除

今まで Web Storage API を用いて風船を割った数を記録してトップページに表示していましたが、 思ったよりも保存期間が短く、せっかく割っても記録があまり残りませんでした。 あと単純に面白くなかったので削除しました。(あと実装が面倒だった)

Walkingページの中身入れ替え

今までは過去の徒歩を全部紹介していましたが、 更新がつらすぎるのでブログ記事へのリンクまとめサイトに変えました。

クリックで変わるつまみアイコン

実装が面倒なのと重たすぎるのが理由で今回は実装を見送りました。 気が向いたらやるかもしれませんが、うーん……

新しい要素

相互リンク

相互リンクが増えてきてトップページが巨大になってきたので単独ページにお引越ししました。

Links

Works

作ったやつをまとめるページを作りました。

Works

ページ遷移トランジションの追加

ライブラリが使いやすくなったので「すごいだろう！」 がやりたいがためにトランジションを追加しました。 普通に見にくい気がするので気分で消すかもしれません。(は？)

リニューアル

デザインの変更

「緑の背景に黒い文字は読みにくいよね」ということで配色をかなり変えました。

それと現在いるページが分かりやすいようにナビゲーションバーのデザインも少し変えました。

アイコンメーカーのTypeScript移行

JavaScriptで書いていたアイコンメーカーをTypeScriptで書き直しました。

若干バグがあるので、気に食わない人は ここ から古いバージョンを使ってください。(まず使う人はいないが……)

風船コーナーのTypeScript移行

JavaScriptで書いていた風船コーナーをTypeScriptで書き直しました。

風船を増やす操作がリアルタイムでできて良い感じです。

画像置き場にCloudinaryを使用

Cloudinaryはデバイスに最適なサイズで画像を落とすらしいのでより軽いサイトになる……はずです。

未実装の要素

Random Notes (雑ブログ)

雑ブログは移行に難航しているため未実装です。過去の記事は old.trpfrog.net/notes から見られるようにしているのでゆるしてください。リダイレクトも設定しています。

できるだけ早く移行できるように頑張ります。