Ryoya Kamikawa

初めまして。 福岡在住で Web エンジニアやっています。 よろしくお願いします。 …

Ryoya Kamikawa

初めまして。 福岡在住で Web エンジニアやっています。 よろしくお願いします。 プロフィール：https://iteek.jp

Next.js で SNS アカウント認証！

# はじめに 前回、Next.js について調べてみたので、今回はよく使うアカウント認証について、アプリケーションを作ってみようと思います。 Next.js を開発している Vercel が作っている NextAuth.js を使用します。 # アプリを作ってみるsample という名前でアカウント認証付きのアプリケーションを作成します。 ## 1. まずは、Hello world！ $ yarn create next-app --typescript$ cd sa

Ryoya Kamik…

    • React の フレームワーク、Next.js に入門！

      # はじめにNext.js は本番環境のための React フレームワークで主に以下のような特徴があります。 1. 画像最適化 2. 国際化ルーティング 3. Next.js アナリティクス 4. ゼロコンフィグ 5. ハイブリッド SSG・SSR 6. ISR（Incremental Static Regeneration） 7. TypeScript サポート 8. ファスト・リフレッシュ 9. ファイルシステムルート 10. API ルーティング 11. ビルトイン

      Ryoya Kamik…

      • Node.js のビルドツール「esbuild」について！

        # はじめに esbuild は、キャッシュなしで高速なビルドを可能とする Node.js のビルドツールです。 ビルドツールには、esbuild の他に、Webpack、Gulp、Parcel、Rollup、Browserify、FuseBox などがあります。 私自身が webpack を普段使っていて、ビルドに時間がかかりすぎているのが気になり、esbuild について調べてみようと思いました。 esbuild の特徴としては、 - キャッシュなしでの高速なビル

        Ryoya Kamik…

        • 【PythonのORM】SQLAlchemyの基本的な使い方！

          # はじめにSQLAlchemy とは、Python で使用できる ORM です。 Python コミュニティにおける最も使用されている ORM ライブラリの一つとなっているので、使用する機会も多いかと思います。 そんな SQLAlchemy の基本的な使い方をまとめてみました。 まずは、ここから基本的な操作を学び、応用的なものについては、随時調べながら実装すると良いかと思います。 # 使い方## インストール ``` $ pip install sqlalchem

          Ryoya Kamik…

        Next.js で SNS アカウント認証！

        Ryoya Kamikawa

          Python の Web Framework！ FastAPI について調べてみた！

          # はじめにPython の Web Framework には、Django や Flask などいくつかあります。 Django は、フロントエンドのコードもバックエンドのコードも１つで管理出来たり Flask は、簡単にコードを書くことができるなどそれぞれ一長一短の特徴があります。（ここにあげたものだけではありませんが、、） 今回は、まだ比較的新しい FastAPI を使ってみます。 # FastAPI とはFastAPI はその名の通り高速でモダンな Web フレ

          Ryoya Kamik…

          Python の Web Framework！ FastAPI について調べてみた！

          Ryoya Kamikawa

          Django Rest Framework JWT を使ってアカウント管理しよう！

          # はじめに最近、BackendのAPIを作るところはDjangoで作ってみることが多く、その中で認証するのですが、 Django Rest Framework JWT というのが使いやすかったので、紹介します。 Django Rest Framework JWT というのは、名前の通り Django Rest Framework でサポートされているので、 簡単に組み込むことができるかと思います。 # 環境Python - 3.8.6 Django - 3.1.4 #

          Ryoya Kamik…

          Django Rest Framework JWT を使ってアカウント管理しよう！

          Ryoya Kamikawa

          playwright（Node.js） で E2E テスト！

          # はじめにみなさん、Playwright をご存知ですか？ これまで、Node.js での E2E テストといえば、puppeteer、TestCafe を使っていたという方も少なくないのではないでしょうか？ Playwright は、そのうち、puppeteer と同じような記述も多く、非常に分かりやすいかと思います。 また、Microsoft によって開発、運用されているため、今後サポートされなくなるというリスクも ある程度回避できるかと思います。 2020

          Ryoya Kamik…

          playwright（Node.js） で E2E テスト！

          Ryoya Kamikawa

          Django の非同期 View の実装方法

          # はじめに Django 3.1 より非同期 View がサポートされるようになりました。 非同期で描画することによって、Webアプリケーションのページ速度の向上が見込めます。Python標準に入っているasyncやthread,multiprocessingとは違う技術が使われているので、Webアプリケーション+Djangoの構成においては非同期 Viewを使った方が良いかもしれません。 # 環境 Python: 3.8.3 Django: 3.1.3 httpx: 0

          Ryoya Kamik…

          Django の非同期 View の実装方法

          Ryoya Kamikawa

          Web アプリケーションでは、ストレージがいくつか使える！

          # はじめに Webアプリケーションでは、Webサーバ側にDBを持たせてデータを保持しておくことが多いかと思いますが、ブラウザのStorageに保存しておくこともあるかと思います。そこで、ブラウザで使用できるStorageについて調べてみました。 # Cookie データモデル：構造化 永続性：端末 ブラウザ対応：100% トランザクション：非対応 同期 / 非同期：同期 Cookie はクライアント側の汎用的な記憶領域として使用されていましたが、最近では新しい Stor

          Ryoya Kamik…

          Web アプリケーションでは、ストレージがいくつか使える！

          Ryoya Kamikawa