2018-11

CSS

IE11でプリンタの縦横の印刷に合わせてCSSを変更する方法

IE11でプリンタの縦横の印刷に合わせてCSSを変更する方法 IE11でプリンタの縦印刷の場合はあるスタイルシートを当て、横印刷の場合は別のスタイルシートを当てたい場合、メディアクエリをふたつに分けて実現する事ができます。 印刷時にプリンタ...
Angular

Angular5の@ViewChildと@ViewChildrenの違い

Angular5の@ViewChildと@ViewChildrenの違い Angular の@ViewChildren もしくは @ViewChildを使用して親コンポーネントから子コンポーネントのメソッドなどにアクセスできるようになります...
spring boot

VSCodeでSpring Bootを開発する方法

VSCodeでSpring Bootを開発する方法 「VSCodeでJava開発をする方法」でJava開発に必要なプラグインを紹介しました。 今度はSpring Bootを開発する環境を整えてみたいと思います。 さらに必要なプラグインは以下...
Java9

Java9からIntegerとDoubleが非推奨になっていました

Java9からIntegerとDoubleが非推奨になっていました ちょっとJavaの開発をしていなかったらいつの間にかIntegerとDoubleクラスが非推奨になっていました。 import java.lang.Integer; imp...
Java11

VSCodeでJava開発をする方法

VSCodeでJava開発をする方法 VSCodeでJavaを開発します。Visual Studio IntelliCodeがJavaに対応したので、Javaのコーディングをサポートしてくれます。これはEclipseやSTSにはない素晴らし...
chocolatey

ChocolateyでJava11をインストールする方法

ChocolateyでJava11をインストールする方法 ChocolateyでJava11があったので、インストールしてみました。 Javaのインストールディレクトリを指定したかったので以下のように指定しました。 choco instal...
Lambda(node.js)

Lambda(node.js)でカスタム例外を作成する

