NextAuth.jsとは NextAuth.jsはNext.jsの認証に特化したライブラリです。本書ではOauthを利用した認証の設定方法について解説していますがOauth認証にのみ特化したライブラリではないので従来のメールアドレスとパスワード認証、メールアドレスを使ったパスワードレス認証(Magic Link送信)にも対応しています。 Next.jsプロジェクトの構築 NextAuth.jsの動作確認を行うためにNext.jsのプロジェクトの作成を行います。npm create-next-app@latestコマンドを実行するとプロジェクトの名前を聞かれるので任意の名前をつけてください。 % npx create-next-app@latest Need to install the following packages: create-next-app Ok to proceed?

NextAuth.jsとは NextAuth.jsはNext.jsの認証に特化したライブラリです。本書ではOauthを利用した認証の設定方法について解説していますがOauth認証にのみ特化したライブラリではないので従来のメールアドレスとパスワード認証、メールアドレスを使ったパスワードレス認証(Magic Link送信)にも対応しています。 Next.jsプロジェクトの構築 NextAuth.jsの動作確認を行うためにNext.jsのプロジェクトの作成を行います。npm create-next-app@latestコマンドを実行するとプロジェクトの名前を聞かれるので任意の名前をつけてください。 % npx create-next-app@latest Need to install the following packages: create-next-app Ok to proceed?

Real World HTTPでも紹介したネタですが、お仕事で受けている技術コンサル中に質問をいただいた時に、微妙に本で紹介した内容では少し足りなかったので、改めて整理のためにブログ記事にしてみました。次回、本が改訂されることがあればこのブログエントリーの内容も入れて加筆したいと思います。 Real World HTTPだとGoを使っていましたが、フロントとサーバーを同時にいじるので、本エントリーではNext.jsをサンプルに使います。Next.jsでプロジェクトを作って（npx create-next-app@latest –ts)、適当なプロジェクト名を入れてアプリケーションの雛形を作っておいてください。 Next.jsでは、1つのスクリプトファイルを作成すると、それがサーバーAPI(/pages/api以下)と、フロントの画面(/pages/以下のapi以外)になります。Next.j

【Step2】写真を透過で配置、レイヤーフォルダを分ける トレース作業がしやすいように以下のようにレイヤー環境を作成しておくと、トレース作業がしやすくなります！ 写真をイラレで配置後、写真レイヤーとイラストレイヤーを分ける。 写真レイヤーの不透明度を50%に設定。（トレースした際に、線が見えづらくなってしまうため。） 写真レイヤーはロックをかけておく 【Step3】ブラシを作成する（おすすめ設定） トレースしていく際の線になるブラシを作成しておきます。画像の一番上が通常パスの均等線ですが、下２つの作成ブラシ線は『書き始めと書き終わりが若干細く』なっています。 均等線で描くとちょっと無機質なイラストになってしまうのですが、線に太い線と細い線など抑揚を付けておくことでイラストがいい具合の味がでてくるので、私はいつもこのようなブラシを使っています。 必ずこのブラシを使ったほうが良いというわけでは

2022年10月8日に、突如現れた草コイン「XEN CRYPTO」、いろんなところで急激に影響を拡大してきました。 誰が、どのように作られてきたのか？ まだ誕生して１日しか経っていないですが、現在の最新情報を整理して、分かりやすく解説します。 今回のことの発端XEN CRYPTOとは何か？XEN CRYPTOの創業者は誰？XEN CRYPTOの仕組みXEN CRYPTOの参加方法 ※ETHチェーンの値段・チャートを追記（2022.10.25 0am.追加情報） ※MEXCで上場（2022.10.10 10am.追加情報） ※損益シミュレーター（2022.10.10 6pm.追加情報）BNBチェーンでの模倣トークン（2022.10.10 24pm.追加情報）⇒基本不要のため削除BNBチェーンでのXEN CRYPTOトークン（2022.10.13 10am.追加情報）Polygonチェーンでの

Adding Authentication to an existing serverless Next.js App in no time with NextAuth.js! Updated 25.05.21 with latest NextAuth.js examples / best practices / links Do you have a Next.js application and you'd like to add user / authentication support? Well look no further! All you need is NextAuth.js, some OAuth keys from your favorite provider (Google, Github, etc.) and about 5 minutes of your tim

はじめに こんにちは。ニフティ株式会社に入社して新卒四年目の佐々木です。 今回は、業務で触れる機会のあった「NextAuth.js」について紹介したいと思います。 この記事の内容 NextAuth.jsの特徴NextAuth.jsの実装方法 NextAuth.jsとは NextAuth.jsとは、Next.jsで認証機能を実装するためのライブラリです。 特徴 NextAuth.jsの特徴としては以下になります。 セッションデータの保存をデータベースなしでも使用できるサーバーレス環境向けに設計されている（それ以外の環境でも利用はできる）デフォルトの設定でセキュアになるように設計されている ログインのセッションについては、データベースを使用せずにJWTで管理することができます。 例えばユーザー情報をアプリケーション側に保持しなくても良い場合は、「ログイン機能のためにデータベースを用意する」とい

『仮想国家「山古志」づくりを目指します』 昨年12月、noteにこんな投稿がされました。投稿者は山古志住民会議。2004年の中越地震で被害を受けた、新潟県長岡市山古志地域（旧山古志村）の住民らのグループです。 山古志地域の人口は818人（5月時点）。震災前の半分以下になり、高齢化率は55％です。そんな「限界集落」の消滅に危機感を抱いた住民会議が活路を求めたのはNFTでした。 「全部やり尽くした」先の人口減少 代替できないデジタルデータであるNFTは、アート作品の取引で話題の技術です。それがどのように「国づくり」と結びつくのか。そもそもなぜNFTを活用することにしたのか。 「独自財源」「デジタル村民」……noteにつづられた野心的な言葉の裏には、地域の存続をかけた挑戦がありました。 山古志地域は、新潟県の中越地方に位置する豪雪地です。中越地震では震度6強を観測しました。土砂崩れで集落が孤立し

