https://qiita.com/ta1m1kam/items/7ec246867a16933d12e2 の続きです。 イベントハンドリング function handleSubmit(e) { …
最近話題のReactServerComponentを触ってみたいと思っていたのですが、その前にそもそもSSRとかSSGに対しての知識が浅くかったので技術選定が出来るようまとめてみました。 Next.…
はじめに これは 株式会社 RetailAI X Advent Calendar 2022 の 4 日目の記事です。 昨日は @daisuke-yamamoto さんの記事でした。 Terrafor…
Reactを静的サイトとして公開できるらしい ReactをGitHubPagesへ公開する手順書です。 [ソースコード] https://github.com/saisai-web/Neko [公開…
[概要] npx create-react-appから作成後 前までは何事もなく起動できていたのに！久しぶりにnpm start しようとしたら下記画像のエラー出て起動できなかった。 環境 Mac(…
reactの作業中にfunctionnsののなかにあるnode_modulesを削除してしまいエラーがでた。 やったこと 1. functionsディレクトリに移動 cd functions コ…
はじめに 昨日のプログラムは自動で次々と読み上げるものでしたが、それはそれで環境ソフトにもなるし良いのですが、スマホでうまく動かないことが判明したので作り変えました。 ボタン「次の札を引いて読み上げ…
初めに 10月後半に行われたNext.js Conf 2022で発表されたNext.js 13を実際に触ってみたのでその内容を書きます。 当初は全体を網羅して書く予定だったのですが量が多かったの少し…
最近Vite(ヴィート)が熱いと聞いたので、 関わってる団体のホームページをVite+Reactで作ってみました。 ということでHello Worldの手順を共有します。 Viteの最高なところ ビ…
appディレクトリ ざっくり概要 appディレクトリにあるページはデフォルトでServer Components ページがClient Componentsであるpagesディレクトリとは異なる R…
はじめに コードレビューをしているとこのコードは優しすぎると思うことが多々あります。 現実世界では優しいことは美徳とされますが、コードが優しいと保守性が崩れていきます。 今回は、コードはもっと無責任…
この記事は、Stripe Apps を25日間紹介し続ける Advent Calendar 2022 3日目の記事です。 Stripe Appsを利用したアプリを開発する場合、Stripe CLIを…
アプリ構成 https://zenn.dev/sprout2000/articles/5d7b350c2e85bc 要所要所違うが、大体上記の記事を参考にして作成した環境です 具体的にはelectr…
はじめに 先日denoのバージョンが1.28となりました。これによってdenoからnpm互換性の機能を安定して利用することが可能となり、多くのnpmモジュールの利用が行えるようになりました(Rele…
朝起きたらまさかのスペインに日本が勝ってた！！！ 勇気を貰えましたね。僕も頑張らねば... 前日の後編になります。今日は実践編です。 ふわとした記事なのでご容赦を... ほぼポエムかもしれん。 ku…
こんにちは！クリスマスがやってきますね アドカレ3日目は、microCMSのリッチエディタへ書かれたコードに（まるで街のイルミネーションのように）色をつけたく、言語に合わせてハイライトを入れたときの…
はじめに Azure Static Web Appsで簡単にSPA（シングルページアプリケーション）を作れるようになったので、試してみました。なお、javascript初心者です。 静的 Web ア…
はじめに 音声読み上げ(WebSpeechAPI)を使って、百人一首の読み上げサイトが作れるのではないか、と思いついてReact+TypeScriptで作ってみました。 startボタンを押すと読み…
この記事はフラー株式会社 Advent Calendar 2022の3日目の記事です。 前回は@chooblarinさんで、CSS Masks活用術でした。 はじめに 今年の夏ごろ、Storyboo…
