Category: TypeScript

「Option ‘importsNotUsedAsValues’ is deprecated and will stop functioning in TypeScript 5.5.」エラーに遭遇した時の覚書

TypeDocを使用する際に発生したエラーに関する解決方法を見つけました。TypeScript 5.5以前で作成されたものを新しいバージョンで実行する場合に発生するエラーについて説明があり、解決策はtsconfig.jsonファイルで”verbatimModuleSyntax”をtrueに変更することです。これにより、エラーが解決されます。関連リンクも参考になります。

Published at: 2024/08/04

JavaScript TypeScript WordPress

WordPressのカスタムブロックをTypeScriptで開発する準備

WordPressのカスタムブロックを作成する手順をまとめました。プロジェクトのセットアップには@wordpress/create-blockコマンドを使用し、必要なライブラリが自動的にインストールされます。また、TypeScriptで開発する場合はファイル拡張子やtsconfig.jsonの設定、型定義の追加が必要です。registerBlockTypeの一部パラメータは省略されているため、エラーが発生する場合は修正する必要があります。さらに、block.jsonで設定したattributesも適切に設定する必要があります。

Published at: 2023/12/11

AI / ML Cloudflare JavaScript LangChain.js LLM SaaS / FaaS TypeScript

Cloudflare Vectorize & Workers AI と LangChainでRAG APIを作ってみた

この記事は、[LangChain Advent Calendar 2023]1日目の記事です。 LangChainのJavaScript版があまり情報出ていない気がしたので、LangChain.jsを使った話をいくつか書 […]

Published at: 2023/12/01

JavaScript LangChain.js TypeScript

LangChain.jsで「関連性の高い記事」を検索する

LangChain.jsを使用して、関連記事検索機能を実装する方法についてまとめました。具体的には、LangChain.jsを使用して関連性の高いデータを取得する方法や、WordPressの記事データを使用して関連記事を表示する方法などを解説しています。また、特定のキーワードやテキストに対してフィルタリングを行い、関連記事の抽出を行う方法も説明しています。これを実装することで、関連記事の表示や検索機能を実現することが可能です。

Published at: 2023/07/25

JavaScript TypeScript

Cookiebotで対象地域以外かどうかを判定する

GDPRなどの個人情報保護法に対応するために、Cookie同意の実装が必要です。Cookiebotを使用して同意バナーを表示する場合、非表示にすることも可能か調査しました。Cookiebotのデータを使用して、EUやカリフォルニア州など一部の地域でのみバナーを表示しているため、JavaScript（TypeScript）コードを使用して手動でトラッキングイベントを制御することができます。具体的には、CookiebotのregulationRegionsに対象地域のコードを記述し、ユーザーの国や文化を参照してバナーを表示するか判断します。

Published at: 2023/07/24

Astro JavaScript TypeScript

Astroで構築したアプリにて、RSSフィードを出力する (TypeScript)

Astroでサイトを構築している場合、RSSフィードの生成が必要となることがあります。Astroには、@astro/rssを利用することで、公式でRSS周りのライブラリが用意されています。getメソッドで、rss()の実行結果をreturnし、Markdownのデータからフィードを生成する例を示しています。RSSOptions型を利用することで、型安全なフィード生成処理を作成することもできます。詳細は、https://docs.astro.build/ja/guides/rss/を参照してください。

Published at: 2023/06/08

JavaScript Stencil TypeScript

Stencilを2.14.2から3.3.0にアップグレードした時の覚書

Stencil.jsのメジャーアップデートで、ライブラリの更新を忘れていたため、エラーが発生。具体的には、非推奨になった出力ターゲット`dist-custom-elements-bundle`を使用していたため、`dist-custom-elements`に変更する必要があった。また、TypeScriptのバージョンが合わなかったため、アップグレードも必要だった。依存関係のエラーを解決し、ビルドしていけば、問題なく動作した。

Published at: 2023/06/08

JavaScript Stencil TypeScript

Stencilで、コンポーネントのユニットテスト

Stencilを使用してWebコンポーネントを作る場合に、テストの書き方について整理しました。サンプルコンポーネントModalの表示・非表示を制御するコンポーネントにテストを追加する方法を説明しています。@Methodと@Eventをテストする方法についても述べられています。また、スナップショットテストを使用することもできます。Jestを使ったモックについても説明があります。さらに、参考記事のリンクも掲載されているので、Stencilでテストをする際に役立つでしょう。

Published at: 2023/06/08

Cloudflare JavaScript SaaS / FaaS TypeScript

Cloudflare WorkersでRSS Feedを読み込む方法

Cloudflare WorkersはNode.jsそのものではありません。（2023/04時点）そのため、fsなど一部のAPIが利用できず、npmに公開されているライブラリにもWorkersで動かないものがあります。 […]

Published at: 2023/04/09

Cloudflare JavaScript SaaS / FaaS TypeScript

Cloudflare WorkersとKV + Wranglerを利用して、Connpassのイベント情報をDiscordに通知するスケジュールbotを作成する

CloudflareコミュニティでConnpassのイベント情報を通知するbotのサンプルを参考に、Wrangler & TypeScriptでプロジェクトを作成し、Connpassのイベント情報を取得し、KVストアに保存し、Discordに通知するアプリケーションを作成する方法を紹介しています。また、KVストアに保存したデータを確認する方法や、DiscordのWebhook URLを安全にデプロイする方法なども解説しています。

Published at: 2023/04/06