「エンジニア・プログラマにしか使えないSNS」のクライアント

デプロイURL: https://engineer-sns-client-gsuke.vercel.app

「エンジニア・プログラマにしか使えないSNSを作ってみた話」 のクライアントを作成しました。

注目ポイント

• ページング処理

  • 無限スクロールを採用しているため、直感的に過去投稿を閲覧できる。

  • 途中で新規投稿が追加された場合でも、取得される投稿が重複したり欠落したりしない。

• リクエストの送信を最小限にしてサーバーに負担をかけないようにしている。

• Lint, CIといったエコシステムを活用し、開発者体験を向上させている。

• モダンなフロントエンド技術を活用することで保守性・拡張性の高いソースコードになっている。

• Tailwind CSS, daisyUI の利点を活かし、最低限の労力で独自のデザインを実現している。

使用した技術

言語

• TypeScript

フレームワーク / ライブラリ

• React

• Next.js

• Tailwind CSS

• daisyUI

• SWR

Lint / CI / CD

• ESLint

• Prettier

• EditorConfig

• GitHub Actions

• Vercel

開発

必要なもの

• Node.js 16

• Yarn (v1)

• VSCode (+ 推奨拡張機能)

ローカル実行の方法

1. yarn

2. yarn dev