NextAuth.jsを使ったGoogle認証機能＋データベース(Prisma)の設定の理解 | アールエフェクト
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を使ったGoogle認証機能＋データベース(Prisma)の設定の理解 | アールエフェクト
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】ブラシを作成する（おすすめ設定） トレースしていく際の線になるブラシを作成しておきます。画像の一番上が通常パスの均等線ですが、下２つの作成ブラシ線は『書き始めと書き終わりが若干細く』なっています。 均等線で描くとちょっと無機質なイラストになってしまうのですが、線に太い線と細い線など抑揚を付けておくことでイラストがいい具合の味がでてくるので、私はいつもこのようなブラシを使っています。 必ずこのブラシを使ったほうが良いというわけでは
【仮想通貨】話題の草コイン「XEN CRYPTO」徹底解説！値段・チャート｜NFT投資との関係は？ - NFT STYLE
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!
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でログイン機能を実装してみた話 - NIFTY engineering
はじめに こんにちは。ニフティ株式会社に入社して新卒四年目の佐々木です。 今回は、業務で触れる機会のあった「NextAuth.js」について紹介したいと思います。 この記事の内容 NextAuth.jsの特徴NextAuth.jsの実装方法 NextAuth.jsとは NextAuth.jsとは、Next.jsで認証機能を実装するためのライブラリです。 特徴 NextAuth.jsの特徴としては以下になります。 セッションデータの保存をデータベースなしでも使用できるサーバーレス環境向けに設計されている（それ以外の環境でも利用はできる）デフォルトの設定でセキュアになるように設計されている ログインのセッションについては、データベースを使用せずにJWTで管理することができます。 例えばユーザー情報をアプリケーション側に保持しなくても良い場合は、「ログイン機能のためにデータベースを用意する」とい
ImageMagick で画像を自由自在に操りたい | ti labo
あまり多くの日本語資料が無いImageMagicですが、画像処理についてはかなり高性能なため、是非活用したいところです。 サーバ側での手軽な画像処理だと、PHP GD などがなじみ深いと思いますが、その違いなども含めて検討していきます。 PHP GDでの躓き PHP GDをあきらめた大きなの原因は２つ。もしかすると解消の仕方があるのかもしれませんが、私はこの件がありPHP GDをあきらめました。 基本的に整数(int)で座標等を指定する 画像を移動する、位置を指定して切り取り貼り付ける、などの処理は基本的に整数で指定します。 これだと、スライドショーなど連続した画像を作る際にfloatでの計算結果をintに直さなければならず、結果カクカクとした動きになることが多くあります。 この解消法を見つけることができませんでした。 回転の処理が思う結果にならない これもスライドショーなどを作成する場合
OracleSQLパズル
Joe Celko氏の著書[SQLパズル]の内容をふまえて構造化定理を意識しつつ、SQLパズルを解くサイトです。 Oracle9i以降が対象です。 Twitter 勉強会の資料 分析関数とmodel句 Oracleの分析関数のサンプル集 PostgreSQL8.4新機能 window関数 DB2の分析関数の使用例 SQLServerの分析関数の使用例 SQL徹底指南書の前半問題をDB2で解く SQL徹底指南書の後半問題を解く(作成中) PostgreSQLの再帰SQLの使用例 PostgreSQLでSQLパズルの問題を解く CodeZineの執筆記事(シーズン2) CodeZineのMySQLの記事(シーズン2)の元原稿 MySQL8.0のWindow関数のサンプル集 MySQL8.0の再帰With句のサンプル集 MySQL8.0でSQLパズルの問題を解く OTNの執筆記事 図でイメージす
人口 800 人の限界集落がかけたNFT デジタル村民、リアル住民上回る
『仮想国家「山古志」づくりを目指します』 昨年12月、noteにこんな投稿がされました。投稿者は山古志住民会議。2004年の中越地震で被害を受けた、新潟県長岡市山古志地域（旧山古志村）の住民らのグループです。 山古志地域の人口は818人（5月時点）。震災前の半分以下になり、高齢化率は55％です。そんな「限界集落」の消滅に危機感を抱いた住民会議が活路を求めたのはNFTでした。 「全部やり尽くした」先の人口減少 代替できないデジタルデータであるNFTは、アート作品の取引で話題の技術です。それがどのように「国づくり」と結びつくのか。そもそもなぜNFTを活用することにしたのか。 「独自財源」「デジタル村民」……noteにつづられた野心的な言葉の裏には、地域の存続をかけた挑戦がありました。 山古志地域は、新潟県の中越地方に位置する豪雪地です。中越地震では震度6強を観測しました。土砂崩れで集落が孤立し
より良いトランザクションスクリプトを目指す - enrike3のブログ
ファウラーのエンタープライズアプリケーションアーキテクチャパターン(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)までご連絡下さい。なお、メールの場合は、こちらをクリックして下さい。
暗渠排水DIYについて
春に自宅の庭に芝を植えようと考えています。南向きで日当たりはよいのですが水はけが悪く、芝がうまく育ちそうにありません。幅約40㎝、深さ約35～40㎝(勾配をつけています)、長さ約8ｍの溝を掘り、ホームセンターで売っているネトロンパイプ8ｍを溝に這わせ雨水枡に接続しようと考えています。 ネトロンパイプの下に敷く砕石と上に被せる砕石の量の目安がわかりません。表層には土を被せて芝がつくようにしたいです。 どのようなものがどのくらい必要かわかる方がおられましたら、ご教授ください。 よろしくお願いします。 質問日時： 2014/1/17 23:20:55 解決済み 解決日時： 2014/1/19 21:17:26 回答数： 2 ｜ 閲覧数： 8813 ｜ お礼： 100枚 共感した： 0 この質問が不快なら パイプの径が5cm程度であれば、砕石の被りを10cm程度にします。 ｍ当たり0.01ｍ3が基
給水 地獄配管の繋ぎ方 - Kinoの自転車日記
給水工事をする時にパイプの自由が利かない地獄（じごく）と言う状態が有ります その様な時でも仕事を進め完了させなければいけません 地獄配管で通常の継手を使い パイプを繋ぐ方法をご紹介します 今回の作業は一部実際に現場で作業を行った写真に加え、倉庫で模擬作業を行い 皆さんにその様子をご覧頂きます 実例 土を掘り地中埋設給水管を出しました 仕事の都合に依り給水管の一部を切り取ります この給水管は掘り方も狭く自由に動かせません この様な条件では給水管を復旧する時 ソケットを使い ただ繋げば良いと言う訳には行きません 繋ぎ 結果としてこの様な継手の使い方をして復旧します 復旧の方法としては他のやり方も有りますが今回は 何故ソケットが使えなくなるのかの説明をしながら この施工方法をご案内させて頂きます 倉庫のベニや板の上で模擬作業を行います 用意したのは HIVP 20 と言うパイプで一般的に良く使わ
井筒用コンクリート蓋の製作,(DIYで井戸用の蓋をコンクリートで作る方法)
井戸に使う井筒用のコンクリート製の蓋は、現在、ほとんど市販されていません。この為、私は自分で(DIYで)井筒用の蓋をコンクリートで作ってみました。簡単な物でも型枠の作り方や鉄筋の入れ方やコンクリートの打ち方には工夫が必要です。 井戸用のコンクリート製の蓋を作る この写真は井筒で作った井戸ポンプ格納部です。この蓋(ふた)には以前市販されていたコンクリート製の蓋を使用しています。 今回、これと同じ物が必要になったので、自分で作ってみました。大きさは直径約83cmで、厚さが約3.5cmです。 実は、2003年に岡山市で掘った打ち抜き井戸のポンプ格納用の蓋は木製なので12年も経つと腐ってきたのです。この木の蓋の代わりに製作しました。 もちろん、大きさの違うのを作れば井戸本体の蓋としても使用することもできます。手前は直径約95cmの井戸本体です。コンクリートの蓋の上にステンレス製のカバーをしてい
【React】useSWRはAPIからデータ取得をする快適なReact Hooksだと伝えたい - パンダのプログラミングブログ
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にリクエストを頻繁に送るアプリケーション
JavaScript で 32bit int を扱う - fujidigの雑記
追記 (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 # 間違った結果そういう場合は掛け算を自分で実装して
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Manfrotto 50x互換というのはいかが？ from aft9.tokyo
県内小規模校の日常－神通碧小学校（富山市） 【通学】児童の列 地域見守る｜北日本新聞webunプラス
https://www.mlit.go.jp/toshi/city_plan/content/001423858.pdf