f@ctor

JavaScript関連のことを調べてみた

JavaScript関連のことを調べてみた
目次

JavaScript vs TypeScript: Detailed Comparison

JavaScript vs TypeScript: Choosing the right programming language for web development is pivotal to its success. While JavaScript has been in the market for a long time, TypeScript has emerged as an advanced feature-rich alternative to JS.

![banner_webp_362e6798-c6a3-4476-9f44-8e5875dc8ef4.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/352567/8505fc61-5cb2-00fe-3663-5899c1fbe7e5.jpeg)

If you are also

元記事を表示

JavaScriptを使った非同期通信について

# はじめに
こちらの記事ではWEB開発における非同期通信について理解しやすいように手を動かして作れるアプリを作りました。
非同期通信について学んでみたい人はぜひ作ってみてください。

# 対象者
非同期通信とはなにかわからない、または名前だけ知っている、漠然としたイメージだけあるといった方
WEB開発に関する知識はある程度持っている方

# 非同期通信とは
非同期通信とは通信技術の一つで送信者のデータ送信タイミングと受信者のデータ受信タイミングを合わせずに通信を行う通信方式です。
イメージが湧きにくいと思うので以下の画像を見てください。

![ajax.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3638023/e6da0d41-8a86-7ee6-a3f9-2fc4f5e8e072.gif)

この処理ではボタンをクリックした後、画面遷移を行わずにデータベースへアクセスしランダムなポケモン情報を画面に表示しています。
非同期通信では処理は以下のように行われています。
1. 送信ボタンをクリックする

元記事を表示

不動産情報ライブラリAPIのベクトルタイルをMapLibreで表示してみる

https://qiita.com/4gou/items/bcdfe8c58c64bbc83221

↑の記事で不動産情報ライブラリのベクトルタイルをQGISで表示する方法を紹介しました。
今回は不動産情報ライブラリのベクトルタイルをMapLibreを使って表示してみます。

結論を先に書きますと、直接MapLibreのTileのURLに不動産情報ライブラリAPIのURLを指定してベクトルタイルを表示させることはできません。不動産情報ライブラリAPIにアクセスするためのサーバーサイドのプログラムかプロキシサービスなどが必要になります。

## 初めにやったこと　transformRequestでAPIキーをセットしてみる（NGな方法）
ローカルでさくっと見たかっただけなので、MapLibreのMapOptionsのtransformRequestを使って、不動産情報ライブラリAPIへのリクエスト時にAPIキーをセットしてみました。
もちろんこの方法は、外部にAPIキーが漏洩して第三者が利用可能な状態になるため、実施しない方が良いです。
あくまでローカルで自分だけが見られるような状態で取

元記事を表示

kintone ゲストスペースの bulkRequest api オプション指定方法

kintone ゲストスペースの bulkRequest API 処理時のメモ書き

# 概要

kintone ゲストスペースの bulkRequest API 処理時は、api オプション指定時に 「/k/guest/GUEST_SPACE_ID/v1/record.json」 のような形式が必要

>[複数アプリのレコード操作を一括処理する](https://cybozu.dev/ja/kintone/docs/rest-api/records/bulk-request/)

“`sample1.js
{
“requests”: [
{
“method”: “POST”,
“api”: “/k/guest/123/v1/record.json”,
“payload”: {
“app”: 1972,
“record”: {
“文字列1行”: {
“value”: “文字列1行を追加します。”
}
}
}

元記事を表示

ChatGPTくんにMatrixコードを出力してもらった。

ChatGPT4に、Matrixコードを出力してもらった。
プロンプトはすごく簡単にしてみた。

“`プロンプト内容.
映画のマトリックスに出てきた、緑色の文字がランダムに表示される文字列のアニメーションをJavaScriptで再現してほしいです。
“`

出力されたコード
“`matrix.html




ChatGPT のようなヌルヌルした増分テキスト表示をやってみたい

タイトルの通りです。Python の FastAPI で簡単なサンプルアプリを作成しました。

# 実行例
![streaming.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2629684/ae8e8181-03fe-d91f-d6ca-f3921bdf717f.gif)

# FastAPI のコード
HTTP は昔からストリームなので HTTP レスポンスのボディを逐次、送受信することは以前から可能でした。でも HTTPヘッダの `Content-Length` がネックでした。HTTPヘッダは最初に返さないといけないのでその時点でコンテンツサイズが未定の場合は `Content-Length` を設定できないからです。

HTTP1.1 が全盛の頃はコンテンツを細切れ（チャンク）にして送信していましたが今は、楽に実装できるようになりました。FastAPI は、`StreamingResponse` を使います。ブラウザ側は、HTTPレスポンスの `ReadableStream` を `get

元記事を表示

バニーガーデンのレビューをレビュー分析 AI “ReviewAI” でまとめてみた！

# はじめに

バニーガーデン、Steam で売り上げランキング 1位になりましたね！
おめでとうございます！！
大盛り上がりなので、気になってレビューを見たりしている紳士の方々も多いのではないでしょうか？
そこで本記事では、弊社 RetegyLink 開発の ReviewAI (レビューアイ) でバニーガーデンの steam でのレビューを分析した結果をご報告させていただきます。

同じ内容を [note](https://note.com/retegylink/n/n5c000e33704c) でも公開しています。

# バニーガーデン