【初心者必見】Vue/Nuxtで作るはじめてのポケモン図鑑
Vue3/Nuxt3を使ってポケモン図鑑を作るチュートリアル本です。
Vue3/Nuxt3を使ってポケモン図鑑を作るチュートリアル本です。
はじめに AWS Lambda（node.js）でSupabaseのクライアントを作成し、S3にデプロイしたVue3から使う方法を解説していきます。 また前回の記事でも行ったGoogleをプロバイダーとしてOAuth認証もAWS Lambda越しに操作します。 この記事について 自分の理解度向上のために作成してますので、だいぶ長いです。Supabaseをサーバーレスで使う一例としてご参考になれば幸いです。 Supabaseに関する記事ですが、公式に則った利用方法ではありません。 実際の利用に関してはしっかりとRow Level Securityを設定し、アクセスポリシーも設定しセキュリティ対策をしたうえで使うのが正攻法です。 記事の対象の方 SupabaseのanonkeyとProject URLを公開せずに使いたい方 AWS LambadaでSupabaseを使う方法を知りたい方 構築内
前回までのあらすじ 体調が悪すぎてずっと寝込んでいます。本当に悲しい。 Astro v2 でブログを作り直しました ずっと寝込んでいるのですがそれはそれとして Gridsome で構築していたブログを Astro で作り直しました。Gridsome は素晴らしいフレームワークなのですが、2020 年の 11 月を最後にリリースが止まっており、これ以上使い続けるのはリスクが大きいと判断して別のフレームワークに移行することにしました。SSG ならビルドした結果は脆弱性関係ないしそのまま使えばいいだろとも思ったのですが、自分の手元以外でビルドするときに動かないプラグインが出てきそうなのと、2 年以上も開発が放置されているフレームワークを使い続ける自信がありませんでした。 Gridsome のことは本当に好きでして、フロントエンド初心者でもとっつきやすく、カスタマイズ性に優れていたので開発が継続し
viviONグループでは、DLsiteやcomipoなど、二次元コンテンツを世の中に届けるためのサービスを運営しています。 ともに働く仲間を募集していますので、興味のある方はこちらまで。 はじめに Web UIを実装する際にカルーセルスライダーを実装することはよくあることだと思います。 ライブラリをガッツリ利用するほどではないけれど、カルーセルスライダーっぽい挙動を見せたい という想定で、CSS Scroll Snapと最小限のJavaScriptで実装できるか試してみました。 CSS Scroll Snapでできること スライドを内包するコンテナに scroll-snap-typeを設定するだけで、CSS Scroll Snapを利用することが可能です。 mandatoryは、スクロール中でなければスナップ点に合わせられる挙動をします。 （今回はx軸での移動を想定しています。） 操作感だ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vue3(S3)とSupabase(AWS Lambda)で作るGoogleアカウント認証サイト - Qiita
ブログをGridsomeからAstroに移行しました。 - return $lock;
CSS Scroll Snapでミニマムなカルーセルスライダーをつくる - Qiita