ネットワークとIT・ハード・ソフトの活用

【セキュアチャネル破損】このワークステーションとプライマリ ドメインとの信頼関係に失敗しました【復旧】

先日、ドメインユーザで会社のPCにサインインしようとしたところ、「このワークステーションとプライマリ ドメインとの信頼関係に失敗しました」とエラーメッセージが出て利用できないケースがありました。この場合の復旧手順について説明します。「このワ

MacOS の Time Machine がうざいので設定を変えたい

MacOS の Time Machine の自動バックアップが便利なのですが、バックアップ処理が毎時間走り、仕事中に処理が遅くなってしまって困ってました。いろいろ探してたら、便利なツールを見つけました。ただ、設定にちょっとコツがあることも分かりましたので、メモとして残しておきたいと思います。

AWSを学ぶ（25）VPCエンドポイントを理解しよう

AWS を学んでみようということで、今回は、AWS の VPC エンドポイントを調べてみました。

React Query入門 導入から簡単な使い方までを解説

サンプルを例に、React Queryの使い方を解説します。入門レベルですが、参考になればと思います。今回作成するサンプルReact Queryとaxiosを使って、GETとPOSTのHTTP通信を行うサンプルを作成しました。GET：取得し

【React】buttonがdisabledかチェックするテストを実装

Reactで、buttonがdisabledがチェックするテストを実装します。buttonがdisabledかチェックする方法使用するメソッドbuttonのdisabledをチェックするには、次の２つのメソッドが使えます。.toBeDisa

buttonのclickイベントをテストする方法【React Testing Library】

Reactで、buttonをクリックしてonClickイベントを発生させるテストを実装します。buttonをクリックするテストを実装使用するメソッドbuttonをクリックするには、次の２つのメソッドが使えます。userEvent.click

ESXi サーバーのデータストアとして QNAP を使う（iSCSI 編）

VMWare ESX のデータストアとして、前回は QNAP のストレージ領域を NFS でマウントしたのですが、今回は iSCSI でもマウントしてみました。その時の設定のメモです。

Reactでテストを実行してみよう！React Testing Libraryの使い方

Reactコンポーネントは、JestとReact Testing Libraryを使ってテストを実施できます。Create React Appで作成したコードを参考に、テストを実行してみましょう。構成はReact+TypeScript+ya

VSCodeにESLintとPrettierを設定してReact+TypeScriptのコードを自動整形

チーム開発をしていると、コーディングスタイルがバラバラで困ることがあります。インデントがずれているスペースの開け方が違う改行の位置がそろっていないということで、コードを自動整形してしまおうという試みです。エディターはVSCode、プロジェク

社内SE（情シス）の仕事内容とは？５つの業務をご紹介

綴間チヨノリこんにちは～綴間チヨノリです社内SE（情シス、IT担当者）の本を出版したら、翌朝にAmazonで１位を２つも^^出版社との経緯や書籍に込めた想いをこちらで綴ったので見てみてね～社内SE（情シス、IT担当者）の仕事内容は会社によっ

[RHEL9] httpd の設定

Apache HTTP Server (httpd) は、 Apache License 2.0 の条件でリリースされるフリーでオープンソースのクロスプラットフォームの Web サーバソフトウェアです。Apache は Apache ソフトウェア財団の支援のもと、開発者の...

[Git]間違ってdevelopブランチにコミットした時はそのままfeatureブランチにマージしちゃえばいいんじゃない？って話

ローカルの変更を間違えて developブランチにコミットしちゃったことありませんか？私はよく、featureブランチを切る前にdevelopブランチにコミットしてしまうことがあります。Gitのミスって、すごく焦りますよね。この記事では、そ

JavaScriptで月末/来週/先週/次の○曜日など特殊な日時をdate-fnsで取得する方法

来週とか月末とか、今を基準とした日時を出力したいってことがありました。ちょっと特殊な日時でも、data-fnsを使用すれば簡単に取得できます。日付取得のさまざまなパターンを記事にまとめました。多いので、目次を活用してください。最初にインスト

社内SEの本を出版！『Before DX　働き方を劇的に変えた社内SE「50」のRULE』

