【デザイン4大原則】近接・整列・強弱・反復、カラーアクセシビリティ
デザインの4大原則。近接：互いに関連する情報を近づける、整列：要素に一体性を持たせる、強弱：情報の優先度を明確にする、反復：特徴的なものを意識的に繰り返し使う。Webサイトのカラー配色：ベースカラー70%、メインカラー25%、アクセントカラー5%。
開発・デザイン
【Webセキュリティ】HTTPとセッション管理, GET/POST, 認証と認可, Basic認証, Cookie, 同一オリジンポリシー
同一オリジンポリシーにおいて、「オリジン」はスキーム（プロトコル）、ホスト（ドメイン名）、ポート番号の3つがすべて一致する場合に、2つのリソースは「同一オリジン」とみなされる。クッキーなど認証用のヘッダを伴うクロスオリジンリクエストにはwithCredentialsプロパティをtrueに設定する必要がある。
【AnkerMake】Tree設定を調整して曲面の3Dプリント印刷
現在、方言を話すおしゃべり猫型ロボット「ミーア」を開発中。フォームで作成したミーアちゃんの筐体を印刷して試行錯誤している過程を備忘録として記載ディスプレイなしで側だけ印刷→目の周りの積層痕あり結果がこちら。このCADはデザイナーの方が作成し...
【Figma】コメントノートを使ったら、画面が見やすくなりステータス管理しやすくなった
Figmaのコメント機能はバルーンのポップアップ表示なので一覧性に乏しい。Figmaのコメントノートは、コメントの一覧性を保ちながら、タイムスタンプやステータス管理もできるシンプルかつ優れた機能。また、コメントのデザインも可愛くて使いやすい。
【電子回路編】ESP32+SPH0645LM4H-B（I2S）で双方向音声の自作基板を作成しElecrowで発注
INMP441の代替I2SマイクとしてSPH0645LM4H-Bを使って、ESP32と配線をして自作基板を作成し、Elecrowで発注する方法。Elecrowの方がJLCPCBと比較してPCBA costが安い？
【電子回路編】ESP32にINMP441を追加した自作基板を作成しようとしたところ、INMP441が在庫切れ？
猫型ロボット「ミーア」の双方向音声開発に向け、INMP441を使ったESP32自作基板を作成しようとしたが、まさかの部品が在庫切れ。Pre-orderやConsign Partの対応、JLCPCBとのやり取り、代替案の検討などを詳しく解説。
ESP32 + I2Sマイクロフォン（INMP441）で音声認識を実装
ESP32とINMP441を利用して、音声認識の実装を行う。今回はI2Sマイクから信号処理できているかどうかのみをクイックに検証したいので、「I2Sマイクからの信号受信 → 音量レベルやサンプル統計をリアルタイム表示」までを行う。
【Rails】RSpec備忘録：describe / context / it / subject / let / let! / before / FactoryBot
RSpecでsubjectを使う際のメモ化の仕組みと、更新系テストでの落とし穴を解説。beforeでsubjectを呼ぶとパラメータ変更が反映されない理由や、正しい評価タイミング、テスト設計のベストプラクティスを具体例で紹介します。
【Railsのインデックス入門】B+treeの仕組み・複合インデックス・t.referencesの落とし穴
Railsのインデックスの仕組みを完全解説！B+treeの基本から、複合インデックスの貼り方、検索パフォーマンスの最適化方法を詳しく説明。さらに、t.references を使用する際に意図しない単一インデックスが作成される問題と、その回避策についても解説。
OAuth2.0 の認可フロー。認可コード取得からリフレッシュトークンを使用したアクセストークンの管理まで。
OAuth 2.0 の認可フローについて解説。認可コード取得からアクセストークンの管理、リフレッシュトークンの仕組みまで詳しく説明します。Google カレンダーや Fitbit 連携の実装例を交え、トークンのセキュリティ対策や OAuth 1.0 との違いについても紹介。