【Angular 14】Router のプロパティ title を使ってタイトルを設定する方法
はじめに
今回はAngular 14の新機能のひとつ、Router に追加されたプロパティ title を使って各ページに任意のタイトルを設定する方法を紹介します。
Router のプロパティ title を使ってタイトルを設定する方法
下記のように app-routing.module.ts 内のRoutes設定箇所にtitleプロパティを追加してタイトルの値を設定するだけで完了です。
const routes: Routes = [
{
path: '',
component: ItemListComponent,
title: 'Item List'
},
{
path: 'item/:id',
component: ItemDetailComponent,
title: 'Item Detail'
},
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
これで各ページのタイトルに title プロパティに設定した値が表示されます。
メチャクチャ簡単でビックリしちゃいますね！
ちなみに title プロパティを設定していないページでは app.component.ts などで設定したタイトルが表示されます。
export class AppComponent {
title = 'my-app';
}
応援おねがいします
ブログランキングに参加中です。
下記バナー・リンクをクリックして応援おねがいします！
Angularの更新方法（Ver 13.0 to 14.0）
前置き
Angularの最新バージョンである14.0が今年の６月にリリースされましたが、個人開発環境のバージョンを13のまま放置していたので更新してみました。
Angularの更新手順（13.x to 14.0）
さて、Angularの更新手順ですが、下記コマンドを実行する。
ng update @angular/core@14 @angular/cli@14
以上。はい、以上です。びっくりするぐらい簡単でした。
バージョン13から14への追加変更内容が既存の個人プロジェクトに影響があるか心配だったけれど、動作確認してみたら全く問題ありませんでした。あー良かった。
というか、更新の際に自動的に設定値やらコードやら一切合切を書き換えてくれるから問題が起きないんですよね。ありがたや、ありがたや。
Angular 14.0 を使うにあたって、Node.js 14.15.0 以上を使う必要があるそうなので、そこだけ注意です。
変更点
色々と変更点があるみたいですが（よくわからないので）触れないでおきます。
実際に変更点を使うことがあったらブログに載せたいと思います。
更新内容の詳細をチェックしたい方はAngularの公式ブログをどうぞ。
【２０２２年８月】アマゾン タイムセール祭り おすすめ商品
アマゾンタイムセール祭り
２０２２年８月のアマゾンタイムセールが開催中です。
セール中は様々なジャンルの商品がお買い得価格で販売中なのでお見逃しなく！
今回はその中からおすすめ商品を紹介します。
パソコン・周辺機器
ノートパソコン Dell Inspiron 15 3511
Windows11、Intel Core i3、メモリ 8GB、SSD 256GB搭載のノートパソコンがお得。
普段使い（インターネット閲覧や仕事）に申し分ない性能でおすすめです。
特選タイムセール価格： ￥62,832
参考価格: ￥74,800
割引価格: ￥11,968 (16%)
サンディスク microSD 128GB
A1規格のパフォーマンスで素早くアプリを起動。フルHDビデオの録画や視聴に最適。Androidスマホやタブレット、オーディオプレーヤー、任天堂Switch、Chromebookでの利用もおすすめ。
特選タイムセール価格：￥1,736
参考価格：￥2,048
割引価格：￥312 (15%)
ゲーミングモニター Dell G2422HS 23.8インチ
1msの応答速度と最大165Hzのリフレッシュレートを誇るDell製の23.8インチゲーミングモニター。AMD FreeSync Premium対応で、スムーズでちらつきのない映像描写を実現し、快適にゲームがプレイできます。
特選タイムセール価格：￥25,515
参考価格：￥31,800
割引価格：￥6,285 (20%)
食品
日清食品 カレーメシ ビーフ
特選タイムセール価格：￥1,170
参考価格：￥1,568
割引価格：￥398 (25%)
マ・マー 早ゆで3分スパゲティ1.6mm
特選タイムセール価格：￥1,067
参考価格：￥1,904
割引価格：￥837 (44%)
青の洞窟 GRAZIA ボロネーゼ
特選タイムセール価格：￥1,175
参考価格：￥1,566
割引価格：￥391 (25%)
飲み物・お酒
コカ・コーラ 綾鷹 ほうじ茶 525mlPET×24本
特選タイムセール価格：￥2,304
参考価格：￥2,498
割引価格：￥1,039 (42%)
新・サントリー金麦 350ml
![【新ジャンル/第3のビール】新・サントリー 金麦 [ 350ml×24本 ]](https://m.media-amazon.com/images/I/51DHPzxYiUL._SL500_.jpg "【新ジャンル/第3のビール】新・サントリー 金麦 [ 350ml×24本 ]")
特選タイムセール価格：￥2,845
参考価格：￥3,357
割引価格：￥512 (15%)
おむつ・ベビーケア
マミーポコ パンツ ドラえもん オムツ
【パンツ Mサイズ】マミーポコ パンツ ドラえもん オムツ(6~12kg)
168枚(56枚×3) [ケース品] 【Amazon.co.jp限定】
![【パンツ Mサイズ】マミーポコ パンツ ドラえもん オムツ(6~12kg)168枚(56枚×3) [ケース品] 【Amazon.co.jp限定】](https://m.media-amazon.com/images/I/51e2AGBS+eL._SL500_.jpg "【パンツ Mサイズ】マミーポコ パンツ ドラえもん オムツ(6~12kg)168枚(56枚×3) [ケース品] 【Amazon.co.jp限定】")
特選タイムセール価格：￥2,304
参考価格：￥4,800
割引価格：￥2,496 (52%)
パンパース オムツ はじめての肌へのいちばん
【テープ Sサイズ】パンパース オムツ はじめての肌へのいちばん (4~8kg)
246枚(82枚×3パック) [ケース品] 【Amazon限定品】
![【テープ Sサイズ】パンパース オムツ はじめての肌へのいちばん (4~8kg) 246枚(82枚×3パック) [ケース品] 【Amazon限定品】](https://m.media-amazon.com/images/I/51MR+JDPm2S._SL500_.jpg "【テープ Sサイズ】パンパース オムツ はじめての肌へのいちばん (4~8kg) 246枚(82枚×3パック) [ケース品] 【Amazon限定品】")
特選タイムセール価格：￥3,970
参考価格：￥6,550
割引価格：￥2,580 (39%)
他にもお買い得品がたくさん
まだまだ他にもたくさんお買い得商品があります。
下記リンクから対象商品が見られるので、気になる方はどうぞ。
購入時のポイントアップキャンペーンも同時開催中なので、そちらもお見逃しなく！
【sweatcoin】スウェットコインでウォレット作成時にメールアドレスが登録できない不具合の対応
世界中で話題の投資：スウェットコイン
歩くだけで稼げて、リスクゼロの投資として話題のスウェットコイン。
全世界のユーザー数が１億人を超え、この先まだまだ伸びていきそうです。
登録方法
登録方法はとても簡単。無料アプリのSweatcoinをインストールして、無料ユーザー登録をするだけ。Android版はGoogleアカウント、iOS版はAppleアカウントを使用してユーザー登録を行います。
このリンク か下記リンクを経由してスウェットコインアプリのダウンロード、ユーザー登録をすると、5スウェットコインがボーナスで貰えます。（僕もコインが貰えて嬉しいので、ぜひ招待リンクを使ってください！）
メールアドレスが登録できない
さて、そんなSweatcoinですが、ウォレット作成時にメールアドレスが登録できないという現象に遭遇しました。そのメールアドレスはSweatcoin登録時に使ったメールアドレスなので有効なことは確認済みです。それなのにウォレット作成時には「不正なメールアドレス」として登録ができませんでした。更に他のメールアドレスも試してみましたが同様に「不正なメールアドレス」として登録できませんでした。
「不正なメールアドレス」と表示されたときの解決策
いくつかのメールアドレスでウォレット作成を試した結果、ついに登録することができました。そして登録できないメールアドレスに「ある共通点」があることがわかりました。
その共通点とは、メールアドレスのアカウント名に「.」（半角のドット）が含まれていることです。ウォレット作成時に不正なメールアドレスとしてエラーメッセージが表示されたメールアドレスには全て「.」が含まれていました。そして登録できたメールアドレスには「.」が含まれていませんでした。
ということで解決策は
アカウント名に「.」（半角のドット）を含まないメールアドレスを使用する
です。
ウォレット作成時に「不正なメールアドレス」というエラーが発生した場合は、一度メールアドレスに「.」が含まれていないことを確認してみてください。
この記事があなたのお役に立てば幸いです。
※2022年9月3日 記事に誤りがあった為、修正しました。
応援おねがいします
ブログランキングに参加中です。
下記バナー・リンクをクリックして応援おねがいします！
【2022年】エックスサーバーの料金半額キャンペーン
サーバー利用料が半額
レンタルサーバーのエックスサーバーがサーバー利用料が実質半額になるキャッシュバックキャンペーンを実施中です。
これから初めて自分のウェブサイトを持とうと思っている初心者の方にも、新たにウェブサイトを立ち上げようと考えている経験者の方にもおすすめです。
全てのサーバーレンタルプランに10日間の無料お試し期間が適用されるので、もし気が変わってキャンセルしたいというときも安心です。
割引対象
キャンペーン対象者：期間中に新規に申し込んだアカウント
キャンペーン期間：2022年8月25日（木）18:00 まで
キャンペーン内容：12ヶ月以上の契約で利用料金が実質半額
スタンダード、プレミアム、ビジネスプランを対象に最大71,280円のキャッシュバック、最低利用料金は495円/月 （1日あたり17円）
ドメイン永久無料
さらに今回エックスサーバーの半額キャッシュバックキャンペーン期間中に申し込むとドメインが永久無料になります。
通常ドメインの取得と維持は契約期間ごとに料金が発生しますが、それが今後一切不要になりとってもお得です。
しかも新規取得ドメインだけでなく既に取得済みのドメインに対してもドメイン永久無料特典を適用可能なので、既に独自ドメインを持っている方にもお得な特典になっています。
最新の空きドメインの確認は下記バナーのリンク先から簡単にできます。
試しに「bokunodomain」という希望ドメイン名を入力して「検索する」ボタンを押してみると、人気ドメインの.com、.net、.jp をはじめその他の取得可能なドメインをまとめて確認することができます。
サーバーをレンタルする前に希望のドメインが取得可能か、既に取得されていた場合は他にどんなドメインが取得可能か確認しておくと良いでしょう。
最後に
今回はエックスサーバーのお得なサーバーレンタル料金半額キャンペーンを紹介しました。これから初めてウェブサイトを立ち上げようとしている方にも、既にウェブサイトを運営している方にもお得なキャンペーンです。
この記事があなたのお役に立てば幸いです。