出版社さまから執筆依頼があり「まさか？自分が？」と戸惑いながらも出版へのキッカケをいただくことに。『Before DX　働き方を劇的に変えた社内SE「50」のRULE』という社内SEの本を出版します！

DBコンテナ内のデータ確認はdocker execコマンドを使用（Docker DesktopからでもOK）

dockerでDBのコンテナを立ち上げた時、データはどうやって確認していますか？私は、docker execコマンドでコンテナ内のDBをチェックしたりします。この記事では、PostgreSQLを例に解説します。コンテナ上のDBにdocker

[React]useStateでオブジェクト(連想配列)や配列の一部を更新する方法

私はいつも、ReactのuseStateでオブジェクト(連想配列)の更新に手を焼いています。どうやるんだっけ？ということで、この記事に更新のやり方を残しておきます。useStateでオブジェクトを更新する方法オブジェクトの一部を更新cons

BanBackup でバックアップの自動化

BanBackup を使ってバックアップを行おうと思いましたが、いまいち自動バックアップの設定が不明で調べてみました。その時の備忘録です。

GW

あと1日頑張ればGWの人も関係ない人もいると思いますが、とりあえず世間的には日本の大型連休です笑 いずれにせよ、明日は頑張りましょう！ にほんブログ村 人気ブログランキングへ

デジタルスキルを無料で学ぶ方法【２２選】

デジタルスキルの基となるセキュリティ＆暗号化、統計学、データサイエンス、AI・機械学習・深層学習、プロジェクトマネジメントやブロックチェーン（Web3.0）を学べるサイトをまとめました！デジタル人材になるための勉強法は全ての人に関係あります！なぜなら、

スキル習得に必要な時間は？５つの法則と事例をもとに逆算しよう

リモートワークが増えるなかリスキリングでデジタルスキルを学ぶ人が増えています。しかし学ぶといってもスキルを習得するのに必要な時間はどのくらいか？たとえば「来年の４月までに実績作るぞ～」なんて思っても目安がわからないと計画しにくいですよね。

これからIT人材になるなら企業のIT担当者が目指しやすい3つの理由

