Articles

Claude Agent SDKの月次クレジットで、claude -pの使い方が変わりそう

2026年6月15日から、Pro・Max・Team・EnterpriseのClaudeプランにAgent SDK用の月次クレジットが追加されます。claude -pやAgent SDK自動化への影響を、個人開発の運用例を交えて整理しました。

Claude CodeにGoogle Calendarを繋いでみた

Google Calendar MCPをClaude Code CLIにセットアップした手順をまとめました。OAuth2認証・テストモードの注意点まで含めて解説します。

Codexで愛猫のカスタムPetを作ってみた記録 — hatch-pet Skillの全手順

Codex Desktopのhatch-pet Skillを使って、愛猫の凜ちゃん（三毛猫）をカスタムデジタルペットにした記録。写真を投げるだけで、ちびキャラ化からアニメーション生成・スプライトシート化まで全部やってくれました。

Claude Designを発表翌日に試して、自分のポートフォリオLPをリデザインした話

Claude Designが発表されたのは2026年4月17日。翌日の朝、試しに自分のポートフォリオLPを投げてみた。 送ったプロンプトは一言だった。 「この私の個人のLPをいい感じにリニューアルして」 結果として、デザインは大きく変わった。ただそれ以上に、プロセスが予想と違っ…

RevenueCat を Stripe 共存構成で実装した記録 ── 個人開発 iOS アプリ（React Native / Expo）の場合

はじめに 前回の記事 では、App Store の審査でリジェクトされたこと、そして Stripe と RevenueCat を共存させる設計に至るまでの意思決定を書きました。 今回はその続きです。 実際にどう実装したか を記録します。 コードを中心に書いていくので、同じような…

個人開発アプリをApp Storeに出したらIAPでリジェクトされた！StripeとRevenueCatを共存させるまでの意思決定記録！！

はじめに：「あとでやろう」が通用しなかった 個人でウェルネスアプリ「Paleotribes（パレトラ）」を開発していて、ついに iOS 版を App Store に出そうとしたとき、いきなり壁にぶつかりました。 Apple の審査から、こういう趣旨のフィードバックが来たのです。…

Kali LinuxでペネトレーションテストをするときにこそVPNが必要な理由

はじめに：セキュリティ学習者こそ、VPNを軽視しがち Kali Linuxを使い始めた頃、VPNなんて自分には関係ないと思っていませんか？ 「攻撃する側の練習をしているんだから、防衛ツールは後でいい」 「まだ学習段階だし、そこまで本格的にやってない」 正直、自分もそう思っていた…

【脱PaaS】Railsデプロイの新標準「Kamal」とは？Renderとの比較でわかる“低コスト自前運用”完全ガイド

導入：PaaSは「高くなりすぎる」問題から目を背けない 「HerokuやRenderの請求額が、サービスの成長とともに無視できなくなってきた……」 「Kubernetesを導入するほど大規模ではないが、Dockerでモダンに運用したい」 Railsエンジニアであれば、 一度はこ…

AtCoder ABC432c「小さな飴と大きな飴」配分問題をやさしく数式化してみる

AtCodeで緑コーダーを目指して、精進中ですが、 2025年11月15日の問題が少し難しかったのでまとめておきます！ https://atcoder.jp/contests/abc432/tasks/abc432_c まずは、C問題を安定して解けるレベルを目指したいですね〜 …

【AtCoder「足場ジャンプ（Frog 1）」】DP が苦手な人のための“状態遷移の本質”から理解する解法ガイド

動的計画法（DP）は、競技プログラミングで避けて通れない重要テーマです。 しかし、初〜中級者の多くが共通してつまずくのが、 状態をどう定義するか 遷移式をどう作るか という「考え方」の部分です。 特に AtCoder の典型問題である「足場ジャンプ（Frog 1）」は、 まさに…

【PLAUD NotePinレビュー】会議・ブログ・アイデア出しが一瞬で形になるAIレコーダー

「議事録が大変で会議に集中できない…」 「取材のテキスト起こしに追われる…」 「アイデアが浮かんでもメモできずに消える…」 そんな悩みを一発で解決してくれるのが PLAUD NotePin（プラウド ノートピン） です! 胸元に付けて ボタンを押すだけで録音 → 文字起こし →…

SQLインジェクション完全ガイド：仕組みから対策まで【初心者向け】

「 SQLインジェクション 」という言葉を聞いたことはありますか？Webアプリケーションの脆弱性として最も有名で、かつ最も危険な攻撃手法の一つです。 この記事では、SQLインジェクションの仕組みから検出方法、実践的な攻撃パターン、そして完璧な対策まで、 初心者にもわかりやすく徹…

Kali Linux完全ガイド：インストールから基本操作まで【初心者向け使い方】

ペネトレーションテストやセキュリティ診断を学びたい方にとって、 Kali Linux は避けて通れない必須ツールです。しかし、「どこから始めればいいかわからない」「インストールが難しそう」という声をよく耳にします。 この記事では、Kali Linux初心者の方でも安心して始めら…

CVEとCVSSをゼロから理解する：違い・読み方・実務フロー（CVSS v4対応）

この記事のゴール 要点 ：CVEは「脆弱性の識別子」、CVSSは「脆弱性の深刻度スコア」。 ねらい ：初心者でも、日々の脆弱性対応で CVEの探し方 と CVSSの読み方・優先度付け ができるようになる。 対応範囲 ：CVSS v3.1と v4.0の変更点 をやさしく整理（NV…

ゼロからわかる APT（持続的標的型攻撃）入門

初心者でも理解できる「仕組み・検知・対策」【CompTIA学習に役立つ】 この記事のねらい APTは「長期的に静かに侵入して目的を達成する」タイプの攻撃です。まずは全体像をつかみ、 どこを見ると兆候に気づけるか 、 どこから実務対策を始めるか を最短で学びます。Security…

ゼロからわかる「BloodHound 使い方」：AD/Entraの“攻撃パス”を見える化して守りに活かす実践入門

対象：まったくの初心者／CompTIA（Security+・CySA+）学習者 目的：Active Directory（AD）やEntra ID(Azure AD)に潜む 攻撃パス を可視化し、 防御に活かす 基礎を1記事で学ぶ この記事で学べること BloodHound（Co…

ゼロからわかる「Burp Suite 使い方」— インストールから基本操作、よく使う機能まで（初心者向け）

