前回のブログ記事では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」を整理する。

Vueアプリケーションをインタラクティブにするために、ユーザーの操作に応答し、よりリッチなWebアプリケーションを作るための「v-on」と「v-model」について解説

配列やオブジェクトに格納されたデータを元に要素を繰り返し描画する「v-for」とHTML属性（srcやclassなど）をVueのデータと動的に連携させる「v-bind」について理解する。

Vue.jsのディレクティブを理解する。今回は、v-if・v-showを使った条件分岐による表示制御について解説を行います。

refとreactiveのどちらを使うか問題について考える

Vue.jsのインストールから、「Create Vue」によって作成されるプロジェクトの内容を紹介する

n8nでGoogle Geminiの設定手順を紹介

データメッシュアーキテクチャの設計方針

データメッシュアーキテクチャの4つの原則の紹介

データメッシュアーキテクチャの基本概念と従来データアーキテクチャの課題を整理しています。

caution このページは、Writesonicによって作られたページをそのまま掲載しています。以下の記事の参考として掲載しているページですので、ご注意ください。 www.hanatare-papa.jp 【2025年最新】AIライティングツールで文章作成の効率が3倍に：実践的な活用…

昨日のブログでいくつか生成AIツールを取り上げ、比較表を作成しました。今回はその中で紹介したツールの中で、ブログ作成に有効と思われるWritesonicについて紹介をしたいと思います。 www.hanatare-papa.jp 記事のポイント Writesonicの概要説明 Writesoni…

生成AIツールが最近のITトレンドで、私たちの働き方やクリエイティブな活動を大きく変えつつありますが、たくさんの生成AIツールがあり、どれを使えばいいのか？どれでもいいのか？と疑問に思うことはないでしょうか。今回の記事では、現在注目されている生…

n8nで、Googleサービスに認証を行う際に、どの方法を選択したらよいか、その判断軸になるように、OAuth2.0とサービスアカウントのメリット・デメリット・どういった使い方がよいかをまとめました。

最近、「n8n（エヌエイトエヌ）」というサービス名をよく見かけるようになりました。 正直なところ、「このサービスは一体何なんだ？」という疑問から調べ始めたのですが、調べるうちに興味が湧いてきたので、今回はその内容を記事にまとめてみたいと思いま…

VS CodeとGitHub Copilotを使って開発の生産性を向上させる

[f:id:nothing-title:20250609195117p:plain]