[B! 開発][js] asaku_raのブックマーク

Auth.js | Authentication for the Web

// auth.ts import NextAuth from "next-auth" import GitHub from "next-auth/providers/github" export const { auth, handlers } = NextAuth({ providers: [GitHub] }) // middleware.ts export { auth as middleware } from "@/auth" // app/api/auth/[...nextauth]/route.ts import { handlers } from "@/auth" export const { GET, POST } = handlers // src/auth.ts import { SvelteKitAuth } from "@auth/sveltekit" impor

asaku_ra 2023/01/01

js
開発

リンク

localStorageを意識せずに使えるようなライブラリを作りました。 - Panda Noir

localStorageをgetIt emしたりsetIt emしたりとかめんどくさいですよね？そこで、はじめに設定したら、以降はlocalStorageを全く意識する必要がなくなるライブラリを作りました。 (イラスト: 複数のPCサーバーのイラスト | illalet(イラレット)) Storagify.jsの使い方使い方は超絶カンタンです。まずStoragify.jsを読み込みます。 <script src="//unpkg.com/storagify.js"></script> あとはキーと保存したいオブジェクトの初期値をStoragifyに渡します。もしキーを使ってlocalStorageから値が取得できたら、Storagifyはその値を返します。 const key = 'myapp', defaultVal = {a: 1, b: 2, c:3}; const obj = Sto

asaku_ra 2018/12/06

js
開発

リンク

便利なのが登場！フォームのバリデーションをシンプルな記述で実装できる超軽量JavaScriptライブラリ -v8n | コリス

Webサイトやスマホアプリのどの部分にでもフォームに入力された値を検証するバリデーションを簡単に実装できる、わずか2.29kBの超軽量ライブラリを紹介します。バリデーションでよく使用されるルールもデフォルトで30個以上用意されており、ルールをカスタマイズして利用するのも簡単です。 v8n -GitHub v8nの特徴 v8nのドキュメント v8nの使い方 v8nの特徴 v8nの名称は、「validation」の「v」と「n」の間に正確に8文字あるという意味です。流暢でチェーン化可能なAPI チェーン化可能なAPIを使用して、フォームの検証を簡単に作成できます。有用な標準検証ルールフォームの検証でよく使用される30個以上のルールが用意されています。カスタマイズ性フォームの検証用ルールは、簡単にカスタマイズできます。非同期検証をサポートバックエンドでの検証のように時間のかかるル

asaku_ra 2018/10/24

リンク

ファイルアップロードや画像編集を劇的に簡易化するJavaScriptライブラリ「Uploadcare」を使ってみた！ - paiza開発日誌

どうも、まさとらん（@0310lan）です！今回は、自分のWebサイトに高機能な「ファイルアップローダー」を簡単に組み込めるJavaScriptライブラリをご紹介します！ PCのローカルファイルや画像URL、多彩なオンラインストレージやSNSなどの写真も活用でき、画像編集もできるAPIが提供されているので非常に便利ですよ。【 Uploadcare 】 ■「Uploadcare」の使い方！それでは、実際に「Uploadcare」を使いながら、どのようなサービスなのかを詳しく見ていきましょう！まずはトップページにあるボタンをクリックして、ユーザー登録を済ませておきます。「GitHub」や「Google」のアカウントでもログインできるので簡単です。ログインすると、自分専用の「ダッシュボード」が表示されます。画面中央に表示されている「Create a project」ボタンをクリック