Latest

Angularでリアルタイムバリデーションを実装する

前置き クライアント側での単項目チェックによく使われる「リアルタイムバリデーション」をAngularで実装するためのTIPSです。 実装手順 フォームグループを作る * FormBuilder や FormGroup を使ってコントロールをまとめる form = this.fb.group({ username: ['', []], email: ['', []] }); バリデーションを設定する * 各コントロールに Validators を追加 * 非同期バリデーション(サーバー照会)を使うなら asyncValidators に設定 form = this.fb.group({ username: ['', [Validators.required, Validators.minLength(3)]], email: ['', [Validators.required, Validators.email]] }); HTMLにフォームを描く
やまぐろ

【PowerShell】テンプレートファイルを、名前リスト分リネームしてコピーする

仕事に使えそうだなあ、というか仕事に使いたいシチュエーションがあるなあと思い、日付が変わってるのにPCに向き合っています。もう今日から仕事だよ! ツールの仕様 * テンプレートファイル をもとに * ファイル名リスト(.txt、改行区切り) に書かれた名前で複製を作成し * 指定した出力フォルダ に一括生成する PowerShell GUI ツール なので、Windows環境であればとりあえず動くはずです。 コード(makefiles.ps1) Add-Type -AssemblyName System.Windows.Forms Add-Type -AssemblyName System.Drawing # -------- 共通ダイアログ関数 -------- function Select-File { param( [string]$Title = "ファイルを選択", [string]$Filter = "すべてのファイル (*.*)|*.*" ) $d
やまぐろ

会計検査院が指摘した“国の情報システムの脆弱性”問題をゆるく解説

今回のできごと 日本の会計検査院が2021〜2023年度にかけて、中央省庁など40機関・356システムのセキュリティ対策を点検したところ、脆弱性対策が不十分なケースが相次いで見つかったそうです。 参考/出典: * nippon.com * Yahoo!ニュース * 会計検査院:各府省庁等の情報システムに係る情報セキュリティ対策等の状況について この記事では、このニュースのポイントを整理しつつ、背景や今後の課題を深掘りしていきます。 会計検査院(Board of Audit of Japan)は、国の会計(お金の出入り)を監査する独立機関です。 法律に基づき、内閣や各省庁、さらには国からお金をもらっている法人・団体に対して、ちゃんと適正にお金が使われているかを調べます。 もともとは「お金の使い方チェック」が中心でしたが、 * 公共事業の効率性 * 行政のシステム運用(今回のセキュリティチェックなど) * 国際機関への拠出金の使われ方 といった幅広い分野に踏み込んでいます。
やまぐろ

パスワード不要のファイル共有サービス「カギスル」を使ってみた

前置き ファイル送信におけるセキュリティ対策は、昔からさまざまな方法で行われてきました。 例えば「PPAP方式」はインターネットの普及と併せて採用が増えてきたこともあり、筆者も長いことコレと付き合っていました。また、物理ディスクで直接渡す、というオフラインつよつよセキュリティ対策にも出会ったことがこともあります。 特にPPAPは社内のメールシステムに自動で組み込まれていたりしたので、多くの方が意識せずとも利用していたでしょう。 そして、現代では長いこと第一線で利用されてきたPPAPが「セキュリティ効果が薄い」と廃止の方向となり、代替手段に置き換わっています。 特に有力なのはクラウドストレージによる共有でしょう。ざっくり言うと、ファイルをメール添付して送信するのではなく、閲覧権限を付与したファイルのリンクを送る手法です。 筆者も業務中はOneDriveがメインになっていますし、GoogleDriveやDropboxを利用している方も多いと思います。 また、クラウドストレージと同様に普及してきているのがE2E (
やまぐろ

WordPressでWP-Optimizeを使う時にやっておくべき設定まとめ

前置き WordPressってコード組まなくても簡単にブログが作れるし、管理画面から記事の投稿もできたりして便利ですよね。しかし、機能が充実しているぶん、サイトが重くなりがちという側面もあります。 今回はそんなWordPressのデメリットを手軽に改善できるプラグイン「WP-Optimize」の設定をまとめてみました。 この記事で分かること * WP-Optimizeってどんな効果があるの? * インストール後に最低限やっておくべき設定 WP-Optimizeとは まず初めに「WP-Optimize」とはどんなプラグインなのか?を簡単に紹介します。 * 高速化オールインワンプラグイン * データベース掃除/キャッシュ/ファイル圧縮/画像最適化 * 「これ1つで基本の高速化対策が揃う」のが強み * しかも基本無料 効果はちゃんと出るし、設定箇所が少なくトラブル時に切り戻しやすいというメリットもあります。使い勝手が良いので、個人的にずっと愛用しているプラグインです! WP-Op
やまぐろ

万能口座「ぱぱばんく」を思いついた!

前置き この記事は、筆者が突然思いついたアイデアを文章化し、実現性や将来性を考えてみるシリーズものです。 思いつきのまま書いているので、一部適当なことを言っていると思いますが、ネタとして温かい目で見ていただけると幸いです。 現状の課題 銀行口座が複数あるが、これを横断的に管理することができない。そこで、複数ある銀行を子とした親銀行を作ることで資産管理を行いやすい環境にしたい。 コンセプト 銀行の銀行(親銀行) 複数の銀行口座を束ねて、一元管理&自由に資金移動できる「万能口座=親銀行」。 サービス名は「ぱぱばんく」 日本の“パパ=ATM”イメージを逆手にとり、親しみやすくキャッチーなネーミングに。また、パパがぱぱばんくを利用して家族用の銀行に自動送金することで、一部をちょろまかすことも可能! 必須機能 全口座の残高集約表示 * 生活用・貯蓄用・投資用など、すべての銀行口座をひとつのアプリで確認 * ダッシュボードで「いまのお金の全体像」が見える
やまぐろ

WordPressでCloudflareを使う時にやっておくべき設定まとめ

前置き 数あるCDNの中でも群を抜いて有名なサービスがCloudflareです! 無料で利用できて、セキュリティリスクの低減とページの高速化ができる便利なサービスなので、筆者がサイトを作るときの初期構築の中で、必ず導入するようにしています。もちろんこのブログも例にもれず、Cloudflareを通してWEBに公開しています。 ただ、便利な反面、設定がちょっとややこしいというデメリットもあるんですよね。筆者としても、何回も設定しているはずなのに、結局覚えてなくて都度調べたりしています。。 できれば面倒なことをあんまりしたくない。しかし最近、このブログに置いてあったツール群を新サイトに移行してしまいました。そう、筆者はCloudflareを利用しなければならない呪いにかかっているので、サイトを作る=Cloudflareの初期設定をする、なのです! これに伴い、WordpressでCloudflareを利用する際の設定をまとめたので、備忘録的にここに残しておこうと思います! セキュリティ まずはセキュリティ設定から
やまぐろ