技術メモ

問題のコード Jestでテストしたかったのは、TypeScriptでfetch()を使った簡単な関数。 export function getData(): Promise<Profile> { return fetch("https://jsonplaceholder.typicode.com/users").then(handleResponse); } 事象に直接は関係ないけど、テストコードはこんな感じ。 test("データ取得成功", async () => { await expect(getData()).resolves.toHaveLength(10); }); npm tes…

最近は、こちらの本でフロントエンドのテストについて勉強しています。テストって書いた方がいいんだろうな〜と思いながらもとっつきにくいというか何をしたらいいか分からなかったので、体系的に学べるのは大変助かるしとても勉強になります！ フロントエンド開発のためのテスト入門 今からでも知っておきたい自動テスト戦略の必須知識 [ 吉井 健文 ]価格: 3080 円楽天で詳細を見る その中から、Jestで非同期のテストをするときの書き方パターンを、本の内容+自分で調べたことのまとめ。 Jestはドキュメントも丁寧。 非同期コードのテスト · Jest テストしたい関数 // 必ず成功するPromiseを返す…

ことの発端 Laravelでページネーションを実装するためにbladeに以下のコードを書いたところ、表示がめっちゃ崩れました。 {{$items->links()}} 矢印でかっ {{$items->links()}} で自動的に生成されるHTMLを見てみたら、 flex items-center ...などのclassが設定されていますが、これらが全く効いていない様子。 あ、Tailwindを手動で入れなきゃいけないのね、と気づいたのでインストールします。 LaravelにTailwindCSSをインストールする Tailwindのドキュメントの通りにやるだけでした。 Install Tai…

現在、こちらの本で、よくわからないままなんとなく使っていたLaravelを学び直しています。 PHPフレームワークLaravel入門第2版 [ 掌田津耶乃 ]価格: 3300 円楽天で詳細を見る 今までなんでもかんでもコントローラに書いて肥大化しがちだったので、この処理は切り離せるのか〜という学びのメモ。とりあえず作成方法と登録方法の概要だけ。 バリデーション関連 10.x バリデーション Laravel フォームリクエスト バリデーション処理を分離する。 php artisan make:request HelloRequest app/Http/Requests/HelloRequest.…

Laravelのリダイレクトって、書き方が色々あってちょっと頭がごっちゃになるので調べたことの整理。 redirect関数 10.x HTTPリダイレクト Laravel 基本的には、 redirect がリダイレクトを実行するためのヘルパ。引数ありで呼び出した場合と、引数なしで呼び出した場合で、返却値が異なる。 引数ありで呼び出した場合 RedirectResponseオブジェクトが返される。 return redirect('/home'); RedirectResponseオブジェクトは withInput()やwithErrors()などのメソッドを持ち、メソッドチェーンとして使える。…

現在、Laravelを勉強中です。 Laravelのbladeでバリデーションエラーを扱うには $errors 変数が大変便利ですが、初歩的なことでちょっとハマったのでメモ。 やりたいこと 何かしらバリデーションエラーが発生した時にblade側でメッセージを表示したい。 NG例 エラーが何もない時にbladeで {{ $errors }} を出力してみると、 [] (空配列)だったので、「ほ〜ん、空チェックをすればいいのね！」と思って以下のコードを書きましたが、これは動作しなかったです。このコードだと、ifの条件文が常にtrueになってしまいました。 @if(!empty($errors)) …

Flowとは Flow: A Static Type Checker for JavaScript | Flow JavaScriptコードに型情報を付与するための言語拡張。最近ではTypeScript一強でFlowが選択されることはほぼないと思いますが、ちょっと試しに動かしてみる必要があったためインストールしました。その際にエラーで少し躓いたので、その備忘録です。 インストール時のエラー 公式サイトに従ってnpmで flow-bin をインストールしましたが、以下のようなエラーとなりました。 (プロジェクトローカルにインストールしているので、npxを使っています。) % npm instal…

最近自分が作りたいものがあり、それに必要な技術などを調査している。調査したことの整理のために、何回か分けてアウトプットする。今回はWebSocketについて WebSocketの概要 クライアントとサーバー間で双方向通信をリアルタイムで行うためのプロトコル HTTPのようなリクエスト・レスポンスの仕組みとは異なり、一度接続が確立されると、クライアントとサーバーの両方がいつでもデータを送受信することができる リアルタイム性が求められるアプリケーションに非常に適している チャットアプリ オンラインゲーム 金融取引のダッシュボード 通信が軽量である WebSocketの特徴 双方向通信: クライアン…

「技術メモを取らなくなった」という話をしました。また、ChatGPTでいろんな調べ物が捗る、という話もしました。 せっかくなので、最近、私がChatGPTで調べたトピックの一つを紹介します。 それがタイトルの問です。 なぜ、Pythonのstrオブジェクトはイミュータブルなのか 私はGoogle検索がメインの状況では、上記の問いを気軽に調べてみようと思わなかったでしょう。 なぜなら、簡単に回答に辿り着ける気がしないからです。 「そういうものだ」ということにしてスルーしていた気がします。 しかし、ChatGPTがある今なら、こんなふうにプロンプトを打ち込むだけでいい感じの情報に辿り着けました。 …

