Angular学習備忘録

0.学習対象

Angular CLI: 17.3.2        
Node: 20.10.0
Package Manager: npm 10.2.3

1.備忘録

①*ngIfディレクティブが使えない【悩み時間30分】

・色々なModuleをインポートしたけど、結論としてはCommonModuleをインポートしたら使えるようになった。

import { Component, OnInit } from '@angular/core';
import { RouterOutlet } from '@angular/router';
import { FormsModule } from '@angular/forms';
import { CommonModule } from '@angular/common';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [RouterOutlet, FormsModule, CommonModule],
  templateUrl: './app.component.html',
  styleUrl: './app.component.css',
})

ルンパッパ好きの日常ブログ①_「spacedesk」でipadをWindowsのサブディスプレイにしてみた。

はじめまして。
ルンパッパ好きの冴えないオジサンです。(ポケモンのゲームやアニメが詳しい訳ではありません。あのデザインが好きです…)
文章を書くのが苦手で、仕事でも支障が生じることが多々あるので、文章を書く練習としてブログをはじめてみました。

といっても、肩ひじ張ると継続出来ない性分なので、自分の日常を気楽に綴っていきたいと思います。
ブログで紹介するコンテンツとしては、ガジェット、プログラミング、車、グルメが多いと思います。
読み辛い点も多々あると思いますが、もし宜しければお付き合いください。

 

では、本題です。
本日、「spacedesk」というアプリをインストールしてみました!
背景としては、自宅にディスプレイが1枚(21インチくらい?)しかありません。
なので以下状態でした。

・ノートPC:VSCodeでコーディング

・ディスプレイ:udemyでWebアプリケーションに関する講座を見ながら、ローカルホストにて更新されたアプリを確認する。

うーん…。もう一枚ディスプレイを用意して、アプリの確認はそのディスプレイでしたい。

あ!ipadあるじゃん!でも、3年ほど前に「DuetDisplay」をインストールした時は有料の割に全然安定しなかったんだな…。
万年金欠だし、無料で「DuetDisplay」より安定してるアプリないかな…。ないよな…。

 

 

あった!
「spacedesk」はWindowsipadともに無料で、「DuetDisplay」よりも接続が瞬時にでき、動作も安定してる…!

「spacedesk」のセットアップ方法などは他のブログに譲る(書く時間がない…。甘えですかね…)として、無料とは思えないアプリで本当にインストールして良かった!
また、メルカリで中古のディスプレイを購入して散財に拍車が掛かるところだった…。

 

同じような悩みを抱えている方、「spacedesk」でググってインストールしてみても良いと思います(^^)

 

以上、1回目のブログでした!