Ryoya Kamikawa

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

Ryoya Kamikawa

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

記事一覧

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

# はじめに 前回、Next.js について調べてみたので、今回はよく使うアカウント認証について、アプリケーションを作ってみようと思います。 Next.js を開発している Vercel…

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

# はじめにNext.js は本番環境のための React フレームワークで主に以下のような特徴があります。 1. 画像最適化 2. 国際化ルーティング 3. Next.js アナリティクス 4. ゼ…

1

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

# はじめに esbuild は、キャッシュなしで高速なビルドを可能とする Node.js のビルドツールです。 ビルドツールには、esbuild の他に、Webpack、Gulp、Parcel、Rollup、B…

3

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

# はじめにSQLAlchemy とは、Python で使用できる ORM です。 Python コミュニティにおける最も使用されている ORM ライブラリの一つとなっているので、使用する機会も多…

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

# はじめにPython の Web Framework には、Django や Flask などいくつかあります。 Django は、フロントエンドのコードもバックエンドのコードも1つで管理出来たり Flas…

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

# はじめに最近、BackendのAPIを作るところはDjangoで作ってみることが多く、その中で認証するのですが、 Django Rest Framework JWT というのが使いやすかったので、紹介…

1

playwright(Node.js) で E2E テスト!

# はじめにみなさん、Playwright をご存知ですか? これまで、Node.js での E2E テストといえば、puppeteer、TestCafe を使っていたという方も少なくないのではないでし…

Django の非同期 View の実装方法

# はじめに Django 3.1 より非同期 View がサポートされるようになりました。 非同期で描画することによって、Webアプリケーションのページ速度の向上が見込めます。Python…

1

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

# はじめに Webアプリケーションでは、Webサーバ側にDBを持たせてデータを保持しておくことが多いかと思いますが、ブラウザのStorageに保存しておくこともあるかと思います…

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

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

# はじめに
前回、Next.js について調べてみたので、今回はよく使うアカウント認証について、アプリケーションを作ってみようと思います。

Next.js を開発している Vercel が作っている NextAuth.js を使用します。

# アプリを作ってみるsample という名前でアカウント認証付きのアプリケーションを作成します。

## 1. まずは、Hello world!

$

もっとみる
React の フレームワーク、Next.js に入門!

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

# はじめにNext.js は本番環境のための React フレームワークで主に以下のような特徴があります。

1. 画像最適化
2. 国際化ルーティング
3. Next.js アナリティクス
4. ゼロコンフィグ
5. ハイブリッド SSG・SSR
6. ISR(Incremental Static Regeneration)
7. TypeScript サポート
8. ファスト・リフレッシュ

もっとみる
Node.js のビルドツール「esbuild」について!

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

# はじめに
esbuild は、キャッシュなしで高速なビルドを可能とする Node.js のビルドツールです。

ビルドツールには、esbuild の他に、Webpack、Gulp、Parcel、Rollup、Browserify、FuseBox などがあります。

私自身が webpack を普段使っていて、ビルドに時間がかかりすぎているのが気になり、esbuild について調べてみようと思い

もっとみる
【PythonのORM】SQLAlchemyの基本的な使い方!

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

# はじめにSQLAlchemy とは、Python で使用できる ORM です。

Python コミュニティにおける最も使用されている ORM ライブラリの一つとなっているので、使用する機会も多いかと思います。

そんな SQLAlchemy の基本的な使い方をまとめてみました。

まずは、ここから基本的な操作を学び、応用的なものについては、随時調べながら実装すると良いかと思います。

# 使

もっとみる
Python の Web Framework! FastAPI について調べてみた!

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

# はじめにPython の Web Framework には、Django や Flask などいくつかあります。

Django は、フロントエンドのコードもバックエンドのコードも1つで管理出来たり
Flask は、簡単にコードを書くことができるなどそれぞれ一長一短の特徴があります。(ここにあげたものだけではありませんが、、)

今回は、まだ比較的新しい FastAPI を使ってみます。

#

もっとみる
Django Rest Framework JWT を使ってアカウント管理しよう!

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

# はじめに最近、BackendのAPIを作るところはDjangoで作ってみることが多く、その中で認証するのですが、
Django Rest Framework JWT というのが使いやすかったので、紹介します。

Django Rest Framework JWT というのは、名前の通り Django Rest Framework でサポートされているので、
簡単に組み込むことができるかと思いま

もっとみる
playwright(Node.js) で E2E テスト!

playwright(Node.js) で E2E テスト!



# はじめにみなさん、Playwright をご存知ですか?

これまで、Node.js での E2E テストといえば、puppeteer、TestCafe を使っていたという方も少なくないのではないでしょうか?

Playwright は、そのうち、puppeteer と同じような記述も多く、非常に分かりやすいかと思います。

また、Microsoft によって開発、運用されているため、今後

もっとみる

Django の非同期 View の実装方法

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

#

もっとみる

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

# はじめに
Webアプリケーションでは、Webサーバ側にDBを持たせてデータを保持しておくことが多いかと思いますが、ブラウザのStorageに保存しておくこともあるかと思います。そこで、ブラウザで使用できるStorageについて調べてみました。

# Cookie
データモデル:構造化
永続性:端末
ブラウザ対応:100%
トランザクション:非対応
同期 / 非同期:同期

Cookie はクラ

もっとみる