最近、技術メモを取ることが減ったなあ、と思っている。 また、それでも取ってる技術メモはある。 そんな話でもしよう。 従来の技術メモを取ることが減った 以前のような技術メモを取ることが減った。 その理由を考えてみると、インターネット上にある情報がすぐに見つかるからだと思う。 私は、ChatGPTやClaude、perplexityあたりを使っている。 そんな頃の話を以前、以下の記事に書いた。 blog.mtb-production.info もともと技術メモをとっていた領域 思い返してみると、技術メモをとっていた場面が関係あるように思う。何度も調べるのがめんどくさいとか、調べた結果がどこにあるの…

前回は何も考えずにそれなりに撮影できた気がした。 星空って難易度高いと思ったら意外と楽じゃん。 実際に星を撮影してみて、実は星の撮影に憧れていたのだ、と気がついた。中高生の頃に星の写真を見て、こういうの撮影してみたいな、と思ったな。 でもフィルムの時は素人に星空が撮れるなんて思わない。現像するまで何も分からないから。満足な結果が出るまで相当な金と時間がかかるだろう。デジカメのありがたさよ。 ありがてえ話だなあ、と気楽に行ってみた。 だが思うようにいかなかった。 ナメてはいけない。何事も。 今回は完全に技術メモです。 F2.8 : 4sec : ISO 1600 : 7.0 mm (換算14.0…

視聴動画 Key Insights From the 2024 Cyberthreat Defense Report 獲得CPE 1CPE 内容 CyberEdge’s annual Cyberthreat Defense Report (CDR) has become a staple for assessing organizations’ security postures, for gauging perceptions of IT security professionals, and for ascertaining current and planned investments …

2024年04月17日(Wed)の呟きは 14

久々にインフルエンザで寝込んでいました。 普通に39度ぐらいの熱は出るし寒気はするし咳は止まらなかったですしつらかったですね。 昨年度、あまりにも忙しすぎたというか詰め込みすぎたので、今年は少しでも集中して仕事をできるようにしようかと。 仕事を拾わない、というのを大事にしていきたいとは思っています。 そんなことも相まって、最近メモアプリを整備しまして。 ・普段の技術メモとかを殴り書いたりするメモアプリ 「Obsidian」 obsidian.md ・タスクをまとめておく＋WEBの情報をとりまとめておく 「notion」 www.notion.so にしていくことにしました。 「notion」に…

はじめに 仕事用のMacを3年ぶりに買い換えました。MacBook Air M3 15インチ (2024)です。ちなみに今まで使っていたのはMacBook Pro M1 13インチ (2020) でした。 なんで買い換えたの？ 今まで使っていたM1 MacBook Proも大きな不満はなかったのですが、3年使ってきて「そろそろ買い換えてもいいかな？」と思っていたときに、M3チップ版のMacBook Airが発表されました。www.apple.comM1→M2だとあまり変わらないかな？と思ってたのですが、M1→M3ならそれなりに速くなるんじゃないかと期待して「よし、買い換えよう！」と決めました。…

仕事の時はちゃんと姿勢を正して座ろうと思った。 あわせてよみたい 仕事の時はちゃんと姿勢を正して座ろうと思った。 仕事で割とお疲れモード。最近はドキュメント整理ばかりをしてる感じであり、技術的なことに触れるのは個人開発ばかりでやっている。前にブログで書いた、Scrapboxからはてなブログに投稿するスクリプトに関してはあとちょっと調整したら実戦投入できそうである。 途中で、Scrapboxからfetchを使おうと思うとCSPエラーでつまづく時があったので、そちらについてはネットで色々と調べて対策。どうやら、Scrapboxは内部からの外部へのfetchでのアクセスというのは全部遮断するように設…

スラド終了のお知らせの記事の通り，2024年1月末でスラドは終了のようです。 元々はVine Linuxを使っていてそこのデフォルトのブックマークにYenDot→スラドの流れで見始めたと思います。昔はオープンソース系の記事が多かったのでそこがとっかかりです。 書き込みもほとんどしておらず，昔の日記で技術的な内容でここ10年ぐらいのものは既にダウンロードしました。 後は消えるのを待つばかり。事前に日記を引っ越したのもおおむね正しい判断だったようです。 スラドの日記は結構検索にも引っかかりやすかったけど，ここの新参者はほとんど検索に引っかからないようなので 目立たず技術メモを残すのは最適かな?と思…

お疲れ様です。2日ほど、手元にある技術系のメモ書きを雑にブログに書きました。これは、いわゆるリサイクルだ、と思ったので、その話を書いておきます。 昔々、私は検索エンジンを多用していた インターネットに広告が溢れてきた 何度も参照する情報を手元にメモする ChatGPTの登場で、流れが変わった そんな中で私は、ブログの更新数を上げることにした 私には不要になったが、他の人にはどうだろう？ 私の手元の技術メモをリサイクルする

ヤエス 無線機FT-8800のDATA端子の技術メモ追記 送信の場合、変調サイン波1kHz 30ｍVP-PぐらいでデビエーションBW16KHz。 説明書では最大40mVp-pと書いてあるが、そこまで入れるとIDCでクリップされ 歪んだ音になると思います。 DATA端子から送信（PTT、変調）しても通常のマイクも音を拾うのがわかったので 注意です。