coffee world

おはようございます、こんにちは、こんばんは、コーヒー好き見習いプログラマーのアキラです。ようやく、完成の兆しが見え「ゴール」間近になってきたので、近況報告をしたいと思います。

あと残り10％で、アプリ100％！
どこかで、聞いたことのありそうな言い回しです。

とりあえず、アプリについての説明と開発時に使用したフレームワークなどを紹介したいと思います。
説明なんていいよ、アプリを見せろと言われそうなので、下記にて開発したアプリ『Testing Note』のURLを貼り付けておきます。
ついでに、デプロイ先は「Vercel」を活用しました。
あと補足ですが、使用するにあたりGoogleやGithubなどを活用して認証し、サインインしなければ使用できませんのでご了承下さい。まだ補足がありました、このアプリは、コーヒーをテイスティングする際に使用するニッチなアプリですので再びご了承ください。

とここで、アプリのリンクを貼りたかったのですが、先ほどアプリを調べるとなぜか、うまく新規作成・削除・編集などがうまく機能しておらず調査中です。昨日の時点では、機能の点検をしつつ改善点を探しながらコーディングをしてテストしていたので、うまくいかないのがわからずしばらくおまちください。

では説明に入るとしましょう。
使用言語はJavaScriptで、フレームワークはNext.jsのApp Routerを使用しています。データベースはMongoDBで、認証システムなどはClerk（Clerk.com）を活用しています。

Next.jsとはReactベースのフレームワークで、

MongoDBとは、大容量データの保存に強さを発揮する無料オープンソース非リレーショナルデータベースシステムのことで、

Clerk（Clerk.com）というのは、ユーザー管理と認証に特化したプラットフォームのことです。

さらに、Next.jsには現在二つのシステムがあり、「Pages Router」と「App Router」で、それぞれ違いがあります。
バージョン１３より「App Router」というシステム機能が追加されました。

実は当初、僕は「Pages Router」のほうでアプリを開発していました。
９月ごろには、「Pages Router」を使用したデモアプリが完成していましたが、
Next.jsの公式では、新しくNext.jsを扱うなら「App Router」を推奨されており、なんとなく今後「Pages Router」から「App Router」に完全移行するのか？と思ってしまい、

どうせなら新機能である「App Router」で再開発しようと至り９月以降ずっと作業を行ってきました。
ぶっちゃけ舐めていた部分があったので、すぐにできるでしょうと思っていたのですが、思いのほか苦戦しました。
「App Router」では、「Pages Router」で使用していた機能などが一部使えなくなっていたり「Pages Router」とでは大きくシステムが変わっていたのもあって、慣れるまでに苦労しました。


少し話がずれますが、この時に感じたのは、コンピュータという大きなカテゴリーで学ぶ必要性を感じました。

僕が今まで学んでいたのは表面上での知識で、なんでこんな動きをするのかとか、どうしてこの機能はここでは使えないのかとか、なんとなくで触っていました。

いままでは、フロントエンドをメインに作業をしていたので、バックエンド側の知識がほぼなく、あってもphpを動かす程度でしたので、知識がないといってもいいくらいでした。

なので、特にJavaScriptといったフロントエンドなどで使用される言語を、ずっと触ってきたせいかバックエンドの重要性に気が付きませんでした。

バックエンドを軽視していたわけでないのですが、今ではバックエンドの大切さを身に染みて感じています。
なんとなくですが、少しだけ見習いプログラマーとして成長できた気がしています。

話を戻しますがそんなこんなでようなく完成間近にたどり着いたわけです。

あとは、サインアップ時のデータベースへのユーザー登録と他人のデータが表示されるうえに、削除・編集・閲覧がだれでもできてしまう問題です。いまは、サインアップ時のデータベースへのユーザー登録を行うコーディング作業を行っています。

本当は、まだまだ改善しなくてはいけない場所が多々ありますが、先ほど問題箇所をクリアできればアプリとしては完成といったところになります。


今週で、今年も終わるのでどこまで出来るかわかりません。
僕は、頑張るという言葉が嫌いなので、この言葉を使って締めくくります。
来年こそは、アプリ開発に向けて、『勇往邁進』いたしますですw

かっこよく締めくくったところで、では来年会いましょう。