rails + webpack + reactでonClickが動かない問題の解消法

結論: application.jsでimportするとなぜonClick が動かないという問題が発生していました 問題点は分かりませんが、head部分に = javascript_pack_tag ‘convert’ …

Reactのselectでselectedを指定する方法

Modalで閉じるたびにselectが解除されてしまったいたので、調べたところこんな感じで実装することで常にselected状態を維持できるようです optionState にvalue=”A” のA とか B が入るよ …

Angular9でStripe Checkoutを使う方法

自分でフォーム作ろうかとも思いましたが、やはりセキュリティが心配なのでStripeチェックアウト使えないかと思い、調べましたがなかったので自分で作りました まずはプロジェクト作成 routingとかcss聞かれますけど適 …

events.js:292 throw er; // Unhandled ‘error’ event ^ Error: resolve_projpath: path

プロジェクトを外部のハードディスクに移動したらタイトルのエラーが発生 どうやら権限を与える必要があるらしく、System Prefences -> Security & Provacy で下記のようにWatchm …

CSVに登録する際に改行を許可する方法

Javascriptでfile-savarというライブラリを使ってCSVを保存する際改行を許可するための方法で詰まってしましました とりあえず結論 改行を行うには上記の方法でなら解決が可能らしいです こちらの方法ですが詳 …

Angular9 Universal https redirect + Heroku

現在Angular9で開発しているアプリにuniversalを入れているのですが、httpsにリダイレクトするための記事とかが見当たらなかったので、自分で開発しました 下の方に req とres の部分があるので、req …

Typescriptでfileサイズを取得する方法

下記のコードを実行すればそのまま動きます引数のbytesはファイルサイズを入力していない項目や、文字が入っていることも踏まえてひとまずanyで受け入れ、数字にキャストできない場合はとりあえず空文字を返すことで対応してます …

AngularのFormGroupにArray要素を追加しボタンクリックで動的に追加するフォーム

こんな感じのarray絵を動的に追加できるようにしました 時間もなく、リファクタリングなどもできていませんが、とりあえず動いているコードの概要部分を共有します 必要ない部分も入っていますが、要所は確認できるはずなので、参 …