React / Angular等のSPAをIntelliJでデバッグさせる

手順 terminalでyarn start | npm start等の起動コマンド実行 IntelliJでこちらの設定を追加 設定は画面上部のEdit configuration から選択することができ、npmではなく …

Angularでhubspotフォームがfooterの下に来る問題の解消

formのセレクターを選択していなかったので、なぜかfooterの下にformが生成される問題に直面してましたが、結構簡単に解決できました。 参考記事 Forms and AngularForm in the wrong …

Angular Material Table Error: Can’t bind to ‘mdHeaderRowDef’ since it isn’t a known property of ‘md-header-row’

をimportすることで解決しました。 参考記事 Angular Material Table Error: Can’t bind to ‘mdHeaderRowDef’ since …

Angular9でStripe Checkoutを使う方法

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

Angular9 Universal https redirect + Heroku

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

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

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

runtime/plyfills/main, Angular9のbuildを動かしたらエラーが発生

expressで動かしたらエラーも何も出さないので、http-serverで動かしたとところ上記エラーが発生 調べたところ、hrefの値を変更することでとりあえず対応できました 参考記事 angular runtime, …

Error: Cannot find module ‘mongose’ の解決方法

expressにmongoseを追加してnpm runしたらエラーが発生しました 解決策:requireしたのがmongooseではなく、mongoseだったらしく、typoが原因でエラーが発生しておりました。。。 ※バ …

Angular, highchartsのyaxisの高さ調節方法

公式ページのコードをコピペしているにもかかわらず、あり得ないぐらい高いグラフが表示されてとても気持ち悪かったので直しました 公式: 公式のコードをコピペして表示されたグラフ縦長すぎて一部分しか表示されておりません 修正後 …