この記事のゴール これからBurp Suiteを触る初心者が、 安全に・最短で 基本操作（プロキシ／Intercept／Repeater／簡単なIntruder）を身につける ブラウザ設定とHTTPS証明書の“つまずき”を回避し、明日から社内検証で使える状態にする まずは前提（…

ゼロからわかる MITRE ATT&CK：戦術×手口で“見える化”する実践入門（初心者・資格対策向け）

ATT&CKとは？—「戦術」「手口」「具体例」で攻撃を分解して理解する ATT&CKは、攻撃者のやり口を「目的（戦術）→手段（手口）」の粒度で体系化した知識ベース です。 用語や粒度をそろえることで、攻撃のどこを防ぎ・どこを検知するかを 共通言語 で議論できます。 フィッシング…

AtCoder ABC065B「Trained?」をTypeScriptで解く：ボタン遷移の最短手数（周期検出の入門）

対象読者 AtCoder初級〜中級 「ABC065Bを 最短手数 で解きたい」「1-based/0-basedの取り扱いでよく迷う」人 問題 問題文 https://atcoder.jp/contests/abc065/tasks/abc065_b 解き方の全体像 各ボタンは …

AtCoder ABC125C × TypeScript｜1回の書き換えで最大公約数を最大化する

この記事のゴール 結論 ：答えは「各位置 i を除いた配列の GCD」の最大値。 理由 ：1 つだけ好きな値に書き換えられるため、全体の GCD は「その 1 要素を除いた残りの GCD」まで引き上げられる。 方法 ：左右の累積 GCD（prefix/suffix）で、各 i …

AGC023AをTypeScriptで解く：累積和とMapで「ゼロ和部分列」をO(N)で数える

対象読者 AtCoder初級〜中級。**「連続部分列の和が0になる個数を効率よく数えたい」**人向け。 この記事でわかること ゼロ和部分列は**「同じ累積和が出現した回数の組み合わせ」**で数えられる 1パス・O(N) ・ 追加配列不要 の実装（TypeScript/Node.…

AtCoder ABC098C「Attention」をTypeScriptで解く：累積カウントで一撃

対象読者 AtCoder初級〜中級（ABC常連） アルゴリズムはまだ自信がないけど最短解を身につけたい人 TypeScriptで競プロを書いている／書きたい人 問題 https://atcoder.jp/contests/abc098/tasks/arc098_a 解き方の全体…

初心者向けAIセキュリティ対策入門：攻撃も防御も“AI化”する時代のロードマップ

なぜ今「AIセキュリティ」か AIは、守る側の 脅威インテリジェンス や 検知・対応の自動化 を強化する一方で、攻撃者にも 高速かつ精巧な攻撃 を可能にする“加速装置”になっています。たとえば、AIはインシデント対応の検知・封じ込めを自動化しますが、同じAIが攻撃側のフィッシン…

CQRS × アーキテクチャ(Typescript)

TypeScriptで学ぶ導入判断と実装パターン（Express／NestJS） この記事でわかること CQRSは「更新（Command）」と「参照（Query）」を分けて、それぞれを最適化する設計です。ここでは、向き不向きの見極め、段階導入の型、TypeScriptでの実装（…

AGC040AをTypeScriptで解く：〈と〉から最小総和を作る両方向スキャン

対象読者 AtCoderを始めたばかりの初心者。TypeScriptで実装しながら、思考の流れも掴みたい人。 問題 https://atcoder.jp/contests/agc040/tasks/agc040_a ポイント なぜ「両方向スキャン」で最小になるのか 各位置 i …

【AtCoder ABC082B Typescript】問題解説「B - Two Anagrams」

問題 AtoCoderのページ： https://atcoder.jp/contests/abc082/tasks/abc082_b 辞書順の定義 文字列a, bを比較するとき、英小文字の場合は先頭から順に文字を比較し、最初に異なる位置iがあれば、a_i ＜ b_i なら a＜…

【AtCoder ABC221B Typescript】問題解説「B - typo」

問題の概要 AtoCoderのページ： https://atcoder.jp/contests/abc221/tasks/abc221_b 考え方 まず S と T が完全に同じなら “Yes” S と T を1文字ずつ比較し、不一致箇所のインデックスをすべて集める 不一致箇所…

【AtCoder ABC103B Typescript】問題解説「String Rotation」

問題 本家サイト： https://atcoder.jp/contests/abc103/tasks/abc103_b アプローチと実装アイデア 直接回転を繰り返す方法 文字列長が最大 100 であれば、S を一文字ずつ回転して T と比較する方法で十分間に合います。 最初に …

【AtCoder ABC113C Typescript】問題解説「ID　市ごとの認識番号を生成する方法」

問題 https://atcoder.jp/contests/abc113/tasks/abc113_c 解法のポイント この問題のキモは、「 各県ごとに市の誕生順を記録しながら、元の順に認識番号を出力する 」ことです。 ステップで整理すると： 市データを年順でソート する（誕…

【AtCoder ABC130B Typescript】問題解説「数直線上を跳ねるボール」

この記事では、AtCoder で提供される次の問題を題材に、 TypeScript を使って解く方法を丁寧に解説します。 https://atcoder.jp/contests/abc130/tasks/abc130_b この記事では、TypeScript で AtCoder …

【ABC165B】TypeScriptでAtCoder「1%」問題に挑戦！BigIntの罠と正しい使い方

2025年5月最近、競技プログラミングを始めました！ Typescriptの練習をしたいのでPython/C++ではなく、Typescript！ AtCoder Beginner Contest 165 の B 問題「1%」は、見た目はシンプルな複利計算の問題。しかし、Java…

証明書ピンニングのやり方とその重要性

証明書ピンニングとは何か？ 証明書ピンニング（Certificate Pinning）とは、特定のSSL/TLS証明書や公開鍵をアプリケーション側で固定し、信頼できるサーバーとだけ安全に通信を行うための技術です。これにより、中間者攻撃（MITM攻撃）を防ぎ、偽の証明書を使ったな…

Gitで空コミットを作成する方法とその活用シーン

Gitを使っていると「空コミット（Empty Commit）」というものを作成したい場面に遭遇することがあります。 しかし、Gitはデフォルトでは変更のないコミットを許可していません。 そこで git commit --allow-empty を使用することで、変更がないままコ…

TypeScriptのRecord型とは？完全ガイド