エンジニアになるにはプログラミングの適正があるのでハードル高いですし、プログラミングスクールの問題も社会問題化してきましたね。IT担当者はプログラミングする機会もそんなないです（むしろ自分で選べることの方が多い。だって属人化しますから(ﾟoﾟ;;）。

[git stash]VSCodeでコミットせずに変更を一時退避(保存)する方法

私、developブランチで実装してみて、いい感じだったらブランチ切ってコミット＆プルリクするっていうのをよくやるんですよね。そんな時に別タスクの優先度が上がって、一旦現状の変更をコミットせずに一時退避させて、他の修正を行いたいことがありま

不要なリモートブランチを一気に削除するコマンドのgit fetch –pruneはVSCodeでも実行可能

開発が忙しくなってくると、使わないブランチがどんどん溜まってきますよね。特にリモートブランチはあまり認知できていないことがあるので、気がついたら大量に残っていることがよくあります。この記事では、そんな不要なリモートブランチを一気に掃除できる

転職して1年が経ちました

いよいよ今日から4月です。 去年の今頃、長年勤めた会社を退職後、転職して新人研修1日目を受けていました笑 元々勤めていた会社は、いわゆる日本のIT大手と言われる会社でした。 なぜ辞めたか？ 日本企業の伝統的な文化？笑である役職定年に加え、60歳定年。60歳を超えると契約社員として65歳まで１年毎に契約いう待遇。 収入面でいうと役職定年（55歳位？）で年収が7割に、60歳を超えると元の年収の3割に。。。 例えば、年収が1,000万円あったとしたら、役職定年で700万円、60歳を超えると300万円って感じです。。。 人生設計すると破綻笑 で、転職後。。。 役職定年なしの定年70歳。人生設計は今のと…

FHRP を学ぶ (0) FHRP の種類

CCNP R&S を CCNP Enterprise で更新しようと勉強を始めました。今回は、Enterprise Core の試験範囲の 1つである FSRP の種類について調べました。

Mac OS で SSTP VPN を使う

Mac OS で簡単にSSTP VPN が使えるアプリ「iSSTP」を使ってみました。GUI から設定ができるので、非常に使いやすいツールです。今回は、Azure VPN Cloud と iSSTP を使って、Softether VPN Server に SSTP VPN で接続してみます。

[docker]未使用リソースを全て削除する方法があった！docker-compose buildで「no space left on device」というエラーが出たので試してみました

割と頻繁にdocker-compose buildをしていた時、なぜかビルドに失敗することがありました。エラーメッセージを見てみると、何やら「no space left on device」という文字が...調べてみると、dockerのリソ

ネットワークって。。。#42（アプリケーションプロトコル）

今回は、ネットワーク管理（SNMP：Simple Network Management Protocol）についてです。 前回までは、ネットワークがどんな仕組みで動作、通信等しているかを中心に記載してきましたが、今回はそのネットワークを監視する仕組みの話です。 もともと、ネットワークが単純な頃、、、ネットワーク管理は人の手（記憶と勘）で管理されていました。 ネットワークの発展と拡大とともに、人の手では管理できなくなりました。 人間の世界でも一緒ですよね。。。 昔は子供などが出かけてなかなか帰って来なかったりすると思い当たる場所まで迎えに行ったりしてましたが、今は見守り携帯で子供がどこにいるかす…

QNAP でポートトランキング (LAG/EtherChannel) 接続

QNAP NAS でインターフェースが 2つ搭載されているモデルなので、Cisco スィッチと EtherChannel (LAG/Port Trunking)で接続してみようと思い設定してみました。

[React]useEffectはいつ実行される？レンダリング後/値の変更時/初回だけの３パターンのタイミングがあります

React HooksのuseEffectが無限ループで実行されて困った経験があります。一体、useEffectはいつ実行されるのでしょうか？この記事では、useEffectの実行タイミング3パターンをまとめます。useEffectの実行タ

[React]ドラッグ&ドロップできるテーブルをMUIとreact-beautiful-dndで作成してみました

Reactで開発をしていて、テーブルの行を自由に並び替えたいって思うことありますよね。ということで、ドラッグ&ドロップで行を入れ替えられるテーブルを作成してみました。 See the Pen react-dnd-table b

ESXi サーバーのデータストアとして QNAP を使う（NFS 編）

QNAP のストレージを購入したので、早速、家で使っている仮想基盤である ESXi サーバーのデータストアとしてマウントして連携させてみました。その時の設定内容のメモです。今回は NFS での連携方法です。

Cisco EEM とは

CCNP R&S を CCNP Enterprise で更新しようと勉強を始めました。今回は、Enterprise Core の試験範囲の 1つである EEM について調べてみました。

[React]ダークモードにする方法！MUIを使ってOSの設定から自動的にテーマを変更する

Reactで開発したアプリケーションをダークモード対応させたい！そんなとき、Material-UI(MUI)ならテーマを変更させるだけで簡単にダークモードにできます。ユーザーのOSの設定から自動的にテーマを変更可能なので、やり方を紹介します

[React]Material-UI(MUI)を使うと画面設計がとても簡単になるので初心者にもおすすめです

私ごとですが、最近初めてUIの開発に手を出しています。React + TypeScriptで開発するっぽいのですが、UIなんて作ったことありません。困ったなぁ〜って思っていたのですが、ReactのUIライブラリを使うことになりました。Mat

ネットワークって。。。#41（アプリケーションプロトコル）

今回でWebの話は終盤になります。 今回はWebの中でもちょっと歴史のあるCGIとCookieについてお話しします。 CGI（Common Gateway Interface） シージーアイって読みます。そのままですが。。。笑 Webが普及し始めた頃は、静的なHTMLによりページを表示するのが一般的でした。 ページから別のページへと遷移、世界のどのページにもリンクを貼ることで遷移できる。これだけでも当時は斬新な仕組みでした。 インターネットの普及とともにWeb技術も進化し、今やネットショッピングやGoogleの検索など、静的なページだけでなく、プログラムを動かしてその結果をブラウザに返すという…

React + TypeScriptのプロジェクトをパパっと簡単に作成する方法!

どうやってReactでTypeScript使うのかな？って思うことがあったので、ローカルで環境構築してみました。新規プロジェクトで作成する場合はコマンド一発で出来るので簡単です。React + TypeScriptのプロジェクト新規作成次の

SD-WAN を試す (2) Controller のインストール

Raspberry Pi 4 でサイト間 VPN を作ってみよう

Raspberry Pi 4 で SoftEther を使って、サイト間 VPN の設定をしてみました。その時のメモです。Raspberry Pi OS のインストールから、SoftEther の設定まで。

JavaScriptでイベントをキャンセルする方法！子要素から親要素へのonClickイベント伝搬をストップ

HTMLでは、クリックなどのイベントが発生した時に、発生した要素だけでなくその親要素にイベントが伝搬していくようです。イベントが発生した要素から親要素へとどんどん伝播していくことを、バブリング（Bubbling）とか言うみたいですね。いや、

Cisco 認定資格 CCNP の更新時期が迫ってきた

2019年に取得した Cisco の CCNP R&W の資格の期限切れが近づいてきました。具体的に何を取得すれば更新できるのか？個人的にちょっとまとめてみました。

Cisco ルーターで VPN (2) サイト間 GRE over IPSec VPN 接続

インターネット越しのサイト間 IPSec VPN をやってみたくて、Cisco ルーターで動作確認をしてみました。今回は、GRE over IPSec を試しました。その時のメモです。

Cisco ルーターで VPN (1) サイト間 IPSec VPN 接続

インターネット越しのサイト間 IPSec VPN をやってみたくて、Cisco ルーターで動作確認をしてみました。その時のメモです。

Teams Webミーティングで事前収録した音声を再生する方法

先日TeamsのWebミーティングでプレゼンをすることになりました。15分を一人で話す必要があったのですが、面倒くさがり＆無駄が嫌い＆人前が苦手なhiroyamaにとっては大変。なんとか対策が必要です。

JavaScriptの配列検索メソッドは9つあるけど全部知ってる？使用方法をまとめました

私は、JavaScriptで配列の要素を検索したいです！ですが、ひとえに検索といえど方法がいっぱいあります。私が見つけた限り、全部で9つの配列を検索できるメソッドがありました。ということで、それらをまとめてみました！目次から目当てのメソッド

タイプライター風キーボード

昨年、ビックカメラで予約販売で展示されていたロジクールのキーボード POP KEYS   [1] を叩いてみて、そのポップなデザインに魅了されています。買うんだったら黄色系のにしてマウス   [2]   もセットにして買いたいなあ、とすら思っています。 一方で、PC の...

date-fnsでUTCの文字列をJSTのDateに変換する（yyyy-MM-dd HH:mm）

日時がUTCになっている文字列をJavaScriptのDateオブジェクトに変換してみます。ライブラリにはdate-fnsを使用しました。date-fnsのインストール方法npm i date-fnsyarn add date-fnsUTC

[JavaScript]日付をyyyymmddhhmmの形でDate↔︎stringに変換するのが結構面倒でした

ちょっと訳あって、日付をyyymmddhhmm形式で扱うことになりました。"2022年2月5日 21:00"の場合、"202202052100"になる感じです。Dateの引数にそのまま突っ込んでもダメ

ネットワークって。。。#40（アプリケーションプロトコル）

久しぶりのネットワークって。。。シリーズです。 今回はJavaScriptの話。 前回までにWebの基本要素であるURI、HTML、HTTPについて記載してきました。 この3要素だけでは、条件に応じて動的に素早く画面を変えたりする事が難しいです。 それを実現するのがJavascriptです。 JavaScriptは、HTMLに埋め込む事ができるプログラミング言語で、Webブラウザ上で動作します。 従来のJavaScript 従来、HTTPはWebブラウザからサーバにリクエストし、サーバは次に表示するHTMLページページ全体をWebブラウザに返すという仕組みでした。 なので、Javascript…

Cisco ルーターでダイナミック DNS を使う

Cisco ルーターでリモートアクセス VPN の設定をしていて、ダイナミック DNS の設定が必要になったので、備忘録としてまとめてみました。