はてなブックマーク

はじめに FAPI とは、安全かつ相互運用可能な API 通信を実現するための標準規格を指しており、とりわけ医療分野・金融業界・電子政府といった高セキュリティが要求される業界において重要な役割を果たしています。OAuth 2.0 と OpenID Connect を基礎に置く FAPI 1.0 に始まり、今日ではその最新版である FAPI 2.0 にまで発展を遂げました。FAPI 2.0 では、最新のプロトコルを採用することでよりセキュアなデータ保護を可能とする一方で、従来よりも更にシンプルな実装が可能となりました。 構成要素 FAPI 2.0 は API セキュリティの向上を目的とし、包括的なフレームワークを導入しました。FAPI 2.0 は、大きく以下の 4 つの要素に分類されます: Security プロファイル FAPI 2.0 の中核を成すプロファイルで、"PAR" や "DPo

【AWS】複数Availability Zoneに跨るInternal ALBが名前解決で返してくるIPアドレスはどのIPアドレスか？AWSdnsTerraformAvailabilityALB 転職して初めての記事です。 転職後の会社の先輩から表題の質問を貰い、即答できなかったので検証してみました。 たまたま前職でALBの環境の構築をTerraformで行ったので、今回もTerraformで環境構築を行いました。 予想される結論 この先輩の方とも社内のチャットでやり取りした時にもお話したのですが、複数のAvailability Zoneに跨ったALBは名前解決ではラウンドロビンでそれぞれのAvailability ZoneでALBに割り振られたIPアドレスを返してくるんじゃないかな？というのが私の予想です。 ではこの予想通りになるのか、違う動作をするのか検証をしましょう。 構成図 では早

DifyをAmazon Lightsailで動かす DifyをLightsailで動かす方法です。絶対に失敗しないDifyデプロイの手順、AWS Lightsail編で紹介されているままですが、起動スクリプトを貼り付けるだけでDifyまで起動するようにしているため、必要な操作はLightsailの初期設定のみです。 ⚠️ 本手順を実行すると、インターネット上に公開された状態でDifyサービスが動作します。別途、Lightsail のファイアウォールでインスタンストラフィックを制御するなどを参考に、アクセス元を制限するなどのセキュリティは適切に設定してください。また、本手順のみでは平文での通信となるため、あくまで動作確認用としてご利用ください。 Lightsailインスタンスを作成する Amazon Lightsailにて以下のようにインスタンスを作成します。インスタンスのサイズは2GBのも

初めまして、現在プログラミングスクールで学習中のやまちゃんと申します。 Reactを勉強してみたいなと思っていましたが、そもそもJavaScriptの基礎を さらっとしか触れていなかったので勉強することにしました。 その中で非同期処理において大事だと言われるPromiseについて少し調べてみました。 今回はcatAPIを用いて猫画像を取得する非常にシンプルなコードで見ていこうと思います。 catAPIについては下記を参照ください！ catAPI ※ この記事は「RUNTEQ Advent Calendar 2023」の21日目を担当した記事です。 そもそも非同期処理とは？ JavaScriptでは基本一つの処理が完了するまで他の作業はできませんが、 非同期処理は一つの作業をしている間に他の作業ができるようにした仕組みの事です。 参考記事 非同期処理とは何か、何が嬉しいの？ Promiseと

先日、JTC-utils という CommonJS と ESM に対応したデュアルパッケージを公開したのですが、とてつもなく苦労したのでここにメモを残しておくことにします。 デュアルパッケージに対応するという記事はいくつかありますが、この記事は次の条件の時に役に立つと思います。 ソースコードは TypeScript で作りたい。 CommonJS と ESモジュールの両方に対応したい。 サブモジュール1を作りたい。（←ここ重要） 2023/07/18 コメントを受け、一部訂正をいれています。 2023/07/19 さらに調べたところ、TypeScript の公式見解としては、たとえ型宣言ファイル（.d.ts）の内容が同じであっても、.cjs に対しては .d.cts を用意すべきとのことでしたので、その前提に基づき記述を全面的に見直しました。 何がそんなに難しいのか TypeScript

