NextJSを使って最近つくったものまとめ

2022年12月09日

nextjs

これは .ごっ！のアドベントカレンダー の9日目の記事です。

こんにちは、.ごっちです。

趣味でNextJSを使っていろいろ試しています。仕事でもとり扱ってみたいところですが、最近はReact + ReactRouter を使っている状況です。

What3Idols

What3Idols

https://what3idols.vercel.app/

https://github.com/YutaGoto/what3idols

構成

  • Nextjs: v13
  • Reactjs: v18

ほか、Bulma・react-hook-form・react-google-maps/apiなど使用しています。

内容

アイドルマスターに登場するアイドルやスタッフの順列で日本の唯一の位置を特定するアプリになってます。経緯は過去のポストを読んでください。

2年前から手を付けていますが、このあたりの変遷は後日の記事に書こうと思います。

Beerkeeper

https://github.com/YutaGoto/beerkeeper-next https://github.com/YutaGoto/beerkeeper-rails

構成

  • Nextjs: v13
  • Reactjs: v18

バックエンドAPIをruby on railsで作っていて、まったく別projectのように作っています。

内容

mitaka.rbでBeerkeeperなるものをモブプロで作っているのですが、そのコピーです。練習台として仕様がわかりやすいのでとても役に立っています。

最近はあまり機能追加・改修をできていないので、時間をつくってリファクタリングも含めてやっていきたいところです。

その他

各種Webサービスの稼働状況がどうなっているか一覧できたらいいなぁとNextjsで作ってみたりしました。これについてはブラウザをいちいち見るよりはSlackアプリで通知するとか、デスクトップアプリで動いたほうがいいとか思っているのでプロジェクトそのものを閉じてます。

今後

Nextjs v13が公開されて appディレクトリでの開発や turbopackの公開があり、すべてを追いきれていない状態にあります。What3Idolsに関しては新機能を早めに取り込んでみたいと考えてます。

来年以降はNextjsを仕事でも使えたらいいなぁと少しだけ考えてます。

ProfilePicture

Yuta Goto

フリーランスのソフトウェアエンジニアです。現在はReact.jsを使用したWebフロントエンドの開発やRuby on Railsを使用したサーバサイドの開発を行っています。

Share for Bluesky