ファウラーのエンタープライズアプリケーションアーキテクチャパターン(PofEAA)において、 ビジネスロジックのアーキテクチャにはドメインモデルかトランザクションスクリプトかという二択があります。 仮にプレイヤーの名前変更(ゲームでは可能なことも普通にあるので)をするとします。 ドメインモデル var user = _repository.Find(userId); user.ChangeName(name); //バリデーションは中で行われる=ビジネスロジックがオブジェクトにある _repository.Save(user); ドメインモデル貧血症 //ロジックがモデルオブジェクトの外にある if(!IsValidName(name)) { throw new ArgumentException("name"); } var user = _repository.Find(userId)

休日などに、自分で庭や家庭菜園の水はけを良くする方法として、暗渠排水が効果があります。その場合の、施工方法や資材をご紹介するページです。 なお、ご質問等ありましたら遠慮なく直接当社へお電話(TEL:043-440-6625)までご連絡下さい。なお、メールの場合は、こちらをクリックして下さい。

春に自宅の庭に芝を植えようと考えています。南向きで日当たりはよいのですが水はけが悪く、芝がうまく育ちそうにありません。幅約40㎝、深さ約35～40㎝(勾配をつけています)、長さ約8ｍの溝を掘り、ホームセンターで売っているネトロンパイプ8ｍを溝に這わせ雨水枡に接続しようと考えています。 ネトロンパイプの下に敷く砕石と上に被せる砕石の量の目安がわかりません。表層には土を被せて芝がつくようにしたいです。 どのようなものがどのくらい必要かわかる方がおられましたら、ご教授ください。 よろしくお願いします。 質問日時： 2014/1/17 23:20:55 解決済み 解決日時： 2014/1/19 21:17:26 回答数： 2 ｜ 閲覧数： 8820 ｜ お礼： 100枚 共感した： 0 この質問が不快なら パイプの径が5cm程度であれば、砕石の被りを10cm程度にします。 ｍ当たり0.01ｍ3が基

給水工事をする時にパイプの自由が利かない地獄（じごく）と言う状態が有ります その様な時でも仕事を進め完了させなければいけません　地獄配管で通常の継手を使い パイプを繋ぐ方法をご紹介します 今回の作業は一部実際に現場で作業を行った写真に加え、倉庫で模擬作業を行い 皆さんにその様子をご覧頂きます 実例 土を掘り地中埋設給水管を出しました 仕事の都合に依り給水管の一部を切り取ります この給水管は掘り方も狭く自由に動かせません この様な条件では給水管を復旧する時　ソケットを使い ただ繋げば良いと言う訳には行きません 繋ぎ 結果としてこの様な継手の使い方をして復旧します 復旧の方法としては他のやり方も有りますが今回は 何故ソケットが使えなくなるのかの説明をしながら この施工方法をご案内させて頂きます 倉庫のベニや板の上で模擬作業を行います　用意したのは HIVP 20 と言うパイプで一般的に良く使わ

井戸に使う井筒用のコンクリート製の蓋は、現在、ほとんど市販されていません。この為、私は自分で(DIYで)井筒用の蓋をコンクリートで作ってみました。簡単な物でも型枠の作り方や鉄筋の入れ方やコンクリートの打ち方には工夫が必要です。  井戸用のコンクリート製の蓋を作る この写真は井筒で作った井戸ポンプ格納部です。この蓋(ふた)には以前市販されていたコンクリート製の蓋を使用しています。 今回、これと同じ物が必要になったので、自分で作ってみました。大きさは直径約83cmで、厚さが約3.5cmです。 実は、2003年に岡山市で掘った打ち抜き井戸のポンプ格納用の蓋は木製なので12年も経つと腐ってきたのです。この木の蓋の代わりに製作しました。 もちろん、大きさの違うのを作れば井戸本体の蓋としても使用することもできます。手前は直径約95cmの井戸本体です。コンクリートの蓋の上にステンレス製のカバーをしてい

Vercel製のuseSWRはReactの非同期データ取得をラクにする SWRとは、Next.jsを作成しているVercel製のライブラリです。**SWRはuseSWRというReact Hooksを提供し、APIを通じたデータの取得をラクに記述する手助けをしてくれます。**このライブラリはなんとGitHubスター数を10,700も獲得しています。 SWRはライブラリ名で、stale-while-revalidateというRFC 5861で策定されたキャッシュ戦略の略称です。このSWRがデータ取得の扱いをラクにしてくれて最高なのです。 React開発者が嬉しいuseSWRの書き心地 useSWRは外部APIからのデータ取得、ローディング状態、エラーが発生した時をシンプルに記述できます。これがあらゆるReact開発者にとって（というか、ReactでAPIにリクエストを頻繁に送るアプリケーション

追記 (2014/3/21) 最近ではMath.imulというものがあります。 Math.imul() - JavaScript | MDN signed int への変換: x | 0 unsigned int への変換: x >>> 0 これで大抵の場合はうまくいく。 IEEE64bit浮動小数点数では整数は2の53乗までしか正確に表現できない。（http://www.tokumaru.org/d/20070531.html) そのため掛け算の結果がそれを超える場合は結果が合わないことがある ruby -e 'puts 123456789 * 123456789 & 0xffffffff' 2537071545 # 正しい結果 js -e 'print(123456789 * 123456789 >>> 0)' 2537071544 # 間違った結果そういう場合は掛け算を自分で実装して