Web備忘録

プログラミングを中心に技術的な事柄を忘れないように書き残します。

[WPF] コンボボックスにMaxLengthを設定する方法

[WPF] コンボボックスにMaxLengthを設定する方法 WPFアプリケーションで入力可能なコンボボックスの入力桁数を制限したい場合がありました。テキストボックスの場合は、MaxLengthプロパティを設定するだけですが、コンボボックスにはそれがありません。なので別の方法をとる必要があります。 添付ビヘイビアを使用してMaxLengthを設定する方法があります。ComboBox のテンプレートをいじることで実現します。もちろん添付ビヘイビアを使わず、コードビハインドで ...

続きを読む ⇒

[CSS] attr(data) で fontawesome を使う

Font Awesome を CSS 上から attr() で指定する方法 例えばボタンにフォントを付けるために次のようなコードを書けます。 <style> #TestBtn1:before { font-family: FontAwesome; content: '\f06e'; } </style> <button id="TestBtn1">button< ...

続きを読む ⇒

メモ帳のログ機能(小ネタ)

メモ帳のログ(タイムスタンプ)機能について windowsOSに標準搭載されているテキストエディタのメモ帳には、ログを記録できる機能があります。 ログ機能の使い方は単純で、ファイルの先頭行の頭に .LOG と入れて保存しておくだけです。このファイルをメモ帳で開いた際、ファイルの末尾に タイムスタンプ が追加されます。 例えば以下のようにテキストファイルを作成し .. メモ帳で開くと次のようにタイムスタンプが追加されます。 ...

続きを読む ⇒

Canvasの縦横比がおかしい

canvasの縦横比がおかしい canvas のサイズを変更して何か描画した際に、サイズの縦横比がおかしくなることがあります。サイズを変更する際に style で変更すると、内部的な描画領域が変更されないため、縦横比が狂います。 canvas のサイズを変更する際には、width属性・height属性で変更する必要があります。 実行結果(縦横比がおかしくなる) <canvas id="canvas1" style="widt ...

続きを読む ⇒

[Javascript] スプレッド演算子(Spread Operator)の使い方

スプレッド演算子とは Javascript(ES6) には スプレッド演算子 (Spread Operator)と呼ばれる演算子があります。これは " ... "(カンマ3つ)で表現され、分割代入(複数値の展開)の為に用いられるものです。検索しにくいですが。 例えば引数を3つ取る関数に配列をスプレッド演算子で展開して渡したりすることができます。具体的には以下のコードを見ます。 複数の引数を持つ関数に配列を展開して渡す 次のコードでは、引数 a, b, ...

続きを読む ⇒