目次
- 1. Vite+Reactで作成したプロジェクトをFireBaseにデプロイしよう
- 2. JavaScriptで平仮名と半角カタカナを全角カタカナへ変換
- 3. ECMAScriptを読む 第4部 Overview【JavaScript】
- 4. 【Figma Widget】Figma Widgetでインターフェースを作る
- 5. React アプリケーションの広い範囲で palt-typesetting を使う
- 6. JavaScript: BWTとか混合法とか圧縮
- 7. もっと深くJavaScriptを知るための演算子の使い方
- 8. JavaScriptをよりスマートに書くための構文チートシート
- 9. ちょっとざんねんなコードたち。皆さんの糧にしてもらえると僕も浮かばれる…。
- 10. タスク管理アプリ作成
- 11. 【typescript】Z世代なtypescriptの手なづけ型
- 12. iOSのSafariでWindow.openできなかった話
- 13. RustとWebAssemblyでCanvasタグ使わずにお絵描きしてみた
- 14. (1冊ですべて身につく)カラーピッカーを作成する 作り始め
- 15. 我が家のUtil.js
- 16. バックエンドって何してるの?関数と何が違うのか
- 17. 【情報】2024年7月12日を過ぎるとGemini 1.0 Pro Vision を指定した API 呼び出しはエラーになるそうです
- 18. mjsとcjsの違いって何? 普通のjsとどう違うの? ChatGPTに聞いてみた
- 19. フロントエンドエンジニアのWeb開発アクセシビリティ入門②|CSS/JavaScript
- 20. ViteとReactを使用してSupabaseからレコードを取得する(準備編)
Vite+Reactで作成したプロジェクトをFireBaseにデプロイしよう
# プロジェクトの作成
viteで新規プロジェクトの作成(React+Javascript)
“`
npm create vite@latest myProject
“`
依存関係のインストール
“`
cd myProject
npm install
“`
開発サーバーを起動して、プロジェクトが正しくセットアップされたことを確認
“`
npm run dev
“`
ブラウザで http://localhost:5173 を開くと、ViteのReactテンプレートが表示されるはずです。# FireBase
FireBaseの登録
Googleアカウントがあれば無料で使用できます
https://firebase.google.com/![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3784604/68bdc794-bb38-acb4-47b5-0d78f99d02ad.png)
プロジェクトを作成
![image.png](https://qiita-image-sto
JavaScriptで平仮名と半角カタカナを全角カタカナへ変換
# やり方①:ボタン押下で変換
“`ruby
フォーカスアウトとボタン押下時の全角カタカナ変換