admin
-
-
JavaScript Array - map メソッドと filter メソッド
2019/8/28
JavaScript Array の map メソッドと filter メソッドについて、簡単にメモをしておきます。 map メソッド 配列の各要素に任意の加工を行い、新たに配列を生成します。 let ...
-
-
Angular async パイプで HTML テンプレートに独自クラスのオブジェクトを表示
2022/8/13
タイトルのままです。Angular で取り扱う独自クラスのオブジェクトのデータを、async パイプを使って HTML テンプレート上に表示する方法です。 例えば、独自実装の Album クラスオブジ ...
-
-
Angular イベントバインディング
2020/6/7
Angular のイベントバインディングを利用して、HTML テンプレート上にあるコントロールのイベントを、コンポーネント(TypeScript) 側でハンドルする方法です。 ここでは２つのボタンを用 ...
-
-
Angular 機能紹介一覧
2022/8/15
Angular 関連の機能紹介一覧です。基本的な機能の紹介をしています。コピーアンドペーストで動作するコードスニペットも多く掲載しています。 Angular 事始め Angular 開発環境の構築ht ...
-
-
Angular @ViewChild デコレーター
2025/7/21
Angular では、HTML テンプレート上に定義されているコンポーネントを TypeScript 側から参照する機能として、@ViewChild デコレーターが提供されています。 例えば、AppC ...
-
-
Angular @Input デコレーター
2020/3/20
Angular の @Input デコレーターは、親コンポーネントから子コンポーネントに対してデータを渡す際に使います。 例えば、子コンポーネントとして MyLabel コンポーネントがあるとします。 ...
-
-
Netlify で Angular のルーティング利用時に必要な設定
2019/8/29
Netlify に Angular のアプリケーションを配備しただけでは、Angular のルーティングが動作せずに 404 NotFound エラーが出ます。Netlify のサーバー上にファイルが ...
-
-
Angular アプリケーションの PWA 化
2019/8/29
Angular アプリケーションを PWA にする方法です。至って簡単で、次のコマンドを実行すると PWA になります。 my-project のところには、ご自身のプロジェクト名と置き換えて下さい。
-
-
ASP.NET Core Web API クロスオリジンを許可する方法
2022/8/13
Angular でちょっとしたサーバーとの通信をテストする時に、Cors エラーを回避するために使っています😅設定は簡単で、Startup.cs で UseCors メソッドを下記のように実装します。 ...
-
-
Angular ngModel ディレクティブの使い方(サンプルあり)
2023/12/17
Angular の ngModel の使い方をメモしておきます。Angular v13 でのサンプルもダウンロード用に用意しました。サンプルを実行し、手元で動作を確認していただければと思います。 ng ...
-
-
ASP.NET Core Web API - html ファイルの利用
2022/8/13
ASP.NET Core Web API で html ファイルを利用(表示)する方法です。 Startup.cs ファイルの Configure メソッドに、app.UseStaticFiles() ...
-
-
ASP.NET Core Web API - GET と POST メソッドの実装法
2022/8/13
ASP.NET Core Web API で GET メソッドと POST メソッドの実装方法です。クライアントサイドは JavaScript での実装となっています。 ValuesControlle ...
-
-
Flexbox を利用して要素を中央と右端に表示
2024/9/29
Flexbox を利用して、要素を中央と右端に表示してみます。parent クラスで display: flex としているので、justify-content に center とすることで、子要素 ...
-
-
JavaScript ネイティブの Promise を利用する方法
2019/8/28
JavaScript ネイティブの Promise を利用する方法を調べてみました。備忘録のためメモしておきます。 処理が成功したら resolve メソッドを呼びます。処理が失敗したら、reject ...
-
-
Flexbox を使って要素を並べる
2024/9/29
Flexbox を利用して、要素を横並び、縦並びにする方法です。 横並び リストの親要素(div class="list") の display に flex を指定します。そして、リストの子要素に ...
-
-
要素を画面の下部に表示する方法
2019/8/28
HTML と CSS で、要素を画面の下部に表示する方法です。 CSS で position を fixed、bottom に 0px とします。 <!DOCTYPE html> < ...
-
-
Angular - ngIf ディレクティブ
2019/8/29
Angular の ngIf ディレクティブの利用例です。 HTML テンプレート <p> <input type="button" value="toggle flag" (cli ...
-
-
Angular 関連メモ
2019/8/29
Angular CLI を利用した、プロジェクトへの各種機能の追加 コンポーネントの生成 D:dev\angular\app1\src\app>ng g c comp1 → コンポーネントは、a ...
-
-
ASP.NET MVC で URL からコントローラー名を隠す
2022/5/3
2018/04/23 追記 ふと、属性ルーティングで済むのではないかと思い、試してみました。結果、うまくいきました。 RegisterRoutes 内で、MapMvcAttributeRoutes を ...
-
-
ASP.NET Web API で JSON を返す方法
2022/5/3
ASP.NET Web API で JSON を返す実装例です。 １．WebApiConfig クラス内で "text/html" フォーマットをリターンするようにします。 public static ...