ruby の popen で sh: -c: line 0: syntax error near unexpected token `('Rubypopen

LangChain と OpenAI API を使って Slack 用のチャットボットをサーバーレスで作ってみる(ChatGPT 編)AWSNLPMachineLearningDynamoDBlangchain LangChain と OpenAI API を使って Slack 用のチャットボットをサーバーレスで作ってみる(ChatGPT 編) TL;DR OpenAI API で利用できるモデルとして、ChatGPT(Plus)と同様のモデルであるgpt-3.5-turboが利用できるようになったので、前回のLangChain と OpenAI API を使って Slack 用のチャットボットをサーバーレスで作ってみると同じようにサーバーレスで Slack 用チャットボットを実装してみました。 gpt-3.5-turboはtext-davinci-003と比較して利用料金が 1/10 と

今一度 ubuntu server 22.04 LTS と Raspberry Pi3 を installして設定 の 覚え書きserverUbuntuRaspberryPiPi3 Raspberry Pi3のOSをどうするか? そろそろ連続稼働させているRaspberry Pi3のUbuntuが賞味期限切れなので、distributionをupdateしようとおもったが、partition sizeの問題でできなかったので、心機一転 clean installして、設定し直すことにした。 See Ubuntu do-release-upgrade が 失敗したとき OS 所感

LangChain と OpenAI API を使って Slack 用のチャットボットをサーバーレスで作ってみる TL;DR LangChainを使って Slack 用のチャットボットを作ってみました。AI/ML モデルは OpenAI API(text-davinci-003)を利用しています。LangChain の Memory 機能を利用しており、会話の履歴も考慮して返信することができます。この際、OpenAI 側のモデルの入力トークン制限が問題になりますが、ConversationSummaryBufferMemoryを利用することで、一定のトークン数を超える履歴は要約して保持するようになっています。 また、バックエンドの実装では AWS Lambda を利用しています。Lambda はサーバレスであるため会話の履歴をメモリ上に保持することができませんが、DynamoDB に La

Astroを使って構築したサイトに、Stripeの決済やサブスクリプション申し込みフローを追加する方法JavaScriptstripeastroStripeElementStripeCheckout 静的なウェブサイトを構築する方法の１つとして、Astroへの注目が高まっています。 https://astro.build/ 今回は、このAstroを使ったサイトにて、Stripeを利用した決済フォームを組み込む方法を紹介します。 3つの組み込み方 Astroで構築したサイトにStripeの決済フォームを組み込むには、3つの方法があります。 1: リンクまたは埋め込みコードで実装する 2: リダイレクト型の決済セッションを作成する 3: 埋め込み型の決済フォームを実装する １がもっとも簡単に組み込みができる反面、デザインのカスタマイズ性などは３に軍配があがります。 それぞれの実装方法を見ていき

背景 Djangoで単一アプリの中に複数テーブルを持たせたかったのですが、2つ目以降のテーブルのマイグレーションに成功しても管理サイト上で表示がされなかったので、その問題を解消したかった。 問題 まずテーブルを2つ定義(練習なので2つのテーブルの中身は一緒です)。 # 1つ目のテーブル class People(models.Model): # 項目定義 Name = models.CharField(max_length=100) # 文字列 Tell = models.IntegerField(blank=True, null=True) # 整数 Mail = models.EmailField(max_length=100) # Email Birthday = models.DateField() # 日付 Website = models.URLField() # URL Fr

はじめに ここは、Pythonを改めて学んでいるメモを都度書き出していきます。 ※ 筆者のバックグラウンドは#1をご覧ください。 https://qiita.com/hideh_hash_845/items/58241f0ce0283e457a87 https://qiita.com/hideh_hash_845/items/56c7a2c5594261f380b2 https://qiita.com/hideh_hash_845/items/b5e2264fc650c3e9d4b6 https://qiita.com/hideh_hash_845/items/6ebfcbf1682dcc696b76 ここ https://qiita.com/hideh_hash_845/items/b46d2d82287f10bfb7c4 numpy 多次元配列における数値計算を効率的に行うことをサポー

StripeとReactで、銀行振込やコンビニ決済などの複数の決済手段を表示する方法と見た目のカスタマイズ方法JavaScriptReactStripeElementstirpe この記事は、React Advent Calendar 2022 14日目の記事です。 Stripeでは、Checkout / Payment Linksなどのリダイレクト型の決済フォームとは別に、埋め込み型の決済フォーム「Elements」を提供しています。 Stripe.jsやiOS/Android SDKを利用してElementsをサイトやアプリに埋め込むことで、提供するサービスの中で決済体験を完結させることができます。 Elements組み込みの前準備（サーバー側でのPayment Intent作成） Stripe Elementsでの決済フォーム組み込みには、サーバー側の処理が必要です。 const s

この記事は、CircleCI Advent Calendar 2022 5日目の記事です。 Stripe CLIを利用すると、Stripe上でのさまざまなイベント（決済完了・サブスクリプションの新規契約・キャンセルなど）をシミュレートすることができます。 CI上でStripe CLIを利用することで、Stripeのイベントがかかわるシステムの結合テストや、バッチジョブの実行などが可能です。 この記事では、Circle CI上でStripe CLIを実行するためのTipsを簡単に紹介します。 Stripe CLIをDockerから利用する Stripe CLIはDockerコマンドで実行できます。 Stripe CLIをDockerで実行する場合、--api-keyでStripeのAPIキーを都度渡す必要がある点に注意が必要です。 Circle CIに制限付きAPIキーを設定する Circl

ReactとStripe Elementで作成した決済フォームの、CSS・見た目をカスタマイズする方法JavaScriptstripecss-in-jscss変数StripeElement Stripe Elementsで描画される決済フォームは、セキュリティなどの目的でiframeの中に配置されます。 そのため、CSSでの内容・見た目のカスタマイズはElement Appearance APIを利用して行う必要があります。 この記事では、Payment Elementsの見た目を調整する方法を紹介します。 プリセットスタイル（テーマ）で設定する StripeのPayment Elementsでは、いくつかのスタイルプリセットが用意されています。 ドキュメントサイトでデモを見る これらは、<Elements/>のoptions.appearanceで設定します。 <Elements str

ECサイトなど、多くの決済を取り扱うシステムでは重複処理・多重決済をいかに防止するかが重要です。 Stripeの場合、同一IDのPayment IntentやInvoiceであれば、2回目以降の決済リクエストについてはデフォルトでエラーで返します。 例えば、以下のコードでは、1回目のconfirm以降にconfirmやcaptureを実行すると、This PaymentIntent could not be captured because it has already been captured.エラーが発生します。 const stripe = new Stripe('sk_test_xxxx', { apiVersion: '2022-08-01', }) // Payment Intentを作成 const paymentIntent = await stripe.paymentI

ブラウザバックは Web アプリの鬼門 Vue に限らずですが、Web アプリにおいてブラウザでバックボタンやフォワードボタンの実行に対応するのはなかなかに難しい問題です。そのため、POST Back 型のフレームワークではブラウザバックの使用自体を禁止することも多かったと思います。 SPA全盛の今、この問題は解決されたのでしょうか。 いえ、状況はむしろ悪化しています。テンプレートエンジンを使った HTML 生成型の Web サイトであれば、ブラウザバックを行うことで、フォームの値とスクロール位置は復元されますが、JavaScript ベースで構築された画面ではフォームの値は保存されませんし、スクロール位置が復元できるかも条件次第です。 一般的な解決策 では、Twitter に代表されるSPAアプリではこの問題にどうやって対応しているのでしょうか。答えは「対応しない（あるいはスクロール位置

Raspberry Pi 4B でAsteriskを構築し、iPhoneを固定電話の内線にする(～音声通話編～)ひかり電話RaspberryPi4 みなさんおはようございます。 アドベントカレンダーに参加しましたので、8日目の担当記事を投稿します。 いつもと趣向を変えてAzureは無関係な趣味で触っているRaspberry Piネタです。 私のQiita最初の記事でもこの記事を書こうかなと言っていて1年半かかってしまいましたが、やっと書けました。 Asteriskとは？ 皆さまAsteriskはご存知でしょうか？ 殆どの方はご存じないと思います。 では質問を変えて、内線電話はご存知でしょうか？ こちらは逆に殆どの方がご存知だと思います。 ちょっとしたオフィスでお仕事したことがある方はご存知でしょう。 ここ1~2年はコロナ禍でオフィスに出勤することも減ったので新卒の方はご存じないかもしれませ

参考文献 今回、以下サイトを参考にさせていただき、また大変勉強させていただきました。感謝申し上げます。 SUUMO の中古物件情報を Tableau で分析してみる ～データ収集編～ SUUMO の中古物件情報を Tableau で分析してみる ～データ予測編～ 機械学習を使って東京23区のお買い得賃貸物件を探してみた　〜スクレイピング編〜 オープンポータル （オープンデータ活用サイト、競売、人口、駅） 1.準備:パッケージインポートなど 1.1 Google Driveへのマウント、パッケージのインポート ここでは、Google CplaboratoryからGoogle Driveへファイル書き出し、読み込みをするための準備や、今回使うパッケージのインポートを行いました。また、後ほどデータ加工用の関数群も予め定義しておきます。 #ドライブ設定 PATH_GMOUNT='/content/

2022年6月施行の改正特定商取引法に対応するための、Stripe Checkout / Payment Links設定ガイドstripeStripePaymentLinksStripeCheckout 2022年6月1日より、改正特定商取引法（以下「改正特商法」）が施行されます。 それにあたり、Stripe CheckoutまたはPayment Linksを利用して商品・サービスの提供をしている方向けの、設定ガイドを用意しました。 注意 本ガイドは、消費者庁から公表されているガイドラインや説明会資料をもとに作成しています。 内容については細心の注意を払って作成いたしましたが、絶対を保証するものではありません。 お手数ではありますが、必ずご自身でガイドライン等の資料をご確認いただきますようにお願いいたします。 令和3年特定商取引法・預託法の改正について 通信販売の申込段階における表示に

Markdoc入門: Vite + @markdoc/markdocを使って、Markdownで書かれた記事を表示しようJavaScriptMarkdownvitemarkdoc Markdocは、Stripeのドキュメントサイトで利用している、マークダウンのオーサリングツールです。 この記事では、JavaScriptと@markwodn/markdocライブラリを利用して、Markdownで書かれたコンテンツをサイトに表示させる方法を紹介します。 セットアップ Markdocライブラリは、npm installして利用します。 今回はコードのビルドに、Viteを利用します。 フレームワークにはvanillaを選びましょう。 variantでTypeScriptも選べますが、今回は使用しません。 $ npm init vite ✔ Project name: … vite-markdoc

Stripe Billingを利用することで、カード決済だけでなく、銀行振込でのサブスクリプションも簡単に提供することができます。 しかし、決済タイミングの違いなどでサービスへの組み込みには注意が必要な点がいくつか存在します。 今回はそれぞれの決済方法での違いと併用する際のポイントを紹介します。 Webhookで決済方法の違いを吸収する もっとも大きな違いは、「請求・支払い方法」です。 カード決済の場合、顧客が登録したカードに対して請求を行うため、2回目以降の決済についても提供側・顧客どちらも特別な操作は原則不要です。 しかし銀行振込の場合、毎回顧客が必要金額を指定口座に振り込む必要があります。 そのため、サービスの提供開始タイミングを「決済が完了した後」とする場合には、以下のようなWebhookを用意して、決済が完了しているか否かを処理する必要があります。 if (event.type

クレジットカードを利用した商品の注文やサービス申し込みは、今やオンラインビジネスに欠かせない要素です。 ですが、より多くの顧客に商品・サービスを提供したいと考えた場合、クレジットカードを利用できない顧客やシーンについても考慮する必要があります。 例えば、電車での移動中や混み合った店内、信頼性の低いwi-fiネットワークを一時的に利用している場合などでは、クレジットカードを取り出したりカード情報を送信したりすることをためらうことがあります。 また、未成年者など自分のクレジットカードを持っていない方の存在もビジネスによっては無視することができません。 この記事では、Stripeを利用してカード決済だけでなく、銀行振込での決済も処理する方法を紹介します。 銀行振込での決済処理も、PaymentIntentを利用する StripeでのカードやGoogle Pay / Apple Payなどの処理は

今回の記事では、オーダーメイドな製品やパーソナライズした商品など、顧客によって価格や商品内容が異なるケースでのCheckoutの利用方法を紹介します。 Checkoutでは、料金データを利用する Stripe Checkoutを利用することで、簡単に決済ページを組み込むことができます。 サンプルコードでは、一般的に「事前に作成した料金のID」を設定してCheckoutのセッションを開始します。 const session = await stripe.checkout.sessions.create({ success_url: 'https://example.com/success', cancel_url: 'https://example.com/cancel', customer_creation: 'if_required', line_items: [ { price: 'p

Stripe Billingで、サブスクリプションのプラン・料金変更後の請求金額を事前にプレビューするJavaScriptstripestripeBilling Stripe Billingでサブスクリプションを提供している場合、契約期間中のプラン変更で「使った分だけ支払う」決済ができます。Stripeではこれを「比例配分」とよんでいます。 例えば「月1,000円のプラン」を途中で「月2,000円のプラン」に変更する場合、比例配分が有効になっていると、以下のような請求書が作られます。 1: 月1,000円のプランの未使用分: ▲ 743円 2: 月2,000円のプランの使用分:　 1,485円 3: 次回の契約期間の利用料金: 2,000円 この請求のうち、１と２が比例配分によるものです。 １は、「変更前プランの、プラン変更日から契約期間終了日までの日割料金」を請求から差し引いています。

vscodeでのAnacondaの適用 vscodeを開いた状態で fn + f1を押す すると以下の画像のように検索フォームと検索候補が出てくるので, 以下の画像で一番上に表示されている 「Python: インタープリターを選択」 を選択します。(表示されていなければ検索) 選択すると, 何個か候補が出てくるので, 適切なものを選択 自分は以下の画像の項目を選択しました。 以上で完了です！ まとめ 最初, 環境構築をしていざコードを書こうと, インストールしたはずのパッケージを インポートしたのになぜか黄色の波線が出てきてvscodeにcan`t resolve と言われてしまいました。。 原因は, システムのPythonを指定していたことでした。 もし同じようなエラーが出ている人の解決の糸口になってくれたら幸いです。 至らぬ点などあればご指摘ください。 参考

