お問い合わせ・ご相談についてはこちら

ComputerScience

ComputerScience ComputerScience

主に42などに絡んだCS関係をまとめています。

ComputerScience

『42 Tokyo』半分ちょいを修了したので振り返ってみる

皆さん、お久しぶりです!こんにちは!今回は、「42Tokyo」というフランス発のエンジニア養成機関に僕が所属して、半分のカリキュラムが修了した記念に、これから42Tokyoに入学を検討している方や、プログラミング学習をしようとする方、また起...
ComputerScience

Edge Middlewareが面白そうな件

こんにちは。今回はmiddlewareで認証を実装しようとしていたら、Edge Middlewareなるものに遭遇したんですよ!こいつがかなり面白そうで、とりあえず今回は端的に比較を備忘録として残しておきます。(精度は、備忘録程度です。あく...
ComputerScience

[windows] キー割り当てを自由にカスタマイズしたい!!

こんにちは。macだと例えば変換キーの割り当てを自由にcmd+spaceとか変えるのは「設定」から変えるので簡単でした。しかしwindowsでやるとなると少し面倒くさかったので備忘録に残しておきます。と言ってもすぐ終わります。インストールま...
ComputerScience

Next.js 13 middlewareでトークン認証を実装した事を振り返る[firebase]

こんにちは。今回は、前回の記事の続きにあたります。前回の記事では、firebaseのAuthを使って認証を得たユーザーのみページにアクセスできるようにページブロック機能を実装する方法を、セキュリティガン無視の入り口として書きました。ただ、そ...
ComputerScience

.env が上手く動かないを解決した話

こんにちは。今回は、Next.js 13で.envファイルを記述したら、なかなか上手くいかなかったので、備忘録として残します。状況と問題点:Next.js を使っています。(これが解決キーでした。).envファイルには、REACT_APP_...
ComputerScience

Next.js 13 middleware内でfirebase-admin SDKは使えない。

こんにちは。今回はmiddlewareを使って、ユーザーログイン後のトークン認証をmiddleware内で実装しようとしたが、エラーがでたことについて話していきます。なお、本記事は、「Next.js 13でfirebaseを使ったログインと...
ComputerScience

firebaseでログイン後、ページブロックはどう行われるか。[初心者向け]

こんにちは。今回は、firebaseのauthを使ってログインは出来たけど、そのログイン状態をどう察知して、ページブロック(例えばログインしていないユーザーがページに入れないようにする)を実装するか。を書いていこうと思います。今回はその基礎...
ComputerScience

Next.js 13 ではどのようにレンダリングされているのか?[初心者向けにまとめてみた]

こんにちは。今回はnext.js 13を扱うにあたって、レンダリングが実際どのように動いているかちゃんと把握出来ていない人もしっかりここを把握しておこうということで、初心者にも分かりやすく、そして自分のまとめ用にこの記事を進めていこうと思い...
ComputerScience

next.js 13 Hooksをサーバーサイドで使いたい

こんにちは。今回は、useStateやuseEffectをpage.tsxなどのサーバーサイドコンポーネントで使いたいが、useStateとかはクライアントサイドでしか使えないからサーバーサイドでは使えないよとエラーを吐かれたので対処法と調...
ComputerScience

Error: Event handlers cannot be passed to Client Component props. を出来るだけページ遷移速度を落とさずに解決する

はじめにこんにちは。今回はnext.js 13で開発しているときにに、on click()を実装したんですが、Error: Event handlers cannot be passed to Client Component props....