


Bluetoothキーボードを新しくしたら・・・
仕事で使用しているBluetoothキーボードの上下キーが壊れた為、同一のキーボードを某大型家電量販店で購入したら、頻繁に「半角/全角」が自動で切り替わる現象が起きました。 さすがに仕事にならないので、某大型家電量販店へ行き、初期不良の説明をして、その場で新しいものに交換してもらい、今のところ問題無・・・続きを読む →
HTML学習中にVSCodeの拡張機能が役に立ったお話
はじめに 個人的にHTML5プロフェッショナル 認定試験の学習をしており、 使ったことのないタグやタグの使い方についてをイメージするときに テキストのみだと理解に時間がかかったりどんな画面表示されるのかイメージしにくい時があります。 そんな時に役に立ったのが「Visual Studio Code(以・・・続きを読む →
Angular Materialのセレクトボックスにフィルタリング機能を付ける
はじめに Angular Materialで用意されているセレクトボックスにはフィルタリング機能がありません。 しかし、カスタマイズをすることで簡単にフィルタリング機能を付けることができます。 今回はその一例をご紹介したいと思います。 環境 Angular 9.1.11 Angular CLI 9.・・・続きを読む →
在宅勤務を実施して感じたメリット
はじめに カサレアルでは新型コロナウイルスの感染予防策として在宅勤務を実施しました。 家で仕事をするようになって様々なメリットがありましたので、 つらつらと書いていこうと思います。 ①家事をやるようになった 仕事がひと段落した休憩などで、家事をやる時間が増えました。 洗濯、掃除、夕飯の仕込みなどなど・・・続きを読む →
Kotlinで逆引きできるEnumの実装
Enumをコード値から逆引きして作成したい状況はよくあるかと思います。 例えばDBの値とEnumのコード値が紐づいているときなどでしょうか。 実装方法 以下のようなcompanion objectを作成することで実装できます。 package hoge.constants enum class An・・・続きを読む →
Firefoxのタブごとにセッションを変更する方法
はじめに 開発中のシステムで動作確認を行う際に、複数のアカウントでログイン後の動作確認を行いたい場合があります。 その際、一々ログアウトして別のアカウントでログインし直すのは手間が掛かります。 そこで、Firefoxの開発元であるMozillaが公開しているMulti-Account Contain・・・続きを読む →
LaravelでGoogleアナリティクスの環境別設定
Googleアナリティクスのタグの有効/無効を環境別に設定する方法をご紹介致します。 今回はLaravelでの実装例となります。 環境 Laravel:5.5 今回やりたいこと Googleアナリティクスのタグを本番環境以外では読み込みたくない。 →タグの有効/無効を環境別で設定する。 環境別設定は・・・続きを読む →
AWSでSSL証明書を発行する手順
AWSではSSL証明書を発行する事ができます。 有償の場合もありますが、無償で利用する事も可能ですので、今回は無償で利用する方法をご紹介します。 AWSでSSL証明書を発行するには、AWS Certificate Managerというサービスを利用します。 また、発行する前準備としてSSL証明書を利・・・続きを読む →
AWSでのサブドメインによるアクセス設定
やりたいこと https://ec2-XX-XXX-XX-XX.ap-northeast-1.compute.amazonaws.com/test.php を https://bsblog.casareal.co.jp/test.php のようにアクセスできるようにしたいと思います。 1.Elast・・・続きを読む →
リモートワークはじまりました
コロナの影響を受けてリモートワークすることになり、弊社でもVPN環境を構築することになりました。 一からVPN環境を構築することは簡単ではないというイメージでしたが、TechMatrix社の協力のもと Palo Alto Networksを導入したところ、1日程度の期間で利用することが出来ました。続きを読む →
October CMSの一覧画面で「今年」のデータでフィルターする
October CMSの一覧画面で「今年」のデータでフィルターする際の実装例をご紹介致します。 環境 Laravel:5.5 October CMS:1.0 MySQL:5.7.23 前提 October CMSの一覧画面では標準でフィルター機能が提供されています。 これにより、手軽に一覧画面にフィ・・・続きを読む →
小規模案件でのGit運用の個人的な最適解
はじめに ここで紹介するGit運用方法は、あくまで私が実際に運用して管理しやすいと思ったものです。 また、今回は「小規模案件で運用するにあたって」という観点でご紹介いたします。 最適解かどうかはご自分で判断いただき、部分的に参考になったところを取り入れるなどしていただけたら幸いです。 各ブランチにつ・・・続きを読む →
EventEmitter利用時のExpressionChangedAfterItHasBeenCheckedErrorの暫定的回避法
はじめに Angularでの開発中、ngIfでExpressionChangedAfterItHasBeenCheckedErrorが発生する現象に遭遇しました。 こちらの原因と暫定的対応案に関しての記事になります。 発生時の状況 子コンポーネントの処理で、@Output()で親コンポーネントにEv・・・続きを読む →