TypeScriptには便利なユーティリティ型が数多く存在します。その中でも Record＜K, T> 型は、オブジェクトのキーと値の型を厳密に定義できる強力な型です。本記事では、 Record 型の基本から、具体的な使い道、注意点、応用例まで詳しく解説します。 Record型…

Dockerで発生する「invalid argument」エラーの原因と解決策

Dockerを使用している際に、「invalid argument」エラーが発生することがあります。本記事では、このエラーの発生原因とその解決策について詳しく解説します。 特に今回は、AWSのCloudShellでDockerとDcoker-Composeを使おうとして 「Er…

Tailwind CSSを活用した効率的なクラス管理: clsxとtailwind-mergeの使い方

Tailwind CSSを使ったプロジェクトでは、クラス名の管理が複雑になりがちです。特に、条件付きクラスやカスタムクラスを多用すると、コードの可読性と保守性が損なわれることがあります。この記事では、これらの問題を解決するための2つのツール clsx と tailwind-me…

Amazon Redshift Serverless Auto Copyを使ってみた！

近年、データ分析の需要が増加する中で、効率的でコスト効果の高いデータウェアハウスソリューションが求められています。Amazon Redshift Serverless は、そのような要望に応えるために設計された、管理が簡単でスケーラブルなデータウェアハウスです。 この記事では、…

初心者向け TypeScript オーバーロード関数の完全ガイド：基本から応用まで

TypeScriptは、JavaScriptに型安全性を加えた言語です。これにより、開発時に多くのバグを未然に防ぐことができ、コードの読みやすさや保守性も向上します。その中でも「関数のオーバーロード」は、TypeScriptの重要な機能の一つです。 オーバーロードを使えば、一つ…

TypeScriptのインデックスシグネチャ完全ガイド：基本から応用まで徹底解説

TypeScriptで柔軟なオブジェクトの型を定義する場合、「インデックスシグネチャ」はとても便利です。しかし、使い方を誤ると型の安全性を失う可能性もあります。本記事では、インデックスシグネチャの基本から実用的な使い方、注意点、解決策までを網羅的に解説します。 TypeScri…

FlutterのScaffoldとは？初心者でもわかるプロパティの使い方と便利な機能解説

Flutterでアプリを開発する際、UIを構築する基本となるのが Scaffoldウィジェット です。Scaffoldは、アプリ画面の「骨格」を作るためのウィジェットで、他のウィジェットと組み合わせることで、柔軟なレイアウトを実現できます。この記事では、Scaffoldの主な特…

TypeScriptのtypeとinterfaceを使い分ける方法：違いと使いどころを徹底解説

TypeScriptでよく使われる type と interface 。どちらも型を定義するために使用しますが、それぞれ異なる特徴や使い方があります。「 type と interface 、どっちを使えばいいの？」という疑問にお答えするため、このブログでは以下のポイントを初心者…

初心者でもわかるJavaScriptのbind(), call(), apply()の使い方と違いを徹底解説

JavaScriptの bind() , call() , apply() は、関数の this を制御したり、関数の動作を柔軟に変更するための重要なメソッドです。しかし、それぞれの使い方や違いが分かりにくいと感じる人も多いのではないでしょうか。本記事では、初心者でも理解できる…

TypeScriptのsatisfiesキーワードとは？型注釈やUnion型との違いを徹底解説

TypeScript では型安全性を向上させるための機能が多くありますが、その中でも比較的新しい機能である satisfies キーワード は、初心者には少し分かりづらいものです。「普通の型注釈や Union 型で十分では？」と思われるかもしれませんが、実は satisfies…

TypeScript入門：型注釈(Type Annotation)と型推論(Type Inference)の基本をマスターしよう

