- 2020.06.30
Angular9でStripe Checkoutを使う方法
自分でフォーム作ろうかとも思いましたが、やはりセキュリティが心配なのでStripeチェックアウト使えないかと思い、調べましたがなかったので自分で作りました まずはプロジェクト作成 routingとかcss聞かれますけど適当に作成します まずはcheckout/jqueryのcdn追加 次はsrc/typings.d.tsを作成しますこのファイルは型定義がない場合の型を提供するためのファイルです探せ […]
typescript
1/6ページ
- 2020.05.31
CSVに登録する際に改行を許可する方法
Javascriptでfile-savarというライブラリを使ってCSVを保存する際改行を許可するための方法で詰まってしましました とりあえず結論 改行を行うには上記の方法でなら解決が可能らしいです こちらの方法ですが詳細は参考記事からご覧ください。 参考記事 Javascript parse error on ‘\u2028’ unicode characterline […]
- 2020.05.21
Angular9 Universal https redirect + Heroku
現在Angular9で開発しているアプリにuniversalを入れているのですが、httpsにリダイレクトするための記事とかが見当たらなかったので、自分で開発しました 下の方に req とres の部分があるので、requestがhttpの場合強制的にhttpsに飛ばすようにしました 今回はUniversalを使っているプロジェクトでの導入方法ですが、expressとかでも同じコードを入れれば動く […]
- 2020.05.17
Typescriptでfileサイズを取得する方法
下記のコードを実行すればそのまま動きます引数のbytesはファイルサイズを入力していない項目や、文字が入っていることも踏まえてひとまずanyで受け入れ、数字にキャストできない場合はとりあえず空文字を返すことで対応してます 参考記事 How to Convert File Size in Bytes to KB, MB, GB in Javascript
- 2020.05.15
– Node version not specified in package.json
Herokuにnestjsをpushしたらタイトルのエラーが発生しましたどうやらpackage.jsonにバージョンをしていないことが原因だったようなので、下記のように編集後エラーは解消されました
- 2020.05.12
AngularのFormGroupにArray要素を追加しボタンクリックで動的に追加するフォーム
こんな感じのarray絵を動的に追加できるようにしました 時間もなく、リファクタリングなどもできていませんが、とりあえず動いているコードの概要部分を共有します 必要ない部分も入っていますが、要所は確認できるはずなので、参考にしてください 参考記事 Angular 2 Cannot find control with unspecified name attribute on formArraysD […]
- 2020.03.29
(node:81970) Warning: To load an ES module, set “type”: “module” in the package.json or use the .mjs extension.
nestjsでAPIを構築していたら、タイトルのエラーが発生しました。 調べてみましたところ、 実行時に–experimental-modulesを指定 package.jsonにtypeを追加 する事で解決できるらしいです 修正後のpackage.json 実行したところタイトルのエラーは発生しなくなりました 参考記事 【ECMAScript】importでSyntaxError
- 2020.03.21
- highcharts,
Angular, highchartsのyaxisの高さ調節方法
公式ページのコードをコピペしているにもかかわらず、あり得ないぐらい高いグラフが表示されてとても気持ち悪かったので直しました 公式： 公式のコードをコピペして表示されたグラフ縦長すぎて一部分しか表示されておりません 修正後のグラフ 対処法yaxisにheightというプロパティを追加することで対処する事ができます 参考記事 yAxis
- 2019.03.06
Angular6 distフォルダ実行方法
本番環境に入れる前にちょっと確認したいと思い、distフォルダで実行してみました [crayon-5f0c5e18214de497030630/] これで実行可能になります！ 参考記事 How to run the Dist Folder on Local Machine in Angular 6?
- 2019.03.05
- angular, javascript, typescript,
Angular http.get() の中でPromiseが使えたかったときの対処法
serviceの中でログインしたか確認した後に、そのユーザーに紐づいている会社情報を取得する というメソッドの中でPromiseを利用して、会社情報が取得できたら次に行くという メソッド作成中ハマったのでシェアします [crayon-5f0c5e18216c0419158928/] 時間がないのでなぜ解決することができたかをここで詳しく述べることができないのですが、 この修正を行うこ […]