ReactでZennみたいな絵文字ピッカー作ってみた
概要 個人開発の中で、zennみたいな絵文字ピッカー作ってみたいな〜と思ったので、実際に作ってみました。 といっても、ピッカーの完成品を提供してくれる専用のライブラリを使ったので、ほとんどimportしてきただけなのですが😇 ライブラリはemoji-picker-reactを使用しました。 競合のものだと、emoji-martというライブラリもありました。 そちらの方がスター数も多く、絵文字単体のコンポーネントも提供してくれていて、けっこう充実はしていそうでした。 しかし、<Picker />みたいな感じでのコンポーネントの表現ができず（new演算子を使ってねと言われた）、それ以上の調査はすこし面倒だったので、実装難易度が低そうなemoji-picker-reactを選びました。 本記事では、画面上の絵文字をクリックすると、ピッカーが出てきて、選んだ絵文字がそのまま画面に表示されるという
Rails + Next.js アプリを Render + Vercel + PlanetScale にデプロイしてみた
概要 こういう願望があったので、その構成のアプリを現在開発しています（フロントは素のReactではなくNext.jsですが）。 それにあたり、デプロイするサービスは以下のものを選択しました。 front: Vercel backend: Render DB: PlanetScale この組み合わせでデプロイしてみた、という記事がなく、設定にあたり少し手間取ったため、やったことを書いていこうと思います。 デプロイ先の選定理由は？ 一番は無料に収まるからです。 それぞれのプラン情報はこんな感じですが、各サービス無料プランがあることがわかります。 Vercel Render ※ FreeプランのPricing欄に「with limits」とあると思うのですが、このリンクに飛ぶとlimitの詳細がわかります。以下はそのページの一部抜粋です。 The free plan allows for 750
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
