高橋

CSS

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

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

ガード文言とは

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

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

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

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

CSSのdisplayプロパティを使用してブロック要素を横に並べるdivタグにblock:inline-block;を指定して横に並べてみます。cssです。.danraku{ border:1px solid; display:inline...
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: A4 l...
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となります。書き方は以...
Visual Studio Code

VSCodeでlaunch.jsonを作成してデバッグする方法

VSCodeでlaunch.jsonを作成してデバッグする方法
Windows

ウィンドウズのメモリ容量や32bit,64bitなどをショートカットで調べる方法

ウィンドウズのメモリ容量や32bit,64bitなどをショートカットで調べる方法ウィンドウズにメモリがどれだけ積んであるかなどを調べるときにOSのバージョンによって調べるのに難儀します。実はショートカットキー「ウィンドウズのロゴ」+paus...
Angular

Angular をIEでデバッグする方法

Angular をIEでデバッグする方法VSCodeのプラグインにChrome for Debuggerをインストールしておきます。launch.jsonに「」を登録しておき、ng serveしたらF5を押します。そうするとChromeが起...
Config

Spring JPAでPostgreSQLに接続する方法

Spring JPAでPostgreSQLに接続する方法
JUnit5

STS(Eclipse)でJUnit5用のbuild.gradle設定方法

STS(Eclipse)でJUnit5用のbuild.gradle設定方法
Angular

Angular で別端末のブラウザからng serveを確認する方法

Angular で別端末のブラウザからng serveを確認する方法MacのVSCodeで開発していて、WindowsのIE11で動作確認したくなりました。VSCodeのターミナルでng serveの--hostオプションを使用すると実現す...
Angular

Angular のJITコンパイラとAOTコンパイラ

Angular のJITコンパイラとAOTコンパイラAngularにはコンパイラがJITとAOTがあります。JITは実行時にブラウザでアプリケーションをコンパイルします。AOTはビルド時にアプリケーションをコンパイルします。また、テンプレー...
Angular

Angular でウィンドウズアプリ(EXE)を起動する方法

Angular でウィンドウズアプリ(EXE)を起動する方法
AWS

AWS EC2でAMIから簡単にWordPressが構築できるようになっているが、SSH接続できない

AWS EC2でAMIから簡単にWordPressが構築できるようになっているが、SSH接続できない久しぶりにAWSを触ることになりました。AMIから簡単にWordPressが作成できるようになっていて、こんなことも知りませんでした。試しに...
Mac

Mac OSがアップデート失敗する場合の対処方法

Mac OSがアップデート失敗する場合の対処方法Mac OSをアップデートしようと思ったらなぜか失敗しました。何度アップデートしようとしても「再起動」するしか選択がなく、とりあえずshiftを押しながらセーフモードで起動しました。これで起動...
npm

process.env.npm_lifecycle_scriptとは

process.env.npm_lifecycle_scriptとはprocess.env.npm_lifecycle_scriptという環境変数があります。この環境変数にはnpm-scriptsのコマンドが入ります。以下、package....
コトバンク

Origin(オリジン)とは

Origin(オリジン)とはOriginとは、「プロトコル+ドメイン+ポート」です。なので、の場合は以下のようになります。 名称 部分 プロトコル http ドメイン localhost ポート 8080
Angular

Angular CLIでプロキシファイルを設定する方法

Angular CLIでプロキシファイルを設定する方法Angular開発時にフロントエンドがAngularでAPIがJavaだったりするとそれぞれローカル開発環境が異なると思います。Angular : java: こんな感じで開発することに...
Chrome

Chromeで新しいタブブラウザを開く際に開発者ツールを自動で開く方法

Chromeで新しいタブブラウザを開く際に開発者ツールを自動で開く方法
npm

npmコマンドチートシート

npmコマンドチートシートgulpを使うよりもnpmコマンドでどうにかならんかーと思ってちょっと公式サイトから調べてみました。stop,start,test,restartはrunを省略できる今更ですが、npm run startとしても実...
TypeScript

TypeScriptでenumの比較方法

TypeScriptでenumの比較方法TypeScriptでenum同士を比較する場合、===で比較したらエラーになる場合にはがあります。enum Color{ red, blue, green}let a: Color = Color....
契約

在籍出向させて客先派遣するのは違法性が高いです

在籍出向させて客先派遣するのは違法性が高いです在籍出向とは?特定派遣が廃止になりましたので、派遣免許に切り替える事のできない企業は解散するかバイアウトする方向になると思っています。当社もいくつかのプロジェクトはSES契約から派遣契約に切り替...
node.js

Node.js(Lambda)でS3のファイル存在チェックをする方法

Node.js(Lambda)でS3のファイル存在チェックをする方法Node.jsでファイル存在確認をするメソッドがないようなので、getObjectメソッドを利用して存在する場合はtrue、存在しない場合はfalseを返すexistFil...
H2

Spring BootのテストでJUnit5+H2+@DataJpaTestアノテーションでテストする方法

Spring BootのテストでJUnit5+H2+@DataJpaTestアノテーションでテストする方法
Git Bash

Git Bashの設定ファイルの場所と設定方法

Git Bashの設定ファイルの場所と設定方法Git Bashにはマシンごとの設定ファイルや、マシンのユーザ単位の設定ファイル、リポジトリ単位の設定ファイルなどがあります。ここではユーザ単位の設定ファイルについて記述します。ユーザ単位の設定...
TypeScript

TypeScriptでjQueryを使う方法

TypeScriptでjQueryを使う方法TypeScriptでjQueryを使いたい場合は以下をインストールします。npm install --save @types/jquerynode_modules\@types\jquery\i...
JavaScript

javascrip:void(0)の意味を今更ながら調べました(javascript)

javascript:void(0)の意味を今更ながら調べましたアンカータグのhrefにjavascript:void(0)と何げなく使っていましたが、ちゃんと意味を調べてみました。アンカータグを無効にするというそれだけです。ただし、カーソ...
結合テスト

結合テスト仕様書アンチパターン

結合テスト仕様書アンチパターン結合テスト仕様書作成時・テスト時にやるべきことや、やるべきじゃないことを纏めてみました。私の経験則なので主観がかなり入っておりますがご了承ください。 iPadなどの実機での動作やデザイン確認が必要である事が多く...
便利ツール

WinShot でキャプチャしたタイミングで画面拡大される時の解決方法

WinShot でキャプチャしたタイミングで画面拡大される時の解決方法テストとかで画面をキャプチャする時によく使うWinShotですが、端末によって、キャプチャしたタイミングで画面が拡大されてしまい、全画面キャプチャが撮れないといった事象が...
Excel

Excelが勝手にR1C1形式になるのでA1形式に戻す方法

Excelが勝手にR1C1形式になるのでA1形式に戻す方法
Windows

Windows10でシャットダウンする方法

Windows10でシャットダウンする方法ついつい、うっかり会社の別端末で開発してたらキーボードの「Power」ボタンを押してしまいました。シャットダウンされます、、。危険すぎる。ということで無効にします。コンパネから「電源ボタンを押したと...
Swift

Swiftパッケージを作成する

Swiftパッケージを作成するMacでswiftコマンドからパッケージswift package init --type executable今回はexecutableを指定していますが、executableの他に以下指定ができます。emp...
Excel

Excelを超便利にするRelaxTools Addinの使い方

Excelを超便利にするRelaxTools Addinの使い方
npm

npm install -gオプションを使用せずにnpm scriptsを使用する

npm install -gオプションを使用せずにnpm scriptsを使用する
TypeScript

TypeScriptでlinq-es5(asEnumerable)の使い方

TypeScriptでlinq-es5(asEnumerable)の使い方TypeScriptでlinq-es5を使ってみます。参考サイト:linq-es5の使い方とりあえずインストールします。npm install --save-dev ...
JavaScript

JSのaddEventListenerの使い方 – javascript

JSのaddEventListenerの使い方
Angular

jasmineのitに第三引数でミリ秒が指定できる

jasmineのitに第三引数でミリ秒が指定できるAngularのテストコードの書き方については「Angular でテストコードの書き方を纏めました」でほぼほぼ書きました。あとはディレクティブのテストがダミーのコンポーネント作ってあげたりし...
便利ツール

画像をスライドのように見るにはXnViewが便利です

画像をスライドのように見るにはXnViewが便利です画像をスライドで見るツールとして、まっしぐらとか使っていましたが、XnViewがなんだか便利です。まだ使い切れていませんが、アポロ先生に教えていただきました。統合開発環境のようなインタフェ...
Angular

AngularのテストをChromeではなくIEでしてみる方法

AngularのテストをChromeではなくIEでしてみる方法Angularのテストコードの書き方については「Angular でテストコードの書き方を纏めました」で結構書いたつもりです。新たに新規記事でIEブラウザでテストする方法を書いてみ...
ECMA Script6

Object.freeze()の使い方

Object.freeze()の使い方Object.seal()メソッドではプロパティの追加も削除もできなくなりますが、既存プロパティの値変更は可能でした。Object.freeze()メソッドを使用すると、値変更も不可になります。cons...
ECMA Script6

Object.seal()の使い方

Object.seal()の使い方Object.preventExtensions()メソッドは、プロパティの削除は可能ですが、Object.seal()メソッドを使用すると、プロパティの追加も削除もできなくなります。deleteしても無視...
ECMA Script6

Object.preventExtensions()の使い方

Object.preventExtensions()の使い方Object.preventExtensions()メソッドを使用すると、オブジェクトに新しくプロパティを追加できないようにすることができます。const obj = {x:1,y...
ECMA Script6

Object.defineProperty()の使い方

Object.defineProperty()の使い方TypeScriptでlocation.reloadをspyOnしようとして、できなかったので色々調べていたら、Object.defineProperty()、Object.getOwn...