Lambda(node.js)でカスタム例外を作成する node.js v12でErrorオブジェクトを継承したカスタム例外クラスを作ってみます。 'use strict' class CustomError extends Error {...
Angular

Angular7からドラッグアンドドロップが色々できるようになっています

Angular7からドラッグアンドドロップが色々できるようになっています
Angular

Angular7ではIvyは含まれておらず、開発中とのことです

Angular7ではIvyは含まれておらず、開発中とのことです 次世代レンダリングエンジンのIvyは、Angular7には含まれていないようです。 公式ブログによると、「現在、下位互換性を検証中!」とのことで、もうじきIvyになると思われま...
Angular

Angular6からAngular7にバージョンアップする方法

Angular6からAngular7にバージョンアップする方法 Angularは6か月毎にメジャーバージョンアップしていますが、2018/10/19にAngular7が正式にリリースされました。 Angular6からAngular7にバージ...
lombok

Lombokの@RequiredArgsConstructorでコンストラクタインジェクションする際に@QualifierアノテーションでBean指定してもエラーとなる

Lombokの@RequiredArgsConstructorでコンストラクタインジェクションする際に@QualifierアノテーションでBean指定してもエラーとなる AppConfigクラスでBeanをname属性を指定して指定します。...
Angular

Could not find module “@angular-devkit/build-angular”

Could not find module "@angular-devkit/build-angular" こんなエラーが出たら npm install --save-dev @angular-devkit/build-angular で解...
Angular

Cannot find module ‘@angular/compiler-cli’

Cannot find module '@angular/compiler-cli' ng serve --oでこのエラーが発生したら、node_modulesを一旦消して npm install で解決しました。
CSS

CSSでul,liのドットを消す方法

CSSでul,liのドットを消す方法 ul,liでナビゲーションを作る際にドットを消したい場合があります。 普通に書くとドットが表示されます。 aaa bbb 上記のCSSです。 <ul> <li>aaa</li> <li>bbb</li>...
Visual Studio Code

VSCodeでファイル保存時に末尾の空白を削除(トリム)する方法

VSCodeでファイル保存時に末尾の空白を削除(トリム)する方法 settings.jsonの設定で以下を設定します。 "files.trimTrailingWhitespace": true これで保存時に末尾の不要な空白は削除(トリム)...
CSS

CSSのposition:flex;でスクロールしても表示される領域を確保する方法

CSSのposition:flex;でスクロールしても表示される領域を確保する方法 CSSでpositionプロパティは理解するのが難しいです。 position:flex;とすることによってヘッダ領域に表示することができます。 画面が縦長...
Visual Studio Code

VSCodeのフォントをコーディング用のFira Codeにする方法

VSCodeのフォントをコーディング用のFira Codeにする方法 最近Fira Codeなるフォントがプログラマーの間で流行っているようです。(多分) どうも合字というやつのようで、コーディングでよく使うコードが合字になるようです。 と...
CSS

CSSのflex-directionでフッターを固定する方法

CSSのflex-directionでフッターを固定する方法 flex-directionプロパティを使用すると、子要素を左から右、右から左、上から下、下から上といったように表示することができるようになります。 フレックスアイテム1 フレッ...
Visual Studio Code

Visual Studio IntelliCodeがJavaに対応したようです

Visual Studio IntelliCodeがJavaに対応したようです 急速な勢いで開発されているVSCodeですが、そのプラグインのVisual Studio IntelliCodeがJavaにも対応したと発表されました。 AIが...
CSS

CSSのoverflowの使い方

CSSのoverflowの使い方 overflowを使用するとブロック要素から表示しきれない部分をどうするかを指定できます。 デフォルトは、overflow: visible;で、表示しきれない部分ははみ出しても表示することになります。 サ...
CSS

CSSのrgbaで透過する方法とopacityとの違い

CSSのrgbaで透過する方法とopacityとの違い rgbaを使うと透過させる事ができます。opacityと同じく0〜1が範囲となります。 0.7 0.5 0.1 cssです。 <div style="width: 100px; hei...
Angular

Angular で右クリックを検知する方法

Angular で右クリックを検知する方法
TypeScript

TypeScriptでenumをfor-ofでループする方法

TypeScriptでenumをfor-ofでループする方法 enumをfor-ofでループしようとしてもイテレータブルではないため、for-ofでループすることができません。 一旦、enumを配列に変換してからループします。 enum S...
JUnit5

JUnit5で変更・追加された機能

JUnit5で変更・追加された機能
CSS

CSSのspanタグで三角を描く方法

CSSのspanタグで三角を描く方法 CSSのspanタグで三角を描いてみます。borderを使用します。 cssです。 .danraku{ border-top: 10px solid transparent; border-right:...
CSS

CSSのdivタグで円を描く方法

CSSのdivタグで円を描く方法 DIVタグなどのブロック要素でborder-radiusを50%で指定すれば、円を描けることが出来ます。 前提として、widthとheightは同じであることとなります。でないと楕円形になってしまいます。 ...
コトバンク

ガード文言とは

ガード文言とは ガード文言とは保証約款や保険設計書などに記載されている小さい注意文言のことです。 例えばオヤツなどに記載されている 辛さの感じ方には個人差があります。お子様や辛味の苦手な方は、ご注意ください。 などをガード文言といいます。
SVN

Tortoise SVNでリポジトリサーバが変更された場合の変更方法

Tortoise SVNでリポジトリサーバが変更された場合の変更方法 SVNのリポジトリサーバが変更された場合、Tortoise SVNのリポジトリサーバのIPアドレスを変更しなければいけません。 変更するには、右クリックして「Tortoi...
CSS

CSSのdisplayプロパティを使用してブロック要素を横に並べる

CSSのdisplayプロパティを使用してブロック要素を横に並べる divタグにblock:inline-block;を指定して横に並べてみます。 cssです。 .danraku{ border:1px solid; display:inl...
CSS

CSSのドット(.)とシャープ(#)の違い

CSSのドット(.)とシャープ(#)の違い cssファイルに.aaaという表記と#aaaという表記方法があります。 これはhtmlファイル側のid属性の場合は#、class属性の場合は.となります。 #の方をidセレクタ、.の方をclass...
CSS

CSSのpaddingはmarginの逆でborderの内側みたい

CSSのpaddingはmarginの逆でborderの内側みたい marginはブロック要素の外側であることがわかりました。逆にpaddingを指定すると、ボーダーの内側に対して余白を指定するようです。 例えばdivタグ内のコンテンツ位置...
CSS

今更ながらCSSのmarginについて勉強してみました

今更ながらCSSのmarginについて勉強してみました marginが良く分かっていなかったので実際に試してみました。 わかりやすいようにbodyとdivタグにborderをつけています。 marginは margin:上 右 下 左 とい...
Visual Studio Code

VSCodeでregionを使用してコードフォールディングする方法

VSCodeでregionを使用してコードフォールディングする方法 いつからかこの#regionの機能が追加されていました。 // #region 何らかのコーディング // #endregion このregionで指定した間が開閉できるよ...
CSS

CSSで印刷時の縦横を指定する方法

CSSで印刷時の縦横を指定する方法 CSSで印刷時の縦横を指定できたら素晴らしいですね。 なんとChromeならその指定できるようです。残念ながらIE11では効かなかったです。以下、横指定です。 @media print { size: A...
Chrome

Chromeでmedia printを確認・デバッグする方法

Chromeでmedia printを確認・デバッグする方法
CSS

CSSのtext-indentを使用して段落の1行目をインデントする方法

CSSのtext-indentを使用して段落の1行目をインデントする方法 最近デザインに目覚めはじめました@takahashiです。 CSSで文章の1行目を全角1文字分インデントしたい、といった場合はtext-indentを使えば一発で可能...
DB2

DB2で年の初めからの通算日数を求めるDAYOFYEAR関数の使い方

DB2で年の初めからの通算日数を求めるDAYOFYEAR関数の使い方 DB2でDAYOFYEAR関数という便利な関数を発見しました。 通算日数と言う、年の初めからの日数を求めることができます。 1/1は1,12/31は365となります。 書...