shadcn/ui: コピペで使えるReact UIコンポーネント集
shadcn/ui は、React向けに開発された、カスタマイズ性の高いUIコンポーネントのコレクションです。 UI開発の課題とコンポーネントライブラリ ReactでUIを構築する際、ボタンやフ...
1
1
Comment0
11 search resultsShowing 1~11 results
Stocked
You need to log-in
選択画像の画像をプレビューとして表示
とあるアプリの個人開発で、Input要素クリックしユーザーが画像を選択すると、その画像をプレビューとして表示する機能の実装時に調べた内容です このコードだと、readAsDataURLでユーザー...
0
1
Comment0
画像リサイズ機能
とあるアプリの個人開発で、Input要素クリックでfirestorageに画像アップとサムネイルを表示する機能を実装してみたのですが、2MB以上くらいの画像だと何度やっても全然アップロードできな...
2
0
Comment0
react で smooth scroll 実装
reactでスムースにスクロールさせた時のメモ sample.tsx import { memo, useRef } from "react"; const sample = () => ...
0
2
Comment0
emmetで０からの連番をつける方法
emmetで０からの連番をつける方法、、どうやるの？ 分からなかったので調べてみました。 例えば、htmlで <ul> <li>item 1</li> <...
1
0
Comment0
React Hook Form でバリデーションを手動で trigger する方法
以前調べたのでたまにはまとめようかなと trigger は、React Hook Form でのフォームのバリデーションを手動でトリガーする関数です。依存するバリデーション（一つの入力のバリデー...
2
1
Comment0
Reactで配列を更新する8の方法
配列を更新するためには、元の配列を直接変更するのではなく、新しい配列を作成する必要があります。 これはReactの状態更新が非同期に行われるため、直接状態を変更すると意図しない結果を引き起こす可...
1
1
Comment0
propsの型をbooleanに変更する方法
前提 コンポーネントに react hook form の入力値を渡し、入力の有無によってコンポーネント内で表示する要素の出し分けをしたい。 ただ入力の有無がわかればいいのでbooleanに変換...
1
1
Comment0
ナビゲーションバーのドロップダウン実装
ナビゲーションメニューのドロップダウンの実装 今回は、水平の横長のナビゲーションバーのメニューをhtm、jQueryでドロップダウンにしていく 他にもhtmlとcssだけでも出来ます、、 （今...
0
0
Comment0
ディレクトリ間違えてrake db:drop db:create db:migrateした時のメモ
rails s して ローカル表示しようとしたらこんなのがでた error ActiveRecord::NoEnvironmentInSchemaError: Environment data ...
0
0
Comment0
macOS Mojave, Nokogiriインストールできない問題 解決メモ
macOS MojaveでNokogiriがインストールできない問題解消のメモ 概要 macOSのアップデート後から、Nokogiri Gemのインストールが痛恨の失敗！！ 初心者の私には正直理...
1
0
Comment0
11 search resultsShowing 1~11 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles