はじめに 基本的にuseStateで定義した変数の値を変更する際はsetStateを用いますが、値が変更されない事象がありました。 調べたところReactの仕様っぽかったので備忘録の粒度ではありますが記載したいと思います。 zenn.dev 内容 以下のようなコードの場合…
はじめに ReactのuseStateを用いて配列を操作する方法で少しハマったので備忘録として記載します。 push後にDispatchを用いて更新しても反映されない 最初以下のように実装していたのですが、再レンダリングがされず...。 // 値を定義 const [value, setValu…
はじめに React hooksの1つであるuseContextを用いる機会があったので備忘録として記載します。 useContextについて Reactでは通常データ共有の際にpropsを用いてコンポーネント間でデータのやり取りを行いますが、useContextを用いることでその制限がなくな…
はじめに 先月Azureからの請求額が7000円ほどになっており、「あれ?いつも3000円くらいのはずだったんだけどな、高いな~」と思っていました。 今月も中旬になり、ふとそのことを思い出したので何にお金がかかっているのか確かめてみることにしてみました。…
はじめに カスタムフックを用いてHooksを複数用いている処理を別途切り離してみたので備忘録として残します。 カスタムフックとは 以下2つの記事がとても分かりやすかったです。 独自フックの作成 – React 【React】カスタムフックと本気で向き合ってみた - …
はじめに 親コンポーネントからモーダル表示フラグを継承した際に、子コンポーネントから親コンポーネントへのStateを更新する方法について備忘録として残します。 実装イメージ 以下のようにモーダルで表示し、更新ボタンをクリック後にモーダルが消えるよ…
はじめに 先日WordPressで新しくブログサイトを立ち上げたのですが、WAFの攻撃検知ログを見ると20.213.240.186というIPから以下のような攻撃の形跡が...。 結論としては対象のプラグインを入れていなかったために問題はなかったです。 内容 各プラグイン等の…
はじめに 業務で特定のドメインに関するTXTレコードにMS=ms########のような値を追加することになり...なんだこれは?となったので備忘録として調べた結果を残します。 結論 Microsoft365に独自ドメインを設定することが出来るのですが、そのドメインが本当…
はじめに お名前.com経由で新規にサイトを立ち上げてみたのですが、調べていくとどうやら任意のファイルをFFFTPでアップロードすることが出来るようなので試してみました! 前提 以下の設定が完了している前提です。 レンタルサーバーコントロールパネルにロ…
はじめに お名前.com経由で新規にサイトを立ち上げてみたのですが、調べていくとどうやら任意のファイルをアップロードすることが出来るようなので試してみました! 手順 レンタルサーバーコントロールパネルにログインします。 ファイル管理 > ファイルマネ…
はじめに お名前.comで独自ドメインのメールアドレスを作成する方法を記載します。 前提 お名前.comにて、既に独自ドメインを取得していること レンタルサーバーコントロールパネルへログインが出来ること 作成方法 レンタルサーバーコントロールパネルへロ…
はじめに PEMファイルを作る機会があったので備忘録として残したいと思います。 PEMファイルとは PEMファイルとは、Base64化されたファイルであり、主にSSLサーバ証明書や秘密鍵等を連結する際に用いられるものです。 PEMファイルの作り方 PEMファイルは、Ba…
はじめに WPFでダイアログ表示を行う方法を備忘録として残したいと思います。 前提 今回の記事はPrismを用いていることが前提となります。 ユーザーコントロール画面を新規作成 まずはポップアップで表示するユーザーコントロール画面を新規に追加します。 …
はじめに Azure Log Analyticsというログの収集/分析サービスがあるのですが、今回はその専用言語(クエリ言語)であるKQL(Kusto Query Language)を触ってみたので備忘録として残したいと思います。 公式ドキュメント 公式ドキュメントは以下です。 docs.micro…
はじめに 以下の記事にてDIシステムへの型登録を動的に行う方法について解説しましたが、今回の記事ではGoFのデザインパターンの1つであるFactoryパターンを用いて同様の処理を書いていこうと思います。 oooomincrypto.hatenadiary.jp (Factoryパターンにつ…
はじめに ミックスインを用いて各コンポーネントで記載されている同じような処理を一つの処理にまとめてみたいと思います。 ミックスイン(Mixin) ミックスインを用いると、各コンポーネントで作成している処理に同じ処理があった場合にそれらを一つにまとめ…
はじめに 現在双方向通信などの勉強をしておりgRPCを主に調査していたのですが、以前の現場の上司にSignalRについて教えてもらったので公式チュートリアルをやってみました! SignalRについては名前はよく聞いていたのですが、なかなか手を付ける機会がなく.…
はじめに とある勉強中に匿名通信をする機会があり、その際にTor Browserというものを利用したので備忘録として仕組みとインストール方法を簡単にまとめておきます。 仕組み 通常URLをブラウザでたたくとそのサイトへ遷移しますが、Tor Browserを用いるとい…
はじめに カスタムトランジションクラスとAnimate.cssを用いてアニメーションを実装する方法について備忘録として記載していきます。 カスタムトランジションクラス 今回利用するカスタムトランジションクラスは任意のクラス名を組み込みのトランジションク…
はじめに アプリの規模が大きくなっていくとデータの管理が大変になります。 特にVue.jsやReactなど、コンポーネント間でのデータ受け渡しが頻発するようなものではアプリが大きくなることで子要素の子要素の~子要素のデータを取得~というようにデータの利…
はじめに 以前v-htmlを用いて動的にHtmlを出力していましたが、今回はCSSを動的に出力する内容に関する備忘録です。 ※以前Htmlを動的に出力していた記事は以下です。 【Vue.js】v-htmlディレクティブを用いてHtmlを出力する。 - おーみんブログ サンプルコー…
はじめに ユーザが作成したHtml等を動的に出力したい場合、全ての操作を許可してしまうとXSS的な面で問題があります。 以下のsanitize-htmlを用いるとXSSの可能性がある内容等は良しなにサニタイズされます。 github.com デフォルトではタグの属性は書けない…
はじめに WPFでChangeイベント等が発生した際にその値をイベント引数として取得する方法を備忘録として残します。 前提 Prismを利用していること Microsoft.Xaml.Behaviors.Wpfパッケージを入れていること サンプルコード 以下はコンボボックスの値が変更さ…
はじめに フロントエンドにVue.jsを用いている際にHtmlを動的に出力する処理について備忘録として残します。 v-htmlディレクティブを用いる 結論から言うとv-htmlディレクティブを用いることで対応が可能です。 利用例としては以下のような感じとなります。 <template> <div v-html="testHtml"></div></template>…
はじめに WPFでボタンの活性/非活性を制御する方法を備忘録として残したいと思います。 前提 今回の記事はPrismを用いていることが前提となります。 ボタン生成 まずはボタンを生成します。 <Button Margin="10" Height="20" Width="65" Content="登録" Command="{Binding SubmitButton}" /> SubmitButtonをViewModel側へバインドしています。 ViewModelにて</button>…
はじめに SPFレコードを複数登録する際の注意点を備忘録として残します。 別のTXTレコードとして登録しないこと 既に「v=spf1 +ip4:xxx.xxx.xxx.xxx ~all」等登録されている場合に、新規に「v=spf1 include:spf.example.co.jp ~all」などを追加するとエラー…
はじめに AzureFunctions利用時にCORSエラーになった際の対処法を備忘録として残します。 ローカル環境での対処 local.settings.jsonファイルに以下のように追記します。 ※以下はすべてのドメインを許可していますが、対象のドメインを指定することも可能で…
はじめに 個人の勉強用アプリで要望フォームを作ってみたので備忘録として残します。 概要 大まかな操作/イメージとしては以下のような感じです。 【要望フォーム(Vue.js)】 【要望通知(AzureFunctions + LINE Messaging API)】 ユーザが上記のフォームから…
はじめに ComboBoxでデータバインディングを行う場合の備忘録を記載します。 ComboBox ComboBoxはWebでいうSelectタグと同じものです。 XAMLではComboBoxタグを用いて画面表示を行います。 <StackPanel Orientation="Horizontal"> <Label Content="テスト" Margin="10"/> </label></stackpanel>
はじめに コードファーストでテーブルを作る際、複合キーの設定方法を毎回忘れてしまって都度ググっているので備忘録としてしっかり書いていこうと思います。 サンプル VB.NETのEntityFrameworkによるコードファーストで複合キーを設定する際は<Key(), Column(Order:=順番)>を設定します</key(),>…