TypeScriptはJavaScriptに型の概念を導入したプログラミング言語です。これにより、コードのエラーを未然に防ぎ、開発者がより安心してプログラムを記述できるようになります。この記事では、特に初心者の方を対象に、「型注釈(Type Annotation)」と「型推論(…

初心者向け解説：hashcatの使い方と基本操作ガイド

hashcat（ハッシュキャット） は、高速なハッシュ解析ツールで、主にパスワードリカバリーやセキュリティ検証に使用されます。 この記事では、hashcatのインストールから基本操作、さらに解析の具体例まで、初心者にも分かりやすく解説します。 hashcatのインストール方法 …

Zenmapの使い方完全ガイド：ネットワーク診断からセキュリティ監査まで初心者に優しく解説

ネットワークの問題を診断したり、セキュリティ監査を行ったりするためには、ツールの正しい使い方を学ぶことが重要です。この記事では、人気の高いポートスキャンツール「Nmap」のGUI版である「Zenmap」を、初心者でも使いこなせるように解説します。 NmapとZenmapの違い …

初心者向け：Aircrack-ngを使った無線LAN解析手順と使い方ガイド

Aircrack-ngとは Aircrack-ngは、無線LANのセキュリティ評価を目的とした強力なオープンソースツールです。特にWEPおよびWPA/WPA2ネットワークのセキュリティ強化を支援するために設計されています。このツールを利用することで、以下のようなことが可能です：…

CompTIA PenTest+ 試験対策：必須キーワードと技術情報の完全ガイド

サイバーセキュリティの需要が急速に高まる中、 CompTIA PenTest+ は、ペネトレーションテスト（侵入テスト）や脆弱性評価のスキルを証明するための重要な認定資格として注目を集めています。 この試験は、VMエスケープやリレー攻撃、フィッシングなどの攻撃手法や、ペネトレー…

初心者向け：Metasploitの使い方を徹底解説！脆弱性スキャンから攻撃シミュレーションまで

はじめに Metasploitとは？ Metasploitは、サイバーセキュリティ分野で使用される最も有名なペネトレーションテスト（侵入テスト）ツールの1つです。脆弱性の検出や攻撃のシミュレーションを行うことで、ネットワークやシステムのセキュリティを強化するための手助けをします…

Peach Fuzzer の使い方を徹底解説: 初心者向け完全ガイド

ソフトウェアのセキュリティ検証の重要性が高まる中で、「ファジング」という手法が注目されています。その中でも Peach Fuzzer は、柔軟かつ強力なファジングツールとして知られています。本記事では、Peach Fuzzer の導入から具体的な活用方法まで、初心者にも分かりや…

PowerShell Empire徹底解説！初心者向け使い方ガイドと基本操作

PowerShell Empireとは PowerShell Empireは、Windows環境におけるセキュリティ検証や脆弱性評価を行うためのペネトレーションテストツールです。特にPowerShellを利用した後方支援（Post-Exploitation）に強みがあり、リモー…

PTES（Penetration Testing Execution Standard）Technical Guidelinesとは

PTES Technical Guidelines は、ペネトレーションテスト（侵入テスト）の実施に関する 技術的な指針 を提供する標準フレームワークです。これにより、ペネトレーションテストのプロセスが体系化され、品質や一貫性が確保されます。 PTESの概要 PTESは、ペネト…

VMエスケープ（VM Escape）とは？仮想環境の隔離を無効化する攻撃手法

VMエスケープ（Virtual Machine Escape） とは、仮想マシン（VM）のセキュリティを突破し、仮想環境の隔離を無効化する攻撃手法です。この攻撃によって、仮想マシン上で実行されている悪意のあるコードが、ホストOSや他の仮想マシンにアクセスできるようになります。 …

WSDL（Web Services Description Language）とは

WSDL（Web Services Description Language） は、 Webサービス の機能、入力、出力、通信方法を記述するためのXMLベースの標準形式です。主にSOAP（Simple Object Access Protocol）を使用するWebサービスで利用…

初心者向け！OpenVASの使い方：インストールからスキャン実行まで完全解説

OpenVASとは OpenVAS（Open Vulnerability Assessment System）は、ネットワークやシステムの脆弱性を検出するためのオープンソースツールです。脆弱性とは、システムのセキュリティホールのことで、攻撃者に悪用されるリスクがあります。このリ…

Niktoの使い方：初心者向けウェブ脆弱性スキャナの活用方法

Niktoとは Niktoの概要 Niktoは、ウェブサーバーやアプリケーションの脆弱性を検出するためのオープンソースツールです。Kali Linuxなどのセキュリティツールセットにも含まれており、ウェブアプリケーションセキュリティ診断でよく使われます。 例えば、古いソフトウェ…

John the Ripperの使い方：ZIP・SSH鍵の解析手順と基本コマンド

John the Ripperのインストール、ZIPファイルやSSH秘密鍵からのハッシュ抽出、辞書攻撃・総当たり・結果確認までを初心者向けに整理します。Windows、Linux、Kali Linuxで使う前の注意点もまとめました。

ProxyChainsの使い方と設定方法 - ネットワークを安全に匿名化するツールの活用

ProxyChainsとは？基本情報とその用途 ProxyChains（プロキシチェインズ）は、ネットワーク接続時に複数のプロキシサーバーを経由させることで、匿名性を高めるツールです。これを使うと、通常のインターネット接続では隠すことが難しいIPアドレスを隠蔽したり、地域制限を…

初心者向け：Scapyの使い方 - パケット解析と生成方法

ネットワーク解析やセキュリティの世界では、トラフィックの内容を知るためにパケットを操作することがよくあります。Scapyは、Pythonを用いてパケットを生成したり解析したりするためのライブラリで、ネットワーク技術者やセキュリティエンジニアには非常に便利なツールです。 本記事で…

CrackMapExecの使い方とセキュリティ診断

CrackMapExec（CME）は、特にWindowsのセキュリティテストで重要なツールです。認証情報のテストや共有ファイルの確認、権限エスカレーションなど多機能で、初心者から上級者まで幅広く活用されています。本記事では、CMEの概要や基本的な使い方、応用方法について解説しま…

AWS Pacuの使用方法：クラウド環境を安全に診断する！

AWS環境のセキュリティ診断において、実際の攻撃シナリオを再現し、脆弱性を洗い出すことは重要です。AWS Pacuは、そのための便利なツールの一つです。 本記事では、AWS Pacuの基本的な使い方やインストール方法、モジュールの実行方法を詳しく解説します。さらに、AWS Gu…

初心者向け解説：KARMA攻撃(Karma Attack)とは？仕組みや対策

KARMA攻撃という言葉を聞いたことはありますか？近年、無線通信を使ったデバイスが増え、それに伴ってWi-Fiに関連するセキュリティリスクも高まっています。その中でも「KARMA攻撃」は、特に注意が必要な攻撃手法です。 本記事では、KARMA攻撃の基本的な仕組みから、現在のリス…

【徹底解説】trufflehogの使い方：GitHubで機密情報を簡単に検出する方法

trufflehogとは trufflehog は、ソースコードリポジトリ内で機密情報（シークレット）を自動的に検出するためのオープンソースツールです。特に、パスワードやAPIキー、アクセストークンなど、意図せず公開されてしまった情報を素早く見つけるのに役立ちます。 最近では、…

初心者向けHydraの使い方ガイド：パスワードクラッキングからSSH攻撃まで

Hydraは、セキュリティ分野でよく使われる強力なパスワードクラッキングツールです。特にブルートフォース攻撃（総当たり攻撃）を実行するために設計されており、SSHやFTP、HTTP POSTリクエストを含む多くのプロトコルに対応しています。 本記事では、Kali Linux環境…

【完全ガイド】Gobusterの使い方：ファイル・ディレクトリ探索からサブドメインまで徹底解説！

Gobusterとは？ Gobusterは、ペネトレーションテストや Webアプリケーションのセキュリティ診断で 使用されるオープンソースツールです。 Gobusterは、Webサーバー上に隠された ファイルやディレクトリ、サブドメインを 高速に探索するために使われます。 非常…

初心者向け：Mimikatzの使い方と安全対策の基本

Mimikatzとは？ まずは、Mimikatzの概要を説明します。 Mimikatzは、Windowsのセキュリティ認証情報 （パスワードやトークンなど）を抽出するために設計されたツールです。 サイバーセキュリティの分野で頻繁に取り上げられ、 悪意のある攻撃にも利用されること…

w3afの使用方法: 初心者向けガイド

w3afとは何か？ w3afは「Web Application Attack and Audit Framework」の略で、 オープンソースのWebアプリケーション脆弱性スキャナーです。 脆弱な箇所を効率よく見つけ出すためのツールで、 初心者でも簡単に使えるのが特徴です。 w…

セキュリティツール - Wapitiの使い方 - 初心者向け

Wapitiは、脆弱性を検出するための オープンソースセキュリティツールです。 本記事では、全くの初心者向けに、 Wapitiの基本的な使い方や様々なスキャン手法を解説します。 Wapitiとは何か？ Wapitiはウェブアプリケーションの脆弱性を スキャンするためのツールです…

SearchSploitの使い方入門 – 脆弱性調査とエクスプロイトの基本

セキュリティの世界では、 脆弱性を調査し、適切に対応することが重要です。 今回は、Exploit-DBのデータベースから脆弱性を調査できる 強力なツール「SearchSploit」の使い方を紹介します。 SearchSploitを利用することで、 CVE番号や脆弱性に対するエク…

【Ruby on Rails】Brakemanの使い方 – セキュリティチェック

Ruby on Railsを使った開発では、 セキュリティを強化するために様々な対策が必要です。 しかし、 コード全体を手作業で確認するのは非常に時間がかかり、 見落としも起こりがちです。 そこで役立つのが「Brakeman」というツールです。 BrakemanはRailsプロ…

CeWL使い方ガイド【初心者向け】

CeWLとは？カスタム単語リストを生成するツール CeWL （Custom Word List generator）は、 Webサイトをクロールして、そこに記載された単語を収集し、 カスタム単語リストを生成するツールです。 特にセキュリティ調査や パスワードクラックのワードリス…

【初心者向け】GitHub Codespaces 使い方 Next.jsを動かしてみよう！

GitHub Codespacesの使い方を初心者向けに解説。アカウント作成からNext.jsのリポジトリとCodespaceの作成方法、カスタマイズ方法、料金プラン、トラブルシューティングまで網羅しています。

初心者向け解説！クリスマスツリースキャンとは？その仕組みと対策方法【XMAS TREE SCAN】

クリスマスツリースキャンとは？ クリスマスツリースキャンは、 サイバー攻撃の一種で、 ネットワークの脆弱性を調べるための 「ポートスキャン」技術の一つです。 攻撃者はこのスキャンを使って、 ネットワーク上のどのポートが開いているかを確認し、 そこからシステムに侵入できるかどうか…

Napkin AIの始め方・使い方！図解の作成手順を解説！

Napkin AIは図解を作成してくれるAIです。 ここ からアクセスできます。 ※ https://www.napkin.ai/ 本記事では、NapkinAIのアカウント作成、 図解の作成手順を分かりやすく、解説します！ 図解を効率的に作成できるので、 ブログ記事の作成などを…

R言語でデータ操作を簡単に！dplyrの基本的な使い方【初心者向け完全ガイド】

dplyrの基本とパッケージの紹介 dplyrは、 R言語でデータ操作を 簡単に行うための非常に便利なパッケージです。 データの絞り込み、 変換、集計など、 効率よく扱えるように設計されています。 Rのベース関数では、 データ操作が複雑で煩雑になりがちですが、 dplyrを使う…

GitHubアカウントの作成方法【2024年】：初心者向けの手順！

2024年最新版！GitHubアカウントの作成方法を初心者向けに徹底解説。事前準備から手順、アカウント作成後の初期設定、リポジトリの作成まで詳しくサポートします。

OSINTとは？概要とやり方を解説！【PenTestにも出てくる！】

OSINT（Open Source Intelligence）は、 公開されている情報を収集して分析する手法のことを指します。 例えば、 ニュース記事、ソーシャルメディアの投稿、 政府の公開データなど、 一般にアクセス可能な情報を使用して、 特定の対象について深い洞察を得ること…

RailsからAWS Kinesisにデータを書き込む方法【クロスアカウント】

AWS環境では、 別アカウント間でリソースを操作する際に IAMロールを使って権限を委任することが推奨されます。 本記事では、 AWSアカウントA （Ruby on RailsのWebサーバがあるアカウント）から、 別のAWSアカウントBのKinesisストリームに データを書…

Ruby on RailsでFeature FlagsをAWSと連携して活用する方法

アプリケーション開発を進める中で、 新しい機能を一部のユーザーにのみ提供したり、 リリース後の機能を簡単に無効にする必要がある場合があります。 そんなときに役立つのが Feature Flags（機能フラグ）です。 本記事では、 Ruby on RailsでFeature Fl…

ncコマンドの使い方：ポート確認・待ち受け・ファイル転送の基本

Linuxのncコマンド（Netcat）の基本を、接続確認、ポート待ち受け、ポートスキャン、ファイル転送の例で整理します。netcat-openbsd、ncat、環境差、セキュリティ上の注意点も初心者向けに解説します。

初心者向け：nmapの使い方を徹底解説！【Kali Linux】

nmap（Network Mapper）は、 ネットワークセキュリティ診断や トラブルシューティングに欠かせないツールです。 本記事では、 nmapの基本的なオプションの使い方と、 視覚的に操作できるzenmapについて解説します。 初心者でも理解できるように、わかりやすく説明…

Go言語(Golang)の配列の初期化方法を徹底解説！【初心者向け】

プログラミングを始めると、 データを整理して扱う必要があります。 そのときに役立つのが配列です。 本記事では、 Go言語における配列の初期化方法について、 初心者でも理解できるように丁寧に解説します！ Go言語の配列とは？ 配列は、同じデータ型の値を 複数まとめて扱うためのデー…

Go言語(Golang)の構造体(Struct)使い方完全ガイド【初心者向け】

Go言語を学び始めると、 データのグループ化や カスタムデータ型を扱う場面が出てきます。 そこで登場するのが「構造体（Struct）」です。 構造体は、異なるデータ型を まとめて一つのまとまりとして扱うことができ、 オブジェクト指向プログラミングにおける クラスのような役割を果…

Go言語(Golang)のmapの要素削除を徹底解説！【初心者向け】

Go言語は、 シンプルかつ効率的なプログラミング言語として、 多くのエンジニアに利用されています。 その中でも、マップ（map）は よく使われるデータ構造の一つです。 本記事では、 初心者でもわかるようにGoのマップについて説明し、 特に「要素の削除」に焦点を当てて解説します。…

Go言語(Golang)のSlice操作とループを徹底解説！【初心者向け】

Go言語では、 スライス（Slice）は非常に使い勝手の良いデータ構造です。 配列に似ていますが、 サイズを自由に変更できるため、 柔軟なデータ操作が可能です。 本記事では、 スライスの基本的な使い方から、 ループを用いた効率的なデータ操作について、 初心者でも理解できるように…

Go言語(Golang)のmapのループ処理を徹底解説！【初心者向け】

Go言語の map は、 キーと値のペアを管理する便利なデータ構造です。 データの検索や管理に非常に効率的で、 プログラムのパフォーマンス向上に役立ちます。 しかし、mapのループ処理や、 キー・値の取得方法については 初心者には少しわかりにくい部分があります。 本記事では、 …

SQLのCOUNT DISTINCTと条件の使い方を徹底解説！

SQLを使ってデータベース内の情報を管理する際、 よく使われるのが COUNT関数 です。 この関数を使うことで、 テーブルに含まれるレコードの件数を 簡単に数えることができます。 特に、 データの重複を無視した件数を 知りたいときに役立つのが、 DISTINCT との組み合わ…

nmapコマンドの使い方 - Linuxのネットワークスキャンの基本

はじめに nmap（Network Mapper）は、 ネットワーク上のデバイスをスキャンして、 どのポートが開いているか、どのサービスが動いているか、 さらにはそのデバイスのOSまで調べることができるツールです。 簡単に言うと、nmapは 「ネットワークの状況を覗き見る双眼鏡…

JavaScriptの型を確認する方法：徹底解説！【typeof/instanceof/call()】

本記事では、 JavaScriptにおけるデータ型の基本から、 型を確認するための具体的な方法までを わかりやすく解説します！ 特に、 「typeof演算子」を中心に、 初心者でもすぐに実践できる方法を紹介します。 型とは何か？ プログラミングにおける「型」とは、 データがどの…

【trim/replace】JavaScript - 空白削除を徹底解説！

本記事では、 JavaScript初心者でも簡単に理解できるように、 空白削除の基本的なメソッドである trim メソッドや、 応用的な replace メソッドの使い方を解説します。 これを理解することで、 フォーム入力値の整形や テキスト処理の際に役立つスキルが身に付きます…

JavaScriptのundefinedエラーを回避する方法【徹底解説！】

JavaScriptを学び始めたばかりの方にとって、 エラーメッセージはしばしば頭を悩ませるものです。 特に「undefined」というエラーメッセージは、 何が問題なのかがわかりにくく、 対処法も複雑に感じられるかもしれません。 本記事では、 初心者の方でも理解しやすい形で、…

SQLのWITH句とサブクエリの違いを分かりやすく解説！

SQLを学び始めると、 「WITH句」と「サブクエリ」という 言葉を目にすることが増えてきます。 この2つの使い方にはそれぞれ特徴があり、 どちらを使うべきか迷うこともあるでしょう。 本記事では、 WITH句とサブクエリの違いを初心者にもわかりやすく説明し、 どちらを選ぶべきか…

Go言語(golang)のgoto文をマスターしよう！【完全ガイド】

Go言語（Golang）を始めたばかりの方にとって、 goto文という言葉は聞き慣れないかもしれません。 しかし、正しく理解すれば、 プログラムの流れを柔軟に コントロールするための強力なツールとなります。 本記事では、 初心者の方でも理解できるように、 Go言語のgoto文に…

JavaScript - クロージャと引数の関係を理解しよう【完全ガイド】

本記事では、 クロージャの基本から、 引数との関係まで、わかりやすく解説します！ JavaScriptでプログラミングを始めたばかりの方にとって、 クロージャは難しく感じるかもしれません。 しかし、クロージャを理解することで、 より柔軟で強力なコードを書くことができるようになり…

JavaScriptの==と===の違いとは？押さえるべき基礎知識

記事では、 == と === の違いをしっかり理解し、 どのように使い分けるべきかを解説していきます！ JavaScriptでプログラムを書くとき、 == と === という2つの比較演算子を使う場面がよくあります。 どちらも値を比較するためのものですが、 それぞれの動作には違…

JavaScript - 文字列を全て置換：replaceAll()の基本と応用

JavaScriptを使い始めたばかりの人にとって、 文字列操作は避けて通れない重要なスキルです。 特に、特定の文字列を置換する作業は頻繁に発生します。 本記事では、 その中でも非常に便利な replaceAll() メソッドについて、 基本から応用までをわかりやすく解説します…

JavaScript - Date(日付)をフォーマットする方法：実用的なコード例付き！

JavaScriptを使ってウェブサイトを作成するとき、 日付や時間の表示が必要になる場面はよくありますね。 しかし、表示形式が「2024-08-29T14:30:00.000Z」など と見慣れない形で出てくることが多いです。 本記事では、初心者でも簡単に理解できるように、 日…

JavaScript - Mathを使って数値を丸める方法：四捨五入/切り上げ/切り捨て(Math.round, Math.ceil, Math.floor)

JavaScriptを使い始めると、 数値の処理に関するさまざまな場面に出くわします。 例えば、「商品の価格を切り上げて表示したい」 「計算結果の小数点以下をきれいに切り捨てたい」 といった状況です。 本記事では、 初心者の方でも理解できるように、 数値の切り上げに使う Mat…

JavaScript - 文字列結合の基本と応用を徹底解説！

JavaScriptを学び始めると、 文字列の操作は非常に頻繁に行う基本的な作業になります。 その中でも文字列の結合（連結）は、 ウェブページやアプリケーションで ユーザーに情報を表示する際によく使われる重要なテクニックです。 本記事では、 初心者の方でも理解できるように、 J…

Golang(Go言語) - JSONをParseする方法【完全ガイド】

本記事では Golang（Go言語）での JSONパースについて解説します！ JSONとGoについて JSON（JavaScript Object Notation）は、 データをやり取りする際によく使われる軽量なデータフォーマットです。 APIやWebサービスとの通信で頻繁に…

SQL JOINのONとUSINGの違い：使い分けと結果列の差を解説

SQL JOINで使うON句とUSING句の違いを、結合条件、列名、SELECT * の結果、複数条件、DBごとの注意点から初心者向けに整理します。

JavaScript - forEachメソッドを使った配列ループの基本と応用

JavaScriptのforEachメソッドについて 分かりやすく、解説します！ JavaScriptのforEachメソッドとは？ JavaScriptのforEachメソッドは、 配列の各要素に対して一度だけ指定した 処理を行うための便利な方法です。 たとえば、 何かのリス…

JavaScript - 配列の部分一致検索を解説！

本記事では、 find() メソッドや 正規表現を使った部分一致検索の方法を わかりやすく解説していきます。 JavaScriptで配列の中から特定の要素を探したい場合、 部分一致検索を使うと非常に便利です。 特定の文字列や条件にマッチする要素を効率よく検索する方法は、 配列を…

JavaScript - for…inを使った配列のループ処理

JavaScriptには、 配列をループするためのいくつかの方法があります。 その中で、 for...in はオブジェクトのプロパティを ループするための構文ですが、 配列にも使うことができます。 ただし、 配列に使う場合にはいくつかの注意点があります。 本記事では、 for.…

JavaScript - JSONデータを扱う方法: JSON.parse()

本記事では、 JavaScriptでJSONを扱う方法を解説します！ JSON（JavaScript Object Notation）とは？ JSON（JavaScript Object Notation）は、 データをわかりやすく整理して保存したり、 他のプログラムとやり取り…

【初心者向け】Golangでmapに要素を追加する方法を徹底解説！

Go言語でデータを管理する際に非常に便利な map 。 本記事では、初心者が最初に知るべき、 map への要素の追加方法をわかりやすく解説します！ この記事では、 map の宣言から初期化、 そしてデータの追加までをわかりやすく説明します。 ぜひ一緒に学んでいきましょう！ ma…

Golang - mapのキーが存在するかを確認する方法

Golang(Go言語)のmapにキーが存在するかを確認する方法です。 mapのキーを参照すると、その値と存在有無(bool値)が戻り値になります。 このbool値を確認することで、キーの存在有無が分かります。 コード例：mapのキー存在確認の実装 単一キーの存在確認 pack…

【初心者向け】Golangでスライスに要素を追加する方法を徹底解説！

Go言語のスライスは、 柔軟にサイズを変えながら データを管理できる便利なツールです。 本記事では、 スライスに要素を追加するさまざまな方法を、 初心者でもわかりやすく解説します！ スライスに要素を追加するための基本から応用まで、 詳しく解説していきますので、 ぜひ一緒に学んで…

【初心者向け】Golangでスライスから要素を削除する方法を徹底解説！

Golangのスライスは、 データの管理や操作が非常に便利な機能です。 しかし、スライスから要素を削除する方法は 最初に戸惑うかもしれません。 本記事では、 スライスの要素を削除するさまざまな方法を、 初心者でもわかりやすく解説します！ スライスから要素を削除する基本的な 操作…

【初心者向け】Golang - mapの初期化と基本操作を徹底解説！

Go言語でデータを効率的に管理するためには、 map の使い方を覚えることが重要です。 本記事では、 map の初期化から基本的な操作方法までを詳しく解説します。 map の使い方を ゼロから順を追って説明していきますので、 初心者でも安心して学べます。 map とは何かを理解…

【初心者向け】Golang - mapのキー存在確認をマスターしよう！

Go言語の map は、 プログラミングにおいて非常に便利なデータ構造です。 特定のキーが存在するかどうかを確認する方法を理解することは、 効率的にデータを扱うために必要です。 本記事では、 map の基本的な使い方と、 キーが存在するかどうかを 確認する方法をわかりやすく解説…

JavaScript - Setオブジェクトの使い方を徹底解説！【重複要素の管理から集合演算まで】

JavaScriptを使う際、 データの重複を管理することが必要になることがあります。 その時に便利なのが、 Set オブジェクトです。 Set は、一意な値だけを保持できる特性があり、 効率的にデータを操作するのに役立ちます。 本記事では、 Set オブジェクトの基本的な使い…

JavaScript - オブジェクトのプロパティを削除する方法

本記事では、 JavaScriptのオブジェクトからプロパティを削除する方法を、 基礎から応用まで丁寧に解説します！ JavaScriptでオブジェクトの扱いは重要です。 特にオブジェクト内のプロパティを削除する方法は、 コードの最適化やデータの整理に役立ちます。 しかし、削除…

JavaScript - オブジェクト ループの基礎から応用までを徹底解説！

本記事では、 JavaScriptでオブジェクトをループする方法を 基礎から応用まで、わかりやすく解説します。 JavaScriptでオブジェクトを操作する際に、 ループ処理は非常に重要です。 しかし、配列のように簡単にループできないため、 初心者は戸惑うことが多いでしょう。 …

JavaScript - オブジェクトの追加方法を徹底解説：プロパティ操作とマージの基礎

JavaScriptを学び始めると、 最初に出てくる重要な概念の一つが オブジェクト です。 特に、オブジェクトにプロパティを追加する方法や、 複数のオブジェクトを一つにマージする方法は、 日常的なコードの中でよく使われます。 本記事では、「JavaScript オブジェクト …

JavaScriptのオブジェクトコピーを初心者向けに徹底解説！【シャローコピーとディープコピー】

本記事では、 JavaScriptでオブジェクトコピーについて 初心者でも理解できるように、 これらのコピーの仕組みや実際にどう使うべきかをわかりやすく解説します。 JavaScriptでオブジェクトを扱う際に、 多くの人が最初に悩むのが「シャローコピー（浅いコピー）」と 「デ…

Next.js入門：初心者が最短でマスターする基本と実践

はじめに Next.jsとは？ Next.jsは、Reactを基盤としたJavaScriptフレームワークで、 Webアプリケーションを効率的に構築するための機能が豊富に揃っています。 特に、サーバーサイドレンダリング（SSR）や 静的サイト生成（SSG）を簡単に実現できる点が…

JavaScript - 配列をコピーする方法

JavaScriptで 配列をコピーするためには、 さまざまな方法があります。 本記事では、 一般的な方法をいくつか紹介し、ご説明します！ Array.prototype.concat()メソッドを使う方法 concat() メソッドは、 複数の配列や値を結合して 新しい配列を…

JavaScript - 配列をソートする方法【昇順・降順】

本記事では、 JavaScriptで配列を昇順・降順にソートする方法について 詳しく解説します。 sort() メソッドを使って配列を 簡単に昇順・降順に並べ替える方法を学べます。 基本的な配列ソート JavaScriptでは、 配列を昇順や降順に並べ替えるために sort()…

JavaScript - 配列を文字列に変換する方法

JavaScriptでは、 配列を文字列に変換する方法が複数存在します。 代表的なメソッドとして join() や toString() があります。 本記事では、これらのメソッドを使って、 配列を簡単に文字列に変換する方法を解説します！ join() メソッドを使った変換 j…

JavaScript - 配列の重複を削除する方法

JavaScript (TypeScript )で、 配列内の重複した要素を削除する方法をご紹介します！ 方法はいくつか存在しますが、 よく使われる方法とそれぞれの特徴について説明します！ Set オブジェクトを使用する Set オブジェクトは、重複を自動的に削除してくれるため…

JavaScript - 配列を逆順にする方法

JavaScript (TypeScript )で、 配列の要素を逆順にする方法を紹介します！ 基本的な方法（reverseメソッド） JavaScriptで配列を逆順にするには、 Array.prototype.reverse() メソッドがよく使われます。 ※ 公式（Moz…

【プログラミング初心者必見！？】データの基本

ソフトウェアエンジニア歴も15年になる私ですが 隙間時間でソフトウェア基礎知識の復習をしているのでそのメモです。 ソフトウェアって何を勉強したらいいの？ と感じている方の参考になれば幸いです。 さて、 プログラミングの基本的な構成要素である「データ」と「関数」について学ぶことは…

【SQLデータ削除】DELETEとTRUNCATEの違い

SQLの基本は知っているつもりでしたが、 こんなのあったんだ！というのがあったのでメモ！ データ削除操作には主にDELETEとTRUNCATEの2つのコマンドがあり、 これらのコマンドは表（テーブル）からデータを削除する点では共通していますが、 使用方法、パフォーマンス、副作用…

Expo+React NativeでGoogle Sign Inを実装する方法

個人Webアプリ でログインはGoogle認証に任せてるんですが、 MobileアプリでもGoogle認証にする方が統一感あるかなぁと 今回Expo+React NativeでiOS向けに試してみたのでそのメモです。 ※MacPCで、Expoの準備とXcodeはインストール済み…

Next.js × Lambda：AWS SigV4で安全なAPI接続を実装してみた！（CORSも対応）

Webフロントエンド側をNextjs(Typescript)で バックエンド側をAPIGateway＋Lambda(Golang)で作っていて API認証にはAWSSigV4を使っているのですが、 フロントエンドからバックエンドのAPIの認証を行うときに どハマりして1日潰した…

JavaScript - 数値と文字列を相互変換する方法

本記事では、 JavaScript で、 数値を文字列に変換する方法を解説します！ 数値を文字列に変換する方法 数値を文字列に変換するには、いくつかの方法があります。 String コンストラクタを使用する let num = 123; let str = String(num…

【簡単】MacにNode.jsをインストールする方法！

Expo を使うにあたり、 LocalでiOSシミュレータを使えた方が良さそうなので、 ※GitHub Codespacesの使用（無料枠）制限も迫ってきたので・・・ 自分のMacにNode.jsをインストールしてみたのでそのメモです。 同じようなことをする方の参考になれば！ …

ExpoとReact Nativeでのアプリ開発: インストールから起動まで【MacかGitHub Codespaces使用】

Expoのインストール Expoとは？ Expoは、React Nativeでのアプリケーション開発を 容易にするフレームワークおよびプラットフォームです。 React Nativeが提供するネイティブアプリケーション開発の自由度とパワーを、 より簡単に、より迅速に利用できるよ…

AWS SAMとCDKでバックエンドサーバ(Lambda)を開発・運用してみる

開発環境 もはやDockerすら面倒！ 簡単な開発には GitHub Codespaces を使います。 ※node/Golangなどがセットアップ済みなのでラクなのです AWS CDKの準備 AWS CDKのインストール 1. CDKのインストール npm i -g aws-…

【書評】世界一流エンジニアの思考法

Twitter（X）で発見した 『世界一流エンジニアの思考法』（文春e-book）ですが、 ふと社内を見渡すと、多くの方が読んでいる、 良い内容とコメントがある素晴らしい本です！ 私も先日読み終えたので、書評を書いておこうと思います。 もの凄く刺さるというか共感できる内容がほと…

クラウド時代のデータベース: PlanetScaleを試してみた！

個人アプリで低コストで使えるSQLサービスないかなぁと 探していたところ、 Planet Scale にいきついたので、試してみました！ 結構、使ってる人がいそうだったのと、ChatGPT先生がオススメしてくださったので笑 とりあえず、使ってみるか〜って感じで、本記事はそのメモ…

Vercel Serverless Function with Golangを試してみた＋Github Actionsでデプロイ！

今、開発しているアプリのバックエンドを Golang＋Serverlessで作りたいなと思い立ちました。 AWS Lambdaかなと最初は考えたのですが、 フロントエンドで使っているVercelがServerless Functionも 提供しているということで、Golangも…

JavaScript - 配列の要素をランダムにシャッフルする方法

2024/9/4 加筆・修正しました 本記事では、 JavaScriptでRandomな数値を 生成する方法を解説します！ Math.floor()/Math.random()によるランダムな整数生成 生成したランダムな整数を使って、 配列の要素のシャッフル位置を決める ランダ…

【URLのみで簡単！】GPT CrawlerでMy GPTs用の入力ファイルを作成

新年、明けましておめでとうございます！ さて、新年早々、ChatGPTに課金してみました。 GPTからの応答が爆速になり、早く課金すれば良かったと思いました汗 GPT CrawlerでMy GPTs用の入力ファイルを簡単に作れるという 情報を得ましたので、早速試してみました！本…

【React小ネタ】同じ位置にあるコンポーネントのStateは共有される

Reactの勉強をしている中で、 「おぉそうなんだ、知らなかった」みたいな 小ネタを入手したらメモがてらまとめようと思います。 今回は、Reactで同じ位置にあるコンポーネントのStateは 共有されるということを学んだのでメモっておきます！ 同じ位置にあるコンポーネントのSt…

Golang - SliceをTrueで初期化する方法

Golangの小ネタを入手したらメモがてらまとめようと思います。 今回は、コーディング問題を解いていて、 SliceをTrueで初期化する方法が必要となり 調べたのですが、1行でサクッととはいかなかったので・・・ メモっておきます！ 方法: 繰り返しを使用して初期化 nは整数（…

Golang - Hello World！まずはここから！

Golangとは何か？ Golang（Goとも呼ばれます）は、 Googleが開発したオープンソースのプログラミング言語です。 Golangは、シンプルな構文と効率的な並行処理をサポートしており、 「シンプルで信頼性の高い効率的なソフトウェアを構築できる言語」 として人気があり…

【コンテナ】CypressによるE2Eテストを試してみた

概要 E2Eテストとは E2Eテスト（End-to-Endテスト）は、 アプリケーション全体を実際のユーザーシナリオに沿ってテストする方法の一つです。 このタイプのテストでは、 アプリケーションが実際のユーザーの操作と同様に振る舞うかどうかを確認します。 E2Eテストは、アプリ…

【なるべく簡単に】Next.js(React)でinputのバリデーション

なるべく簡単にinputのバリデーションができないかなぁといことでやってみました。 親でバリデーション結果を受け取って、ボタンの表示・非表示を切り替えもしてます。