JavaScript 【Firebase】Cloud FunctionsのCORSエラーを回避する方法 Google のクラウドサービスの1つであるFirebase functionsでExpressでAPIを作ったので、それをAngularで作ったフロント側から呼び出そうとしたところCORSエラーに遭遇したのでその解決法を書いておく... 2020.08.08 JavaScriptWebアプリケーション
JavaScript 【Nodejs】サーバーサイド初心者のためのExpress入門 Expressとは Node.jsは言わずとしれたサーバーサイドJavascriptの実行環境。ExpressはそのNode.jsでの王道的な開発をスピードアップするためのフレームワークです。 Expre... 2020.07.30 JavaScript
Anaconda 【Angular】Mat-tableの列データを編集・追加・削除する 今回はAngularのmat-tableに編集ボタンを付けて、編集ボタンからダイアログを開くとダイアログが開き、フォームに入力した情報がテーブルに反映される、というような機能を実装していきたいと思います。 Ma... 2020.07.30 AnacondaJavaScriptWebアプリケーション
Angular 【Angular】Mattableの各テーブルヘッダーの幅を画面幅に合わせて自動調整する 前回の記事で作ったテーブルの各列の幅をテーブル全体のサイズに合わせて%で調整したい場合はcssを以下のように調整してあげればいい。 前回のソースコード: <ngtable-s... 2020.07.27 AngularJavaScriptWebアプリケーション
Angular 【Angular】Mat-Tableでヘッダーが複数行になるテーブルを作ってみる 前回の記事でAngular-materialによるmat-tableの作り方については解説しましたが、実際の業務ではヘッダーが複数行あったり、編集ボタンでテーブルの中身が書き替えられるみたいな機能の実装を求められることもあり、あれだ... 2020.07.24 AngularJavaScript
Angular 【Angular】開閉式のアコーディオンパネルを実装する # コンポーネントを追加する $ ng generate component expanel-sample <app-routing.module.ts> import { NgModu... 2020.07.21 AngularJavaScriptWebアプリケーション
JavaScript 【Nodejs】ExpressでGETリクエストのパラメーターを取得する <index.js> app.get("/", (req, res) => { let resData = []; // パラメーター取得 let vote = req.query.va... 2020.07.14 JavaScriptWebアプリケーション
JavaScript 【Nodejs】Expressでリモートクライアントアドレスを取得する方法 express.js製のアプリにアクセスしてきたクライアントのipアドレスは以下のようにして取得できます。 var ip = req.headers || req.connection.remoteAddress;... 2020.07.08 JavaScriptWebアプリケーション
Angular AngularによるWebアプリ開発⑧~APIを叩いてデータを取得する これまでのシリーズ記事 Angularによるwebアプリ開発①~環境構築とコンポーネント作成 AngularによるWebアプリ開発②~Angular Materialでマテリアルデザインを実装する An... 2020.07.06 AngularJavaScript
Angular AngularのアプリケーションのBuildがngx-Chartが原因で失敗した話 趣味で作っていたAngularのアプリケーションのBuildがngx-Chartが原因で失敗したので、その原因とか解決法を自分用にメモしておきます。 【作業環境】 Angular8.2.3 ng... 2020.07.05 AngularJavaScriptWebアプリケーション