Tech TIPS:
オフィスで業務用PCを導入する場合、社員が共通して使用する業務アプリケーションやドキュメントなどへのショートカットを一律に設定しておきたいことがある。このような一連のショートカットを、WSHによってワンクリックでデスクトップ上に自動生成する方法を紹介する。
Tech TIPS:
コマンドラインツールを利用していると、フォルダやファイルのパスを入力したいケースはよくある。タブ補完機能などを利用すればパス入力の負担をある程度軽減できるとはいえ、必ずしも最良の解決策とはいえない。.NET Frameworkが提供するフォルダ/ファイル選択ボックスを利用すれば、ファイルのGUIで簡単にユーザーに入力させることが可能になる。
Tech TIPS:
Excelには、日付や数値、文字列の表記をカスタマイズする「ユーザー定義書式」の機能が用意されている。この機能を使用することで、ユーザーの用途に応じて、ワークシート上の表記に一貫性を与えたり、さまざまな表現方法を実現したりできる。
Tech TIPS:
Excelで帳票を作成する際、ユーザーが不正な値を入力しないよう、あらかじめ入力制限を行いたい場合がある。そのようなときには、「入力規則」の機能を利用すると便利である。
Tech TIPS:
レジストリに直接アクセスすることで、通常のユーザーインターフェイスからでは参照/設定できないような情報も取得/操作できる。レジストリをエンドユーザーが直接操作するのは何かと危険が伴うが、PowerShellスクリプトを介することで安全なレジストリ設定をコマンド1つで行うことが可能になる。
Tech TIPS:
処理時間の長いスクリプトを実行する場合、何も表示せずにユーザーを待たせるのは不親切である。処理中にプログレスバーを表示することで、スクリプトが確かに動作していることをユーザーは視覚的に確認できる。PowerShellの「Write-Progress」コマンドレットを利用すれば、視覚的なプログレスバーを簡単に作成できる。
Tech TIPS:
PowerShellでは、.NET Frameworkが提供する基本クラスライブラリを自由にスクリプトコードから利用できる。WebClientクラスを利用すれば、インターネット上のファイルをアクセスしたり、ダウンロードしたりできる。
Tech TIPS:
PowerShellで頻繁に使用するパイプライン処理は「フィルタ」を利用すればシンプルに記述できる。フィルタを定義するにはfilterキーワードを使用する。
Tech TIPS:
複数のテキストファイル内にある文字列を置き換えるには、一括処理するツールがあると便利である。PowerShellを利用することで、テキスト処理を自動化させることができる。置き換え文字列の指定には、固定文字列だけでなく、正規表現を使用することもできる。
Tech TIPS:
大量のデータを軸や視点を変えて分析したいという場合、「ピボットテーブルレポート」機能を利用すると便利である。「ピボットテーブル」は特定の1シート内に含まれた単一の表をクロス集計できるだけではなく、複数のシートにまたがってくし刺し集計するようなケースにも利用できる。
Angular TIPS:
Metaサービスを使って、コンポーネントからページのメタ情報を操作する方法を説明する。
Angular TIPS:
HttpClientサービスを使ってサーバーにファイルをアップロードするための基本的な方法を説明する。
Angular TIPS:
HttpClientサービスを使ってWeb APIと非同期通信するための基本的な方法を説明する。
Angular TIPS:
既存のコンポーネントからアプリ固有のロジックをサービスとして切り出すための基本的な方法を説明する。
Angular TIPS:
JavaScriptのswitch文のように、ある式を評価して、その式の値に応じて、表示するメッセージを切り替える方法を説明する。
Angular TIPS:
ngForディレクティブとsliceパイプを使って、ページャー(=ページングのためのリンクリスト)を実装する方法を説明する。
Angular TIPS:
i18nSelectパイプを使って、文字列値によってテキスト表示内容を切り替える方法を説明する。
Angular TIPS:
@Componentデコレーターのhostパラメーターを使って、コンポーネント要素そのものに属性やイベントをバインドする方法を説明する。
Angular TIPS:
Titleサービスを使って、コンポーネントからページタイトルを設定する方法を説明する。
Angular TIPS:
選択肢の中から複数を選択する「チェックボックスのリスト」を設置するための基本的な方法を解説する。
Angular TIPS:
Angularにより拡張されている標準的な<form>/<input>要素を使って、入力の有無を判定したり、サブミット済みかを判定したりと、その状態を監視する方法を説明する。
Angular TIPS:
Angularにより拡張されている標準的な<form>/<input>要素を使って、検証機能付きの入力フォームを実装する方法を説明する。
Angular TIPS:
ngStyleディレクティブを使って、要素に対して複数のスタイルプロパティをまとめて設定する方法を説明する。
Angular TIPS:
@Componentデコレーターのstylesパラメーターを利用してコンポーネントにスタイルシートを適用する基本的な方法を解説。また、スタイルを外部ファイルにする方法も説明する。
Angular TIPS:
スタイルシートとして定義した複数の対象クラスのスタイルを、任意の要素のclass属性にまとめて着脱できるngClassディレクティブの基本的な使い方を説明する。
Angular TIPS:
Angularで数値によってテキスト表示内容を切り替えるための、ngPluralディレクティブの基本的な使い方を説明する。
Angular TIPS:
与えられた条件式に基づき要素の表示/非表示を切り替えるngIfディレクティブで用いる、「さもなければ」を意味するelse句と、テンプレートとして別出しするためのthen句の、基本的な使い方を説明する。
Angular TIPS:
与えられた条件式に基づき要素の表示/非表示を切り替えるngIfディレクティブの基本的な使い方を説明。また、ngIfディレクティブによる表示/非表示の挙動の特性と注意点も示す。
Angular TIPS:
配列の内容を順に出力できるngForディレクティブ(=ngForOfディレクティブ)と、ダミーのコンテナー要素(<ng-container>)を使うことで、複数の要素群をまとめて繰り返し出力する方法を説明する。
Angular TIPS:
配列の内容を順に出力できるngForディレクティブ(=ngForOfディレクティブ)の基本的な使い方を説明。また、ngForディレクティブで利用できる特殊変数についてまとめる。
Angular TIPS:
スタイルシートとして定義した対象クラスのスタイルを、任意の要素のclass属性に簡単に着脱できるClass Bindingの基本的な使い方を説明する。
Angular TIPS:
セキュリティの観点からデフォルトではiframeのsrc属性やobjectのdata属性にはプロパティバインディングできない。これを回避して信頼できる値としてバインディングする方法を説明する。
Angular TIPS:
Style Bindingの「[style.スタイルプロパティ名.単位] = "式"」というバインディング構文によって、要素に対する任意のCSSスタイルプロパティに単位付きで値をバインドする方法を説明する。
Angular TIPS:
「[style.スタイルプロパティ名] = "式"」というバインディング構文により、要素に対する任意のCSSスタイルプロパティに値をバインドできるStyle Bindingの、基本的な使い方を説明する。
Angular TIPS:
Angularで数値を通貨記号付きのテキスト表示に整形するための、currencyパイプの基本的な使い方を説明する。
Angular TIPS:
Angularで数値を%(パーセント)形式のテキスト表示に整形するための、percentパイプの基本的な使い方を説明する。
Angular TIPS:
Angularで数値によってテキスト表示内容を切り替えるための、i18nPluralパイプの基本的な使い方を説明する。
Angular TIPS:
フォーム要素への入力値をイベントとして受け取る方法として、テンプレート参照変数を利用する方法を説明する。
Angular TIPS:
要素にイベントハンドラーをバインドするEvent Bindingで、その引数で得られるイベントオブジェクト「$event」から、イベントに関する詳細情報を取得する方法を説明する。
Angular TIPS:
テンプレート上のフォーム入力値とコンポーネントのプロパティ値を双方向にバインドするTwo-way Bindingのバインディング構文を説明し、その仕組みを紹介する。
Angular TIPS:
要素にイベントハンドラーをバインドするEvent Bindingについて、2つのバインディング構文を説明する。
Angular TIPS:
Angular CLIのng generateコマンドを使ってAngularアプリ用コードを自動生成してみる。また、各アプリのAngular CLI設定ファイルをエディターで編集する方法も紹介する。
Angular TIPS:
新規Angularアプリの作成時にAngular CLIを使うと効率的だ。そのインストール方法と、コマンド1つでAngularアプリのスケルトンを作成して、そのアプリを起動する方法を説明する。
Angular TIPS:
JavaScriptのString/Arrayクラスにおけるsliceメソッドと同じように、Angularで文字列から部分文字列を抽出したり配列から特定範囲の要素を取得したりできるsliceパイプの基本的な使い方を説明する。
Angular TIPS:
Angularで数値を桁区切り文字列に整形するための、numberパイプの基本的な使い方を説明する。整数と小数点以下の桁数を指定して整形することも可能。
Angular TIPS:
JavaScriptのStringクラスにおけるtoLowerCase/toUpperCaseメソッドと同じように、Angularで文字列を小文字/大文字に変換できるlowercase/uppercaseパイプの基本的な使い方を説明する。
Angular TIPS:
JavaScriptのJSON.stringifyメソッドと同じように、AngularでJavaScriptのオブジェクトをJSON形式に変換できるjsonパイプの基本的な使い方を説明する。
Angular TIPS:
HTML要素の属性に対応するプロパティではなく、属性そのものにバインディングする方法を説明する。
Angular TIPS:
プロパティバインディングでHTMLタグを含む文字列にバインドした場合、デフォルトでサニタイズされる挙動を確認。逆に意図的にサニタイズさせない方法を説明する。