前回のブログ記事ではWASMの概要とRustで書いた画像処理コードをWebAssembly（WASM）モジュールとしてコンパイルしました。今回は前回作成したWASMのモジュールをブラウザから操作できるようにHTMLとJavaScriptでフロントエンドを構築していきます。 www.han…

早速ですがWASMってご存じでしょうか？私は、この技術を知りませんでした。たまたまnoteの記事を読んでいたらWASMについて書かれている記事に目に入り、興味を持ち、今回記事を書きながら、WASMがどういったものかを学んでみようと思いました。 今回の記事は…

VS CodeでCopilotを使う際にただのチャット機能として使うのでなく、より効率的に指示だしができるTipsをご紹介します。

ソフトウェアアーキテクチャの選定プロセスをご紹介します。

マイクロサービスや、モジュラーモノリスといった最近よく目にするアーキテクチャパターンについて紹介する

前回の記事ではソフトウェアアーキテクチャの概要とその重要性について紹介をしました。今回の記事では、もう少し掘り下げてソフトウェアアーキテクチャの設計思想について記事にしたいと思います。 www.hanatare-papa.jp 記事のポイント モノリシックアーキ…

ソフトウェアアーキテクチャとは、システムの構造や設計を表現する、抽象度の高い概念的なモデルを表します。これは、ソフトウェアの全体像を俯瞰し、各コンポーネントとその特性、コンポーネント間の関係性を定義する重要な役割を果たします。アーキテクチ…

前回の記事ではSnowflakeとdbt Cloudの無料枠を使って環境の構築を行いました。今回の記事では、dbtの機能を使い実際の開発を行っていきたいと思います。 www.hanatare-papa.jp 記事のポイント dbtの基本的な開発サイクル（モデル作成 → テスト → ドキュメン…

無料サービスでデータパイプライン構築を行います。具体的には、Snowflakeとdbtの無料枠の範囲で実践する内容でデータパイプラインの基盤構築を行います。

前回の記事では、AIエージェントと外部世界を繋ぐ画期的なプロトコル「Model Context Protocol (MCP)」が、その設計思想に起因する「致命的な三要素」によって、プロンプトインジェクションやツール汚染といった新たなセキュリティリスクの温床となっている…

MCPとは何か？そしてその仕組みとその裏に潜むセキュリティリスクについて解説する。

Google Analytics(以降の記事ではGA4と記述します。)を使われている方は多いのではないでしょうか？私もこのブログには、GA4をつけて分析を行っています。しかし、こうした分析を行っているといくつかの制約に直面します。例えばデータ保持期限が14か月であ…

ストレスフルな時のセルフケア方法を紹介。

プロップスのバケツリレー」問題を解決と柔軟な状態管理を実現をVue.jsで行う方法

Vue.jsでのコンポーネント間のデータ受け渡しを実現するための、「props」と「emit」を整理する。