日本ではユーザー企業で働いているITエンジニアが全体の 25% にすぎないのに対し、アメリカでは 72% です。ユーザー企業が自社でエンジニアを抱えて開発するのであれば、アジャイル開発が中心になるのは自然な流れです。 また、この傾向があるのはアメリカだけで、他の国ではせいぜい半分程度であることもわかります。欧米におけるアジャイル開発の採用率の高さは、競争力の源泉であることを示しているわけではなく GAFA のような SaaS 企業や Microsoft、Oracle に代表されるソフトウェア製品の販売企業が産業の中心にいるという逆の因果関係によるのかもしれません。 アジャイル型開発はウォーターフォール型開発よりも優れているのか？ コスト、期間、品質に関して、あるモデルが他のモデルよりも優れていることを裏付ける経験的な証拠はほとんどない これは「A comparison of softwar

目次 goenvをインストール goをインストール go moduleを初期化 "Hello World" を表示させるコードを書く echoをインストール hello.goを実行し、ブラウザにアクセス 1. goenvをインストール goのバージョンを管理するツール rubyでいうところのrbenv //現在のシェルを確認 $ echo $SHELL > /bin/bash - bashの場合 .bash_profileにパスを設定 - zshの場合 .zshrcにパスを設定 $ cd ~ // ホームディレクトリに移動 $ ls -a //カレントディレクトリのファイル等を表示 // 私の場合、 シェルがbashなので、 .bash_profileがなければ作成する $ touch .bash_profile $ touch .zshrc // 現在のシェルがzshで、 .zshrcフ