Category: TypeScript

JavaScriptLINESaaS / FaaSTypeScript

[ #LINEDC ] チャットのローディングアニメーションをTypeScriptで実装する

この記事では、LINEのメッセージングAPIでチャットのローディングアニメーションを表示する方法をTypeScriptで実装しています。秒数を型で制限し、FetchでAPIを直接呼び出す方法を紹介。関数化した実装例も掲載されており、チャンネルアクセストークン、チャットID、秒数を指定するだけで簡単にローディングアニメーションを表示できます。

Okamoto Hidetaka

CloudflareTypeScript

Cloudflare Workflowsのワークフローを自分で実装する方法

Cloudflareの新機能であるWorkflowsは複数のステップに分かれたタスクを実行できる機能であり、Cloudflare Workersを利用しています。Workflowを作成する際は、Class形式でワークフローを実装し、Bindingした後にwranglerでデプロイする必要があります。ベータ版の機能ではありますが、複数のステップの実行やリトライをさせたいワークフローを作成する際に便利であり、単一のフローとしては使いやすい機能と言えます。

Okamoto Hidetaka
0bf29236559118e0968d11727f49991c-20240827094319

JavaScriptTypeScript

TypeScriptで条件別に必須パラメーターを変更する方法

この記事では、Reactコンポーネントでの引数に型定義を行う際に、特定のパラメータの有無で必須となるパラメータを設定する方法を簡単にまとめています。

Okamoto Hidetaka

JavaScriptTypeScript

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

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

Okamoto Hidetaka

JavaScriptTypeScriptWordPress

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

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

Okamoto Hidetaka

AI / MLCloudflareJavaScriptLangChain.jsLLMSaaS / FaaSTypeScript

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

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

Okamoto Hidetaka

JavaScriptLangChain.jsTypeScript

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

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

Okamoto Hidetaka

JavaScriptTypeScript

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

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

Okamoto Hidetaka

AstroJavaScriptTypeScript

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

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

Okamoto Hidetaka

JavaScriptStencilTypeScript

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

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

Okamoto Hidetaka
Home
Search
Bookmark