前回 blog.takunology.jp 状態 ユーザの入力や何かしらの変更があったときにトリガーとして、何かしらの処理をすることができる。そのためには、データが変更される前の状態を保持しておく必要があるが、useState という関数を使えば状態が変更されたかを検…

前回 blog.takunology.jp コンポーネントやオブジェクト、配列の使い方がなんとなくわかってきたので、今回は自作のレシピとかを表示できるようにしてみようと思う。 プロジェクトの作成 MS Learn で使用していた Snowpack を使ってみる。まずは適当にディレ…

Google Pixel 5a を購入して Android を使った実機デバッグができるようになったので、Visual Studio とペアリングして WiFi 経由でデバッグをするための方法についてまとめます。 【前回（購入した話）】 blog.takunology.jp 【実行環境】 Google Pixel 5a …

iPhone X (64GB) のバッテリー最大容量が 76% になっており、バッテリー交換をしようと考えていました。が、購入して4年ほど経過していたのと、Google Store でセールをやっていたので Pixel 5a を購入しました。 Pixel 5a は 51,700円 で販売されていますが…

前回 blog.takunology.jp 今回はこのラーニングモジュールをやっていく docs.microsoft.com props 関数の引数に props を設定すると、呼び出し元のインスタンスを受け取ることができるみたい。props は特別な変数？なのかな。読み取り専用らしい。 import Re…

前回 Fluent UI を使ってなんか Web アプリっぽいの作ってみたいなぁ blog.takunology.jp と思ったが、Fluent UI を使うには TypeScript の知識が必要で、そもそもフロントエンドのフレームワーク React の知識が必要、しかも React をやるには JavaScript …

ラーニングパス「初心者向け Web 開発」で JavaScript の書き方をお勉強したので、練習がてら React と Fluent UI をつかってみた。 docs.microsoft.com これといって作るアプリは決めてなかったけど、「とりあえず UI まわりをいじれるようになったら面白い…

Youtube を漁っていたらこんな動画をみつけたので、やってみることにした。 www.youtube.com JavaScript は一回触った程度にしかやったことがなかったので、練習がてら。 準備 VS Code は持っているが、React の環境はなかったのでセットアップから。幸い、n…

Zenn にて記事を投稿しました なんとなぁく preview 14 の File Picker を試してみたいなぁと思ってアウトプットがてら記事を書いてみました。 zenn.dev 使い分けについて色々模索していますが、両立できればと思います。ブログのほうは日常の出来事とかを書…

やりたいこと タイトルにある通りです。Blazor Server (.NET 6) にてアプリを実行し、ページを読み込んだときに別スレッドでメソッドを動かし、現在時刻を表示するようにしたいだけです。 実装例 こんな感じに実装してあげます。ポイントは、StateHasChanged…