JavaScriptとRubyの連携: よくあるミスとエラー解消方法 - Python転職初心者向けエンジニアリングブログ
JavaScriptとRubyの連携: よくあるミスとエラー解消方法 JavaScriptとRubyの連携は、ウェブアプリケーションやサーバーサイド開発において重要です。しかし、この連携にはいくつかのミスやエラーが発生する可能性があります。本記事では、そのよくあるミスとエラー解消方法について解説します。 1. JavaScriptからRubyへのデータの送信 JavaScriptからRubyへのデータの送信には、主にAjaxリクエストやフォームの送信を使用します。以下は、Ajaxリクエストを使用してJavaScriptからRubyにデータを送信する方法の例です。 // JavaScriptからRubyへのデータの送信 const data = { name: 'John', age: 30 }; fetch('https://example.com/api.rb', { method: '
Anthropic Claude で文字起こしを要約する際のプロンプトエンジニアリング - Qiita
この記事は Anthropic Advent Calendar の 10 日目の投稿です。 世の中にはたくさんの動画や記事が出回っていますが 1 日の時間は限られており、なかなか全て確認するのは難しいです。 効率よく情報収集するためには要約して情報を圧縮する必要があります。 今回は大量の Youtube 動画を Anthropic Claude を使用して要約して記事にしたのでその際に利用したプロンプトエンジニアリングテクニックについてご紹介します。 要約してみたもの 今回は re:Invent 2023 のセッション動画で公開されているものを全て要約してみました。 re:Invent は AWS (Amazon Web Services) が毎年開催するクラウドコンピューティングの大規模カンファレンスで1週間にわたって 2000 以上のセッションが行われます。 現時点で公開されている動画
スマートフォン、PCでGoogle検索を行う際には、「Googleで検索またはURLを入力」と表示されている検索バーに、特定のキーワードを入力するのが一般的です。 実はこの検索バーにキーワードを入力する際、特定の「検索コマンド」を入力したり、「隠しコマンド」を入力することで、よりGoogle検索を楽しむことができるのをご存じでしょうか。 使いこなすと便利なGoogleの「検索コマンド」もチェックしておこう Google検索に使える「検索コマンド」とは、「演算子」とも呼ばれており、検索結果の絞り込みや、検索のターゲット指定に使用することができます。 Google検索に便利な検索コマンド、演算子一覧 検索コマンドを使用する際には、検索バーに以下のコマンドを入力し、続けて検索したいキーワードを入力します。以下で、使用できる演算子の例を紹介していきます。詳細は、下記サイトをご確認ください。 cac
はじめに 生成系AIを活用して長い文章を要約したり、Web上の記事 (ブログやニュース等) に対する見解を得る方法として、これまではOpenAIのFunction Callingを使用する方法がメジャーでしたが、AWS re:Invent 2023で 「Agents for Amazon Bedrock」 がリリースされたことで、殆ど同じ機能をAmazon Bedrockで完結して実現できるようになりました。 今回は、タイトルの通り「Agents for Amazon Bedrock」を活用してWeb上のブログやニュースを要約する仕組みを作る方法を解説します。 Web上の記事やファイルを取得 (スクレイピング) する際は、引用元の著作者の権利を侵害したり、規約に抵触しないようにご注意ください。 <参考> https://pig-data.jp/blog_news/blog/scraping
目次 はじめに DALL·E 3とGPT-4Vにまかせる 実装 実験結果 定量評価 その他 さいごに はじめに この記事はABEJAアドベントカレンダー2023の2日目の記事です。 こんにちは。データサイエンティストの小林です。12月に入り、クリスマスももうすぐですね。 私は一年中、Spotifyの"Christmas Hits!"を聞くくらいにクリスマスソングが大好きです！ アドベントカレンダー用にクリスマスっぽいサムネを作ろうかなと思い、早速ChatGPTに作ってもらっていたのですが、画像生成のプロンプト調整結構難しいですよね。。 ネットで流れてくる他の人の作った画像、どんなプロンプトで作ったんだろう？とが気になることが結構あります。 そこで今回は、先月公開されたGPT-4 with Vision（GPT-4V）のAPIを用いて、DALL·E 3への画像生成プロンプトを自動で推定・修正
ファイルのアップロード時などにmultipart/form-data形式を使用することが多いと思います。 Go言語では標準ライブラリのmime/multipartパッケージを使ってパースができます。 しかし、実はmime/multipartパッケージには落とし穴があり、気を付けないと速度低下やメモリ使用量増加につながります。 この記事では、traPでのサービスでのファイルアップロード速度の改善のためにFormStreamというライブラリを作り、multipart/form-dataを高速かつ省メモリなパースを簡単に実現した話をします。 traP Collection traP CollectionはtraPでサークル内で開発されたゲームの販売・展示を行うゲームランチャーです。 知っている方はSteamをイメージするとわかりやすいのですが、部員が開発したゲームをアップロードするとランチャーを
この記事はANDPAD Advent Calendar 2023 23日目の記事です。 こんにちは、motokikando です! アンドパッドに1期生で新卒で入社してから早いもので、9ヶ月が経ちました! 7月からプロダクトチームの1つであるANDPAD黒板チームにjoinし 、 現在サーバーサイドをメインに業務をしています。 今回はその中で起こった、見た目上、同じ2つの黒板ができてしまうという謎の現象を解消し、そこから学んだ知見についてご紹介します! 改行コードとは? 本題に入る前に改行コードの種類についてご紹介します。 改行コードは文字通り、テキスト内で改行を表すための特殊な文字コードのことです。下記の LF, CR, CRLF の3種類とそれぞれの特徴が存在します。 LF : \n 正式名称: Line Feed ラインフィード 実行内容: カーソルを新しい行に移動させる↓ 対応OS
Intro このエントリは、 3rd Party Cookie Advent Calendar の 2 日目である。 3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiita https://qiita.com/advent-calendar/2023/3rd-party-cookie Cookie とは 例として、 https://example.com が以下のようなレスポンスを返すとする。 HTTP/1.1 200 OK Content-Type: text/html Content-Length: 1024 Set-Cookie: deadbeef <!doctype html> ... ブラウザは次に https://example.com にアクセスするときは、必ずこの Set-Cookie の値を Cookie に載せて返す
はじめに SREグループ・ヒロチカです。GO株式会社では、サービスのクラウドインフラの設計から構築・運用までを担当しています。 今回、高トラフィックが予想されるアプリケーションに対して負荷試験を実施するにあたり、軽量に負荷をかけられるツールを試してみた中で、Golangベースでかつお手軽に負荷をかけられるツール「vegeta」が便利だったため、こちらの記事で紹介したいと思います。 負荷試験ツール vegeta 今回利用した「vegeta」は、Golangで書かれているCLIで実行可能なシンプルな負荷試験ツールです。 公式リポジトリ: vegeta 説明文を読むとHTTPサービスに対して一定のリクエストレートで負荷リクエストを投げることを目的として開発され、CLIでの利用だけでなくライブラリとしても利用できるとのことでした。 他にも数多ある負荷試験ツールの中で、自分がvegetaを採用したの
[アップデート] AWS WAF のレートベースルールの期間を選択出来るようになったので、5 分から 1 分に変更してリミット到達前後の挙動を観察してみた | DevelopersIO
[アップデート] AWS WAF のレートベースルールの期間を選択出来るようになったので、5 分から 1 分に変更してリミット到達前後の挙動を観察してみた いわさです。 AWS WAF にはレートベースルールというものがあって、同一条件のリクエストが一定期間の間に指定回数以上を超えた場合に検出あるいはブロックなどを行うことが出来ます。 以前は同一の IP アドレスからという条件のみだったのですが、ここ 1 年くらいで IP アドレス以外の任意の条件をベースにルールを設定出来るようになりました。 ただし、この一定回数以上というレートを評価する期間については直近 5 分間という固定の期間で、カスタマイズが出来ませんでした。 What's New AWS のアナウンスがまだ出ていないですが、AWS WAF の公式ドキュメントによるとこの期間がカスタマイズ出来るようになったようです。 この期間カス
![[アップデート] AWS WAF のレートベースルールの期間を選択出来るようになったので、5 分から 1 分に変更してリミット到達前後の挙動を観察してみた | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/2b7ec362894ccddc98362dbb312b648d1e26ccb8/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2023%2F08%2Faws-waf.png)
Boto3で出てくるNextTokenとは何者か ～NextTokenとのうまい付き合い方～ - NRIネットコムBlog
本記事は AWSアワード記念！夏のアドベントカレンダー 13日目の記事です。 🎆🏆 12日目 ▶▶ 本記事 ▶▶ 14日目 🏆🎆 こんにちは、西内です。 この度、2024 AWS All Certifications Engineersに選出していただきました！ 今年も資格が新たに3つ追加されましたが、引き続き維持できるよう頑張ります！！ そして、来年のswagは更に豪華になっていることを期待しています...！ （Amazonのギフト券とかもらえないかなあ～） AWSのAPIを実行したときに見るアレ NextTokenとは何者か NextTokenとの付き合い方 その１ whileを使う NextTokenとの付き合い方 その２ Paginatorsという方法 最後に AWSのAPIを実行したときに見るアレ 今回はAWSでList系のAPI等を叩いたときによく見るアイツ、NextT
参考文献 ※1 EDINET API機能追加に係る利用者向け説明会資料 ※2 EDINET API仕様書 Version2 ①会社名の選択 まず会社一覧及び、会社のEDINETコードが必要になってきます。 これについてはAPIで取得する方法はなく公式サイトからZIPを落としてくるか ここからプログラム的に自動でダウンロードする必要があります。 今回は手動であらかじめダウンロードしたものを使います。 公式サイトからダウンロードすると毎回リンクが変わる、上記の直接リンクだと固定という謎仕様のようです（ドキュメントにもそうかいてある） ZIPを展開するとShift-JISのCSVが手に入ります。文字コードに注意しましょう。EDINETからダウンロードするCSVはUTF16なのにこっちはShiftJISなのです。 中身は上記のようなもになっています。 末尾に0がついているものの証券コードも入ってい
はじめに Github Copilotって便利ですよね。コードを一部分だけ打っても、内容を予測して続きを予測して補完してくれます。 マークダウンファイル内では文字列についても使えます。 VScode + Github Copilotっぽいエディタを自分でも作成してみました。 技術的な学びについて解説を加えていきます。 なお、Claudeを使いながら作成しているため不自然なコードが含まれている可能性があります。ご注意ください。 作ったもの 文字を入力すると、予測した続きの文章がグレーで表示されます。Tabキーを押すと確定します。 解説している技術的要素 useRef 日本語IMEの入力状態判定 デバウンス処理 useEffectのクリーンアップ関数 イベントリスナー（onKeyDown）を使用したキーボード入力の処理 カーソル位置の移動 コード コード import { NextRespon
Serverless Express + AWS Lambda + API Gateway の構成を AWS CDK で作成してみた | DevelopersIO
こんにちは、CX 事業本部製造ビジネステクノロジー部の若槻です。 Serverless Express は、AWS Lambda などのサーバーレス環境で Express.js を利用した REST API を構築できるライブラリです。 今回は、Serverless Express + AWS Lambda + API Gateway の構成を AWS CDK でデプロイして作成してみました。 試してみた パッケージの導入 いくつかのパッケージ npm からインストールして導入します。 @codegenie/serverless-express をインストールします。 npm i @codegenie/serverless-express 最近、Serverless Express が CodeGenie に移行したので、古い方のパッケージをインストールしないように注意してください。 その
はじめに ChatGPTの新機能GPTsが出て1か月ほど経ちました。 GPTsによって個別事案にカスタマイズされたGPTが様々な方が公開されています。 実はGPTsの発表と同時にGPTsを作るAPIも公開されていました。 それが今回仕様を確認するAssistants APIです。 ※思いのほか長くなってしまったので今回は概要ページで区切ります。 Assistants APIとは？ 前述のとおり、GPTsを作るAPIです。 GPTsを作るだけでなく、変更や削除もできます。 作成したGPTsを用いて会話も可能なので、GPTsでできることは一通り出来ると思います。 ※APIではGPTsの事をAssistantと呼ぶため、以降はAssistant（またはアシスタント）と表記します。 Assistants APIはOpenAIが提供している公式のAPIです。 まだベータ版の扱いですので、今後APIの
![[概要編]OpenAI GPTsのAPI版、AssistantsAPIの仕様を読んでいく](https://cdn-ak-scissors.b.st-hatena.com/image/square/f0693ab8eb3abfa79cad57ca9ebfe62b594ecc2a/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--vKR3jJrS--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255B%2525E6%2525A6%252582%2525E8%2525A6%252581%2525E7%2525B7%2525A8%25255DOpenAI%252520GPTs%2525E3%252581%2525AEAPI%2525E7%252589%252588%2525E3%252580%252581AssistantsAPI%2525E3%252581%2525AE%2525E4%2525BB%252595%2525E6%2525A7%252598%2525E3%252582%252592%2525E8%2525AA%2525AD%2525E3%252582%252593%2525E3%252581%2525A7%2525E3%252581%252584%2525E3%252581%25258F%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Akat%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzljZjY1MjdmMzMuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
Python と JavaScript の連携: 強力なフルスタック開発の可能性 - Python転職初心者向けエンジニアリングブログ
近年、ウェブ開発やフルスタック開発において、PythonとJavaScriptの組み合わせが広く利用されています。Pythonの柔軟性とデータ処理能力、JavaScriptのブラウザ上での動的な操作が相互補完し合い、効率的でパワフルなアプリケーション開発が可能になります。本記事では、PythonとJavaScriptの連携に焦点を当て、具体的なコーディング例を交えながら、そのメリットや技術的な側面について詳しく解説します。 Python と JavaScript の連携の背景 PythonとJavaScriptは、それぞれ異なる用途に特化しており、その特性をうまく組み合わせることで、より広範な開発課題に対応できます。Pythonはデータ処理や機械学習などで得意とし、JavaScriptはウェブブラウザ上での動的な操作やクライアントサイドの開発において強力です。この組み合わせにより、効果的な
wasi-http によって wasm がホスト言語に頼らずスタンドアロンで web server を立てられるようになった。 最近出た中で wasm のホスティングサービスに, spin と wasmcloud がある。これら2つを比較しながら試す。 spin fermyon が開発している wasm serverless service. spin 自体が提供する spin cloud にホスティングするのと、 SpinKube で k8s にホスティングするパターンがある。 install $ curl -fsSL https://developer.fermyon.com/downloads/install.sh | bash $ cp spin ~/bin use spin_sdk::http::{IntoResponse, Request, Response}; use spi
Special thanks to Vita for reviewing this article and discussing topics related to MEV-boost Ethereumのコミュニティーでは最大級のカンファレンスであるETHCCがパリで行われました。 ETHCCではMEVに関する登壇やサイドイベントを多く見かけ、Ethereumの中でもMEVに関する注目が高まってきています。 MEVはEthereumのblock構築などEthereumの根幹に関わる議論と密接に関わっており、EthereumがEthereumであるために非常に重要な分野です。 本記事ではMEV議論の中でもFlashbotが提供するMEV-Boostの仕組みと課題について書きます。 なぜFlashbot/MEV-boostなのか Flashbotの話に入る前に、「なぜFlashbot/MEV-
Amazon Cognito Hosted UIで、署名付きURLを使用し認証ユーザーごとにプレフィックス分けてS3バケットにアップロードする | DevelopersIO
Amazon Cognito Hosted UIで、署名付きURLを使用し認証ユーザーごとにプレフィックス分けてS3バケットにアップロードする はじめに 本記事では、Amazon Cognito Hosted UIを利用して、単一のS3バケットに対して署名付きURLを用いて、認証済みユーザーごとにプレフィックスを分けたアップロード方法を解説します。 この手法により、各ユーザーのファイルを効率的かつセキュアに管理することが可能になります。 以前、クライアントからEC2インスタンス経由でS3バケットにファイルをアップロードする方法を紹介しました。しかし、この方式では、大容量ファイルのアップロード時にEC2インスタンスに過度な負荷がかかるという課題がありました。 今回は、署名付きURLでクライアントから直接S3にファイルをアップロードする方式で試してみます。 S3の署名付きURLは、S3バケット
Cloud StorageトリガでCloud Functions(2nd gen)を動かしてみた - G-gen Tech Blog
G-gen の杉村です。Google Cloud (旧称 GCP) の Cloud Functions (第2世代) を使い Cloud Storage へファイルが配置されたことを起点に起動するプログラムを作ってみました。 前提知識 Cloud Storage と Cloud Functions Cloud Storage トリガの Cloud Functions とは 検証 やること ソースコード 実行結果 デプロイの手順 必要な API の有効化 Cloud Storage サービスエージェントに権限付与 Cloud Functions 関数のデプロイ 実行結果確認 トラブルシューティング Please verify that the bucket exists Build failed with status: FAILURE and message: An unexpected
「Qiitaに聞いた！！」をAmazon Bedrockで作った！（Claude 3でRAG） - Qiita
出オチです。（タイトル先行で始める技術ブログがあってもいいじゃない） 先にデモを提示します。 自由に使っていただいて構いません。（びっくりする課金が来たら、止めますw） ここのところ、簡単に構築できる生成AIアプリづくりが個人的ブームになってます。Qiitaをナレッジの情報源としたRAGを作ってみましたので、作り方を解説します。 【未経験者大歓迎】RAG超入門：AWSが推奨するRAGを体験するハンズオンを見ていただいた方へ 上記投稿では、生成AI感がゼロでしたが、同様のことを、プロンプトを使って実現する内容となっています。 生成AIに興味を持っていただいた方は、本投稿も見ていただき、違いを感じていただければと思います。 使用するもの 生成AI：Amazon Bedrock (Claude 3 Haiku) ドキュメント取得：Google検索 画面UI：Streamlit 処理の流れ 先日投
Cursor はどこが GitHub Copilot より優れているのか（独自機能Docsの実力） - GMOインターネットグループ グループ研究開発本部
D.M. です。 AI 搭載で話題の IDE である Cursor について、 GitHub Copilot と比べた場合の利点を掘り下げてみます。 結論ファースト ・現段階では一長一短。Cursor にしかない機能もあれば、 GitHub Copilotにしかない機能もある。 → 特に Cursor の Docs は独自機能（GitHub Cipolotにはない） ・両方併用できる。 ・Cursor のAI自動プログラミングスキルは既存の「GPT-4」と同等（ただ、モデルを変更できる） 簡単な単発バッチ処理は高速で実装できる。 複雑化すると100点は難しい。 現段階では、AIに全部書かせるのではなく、補助ツールとしてとらえるほうが効果的。 導入編：Cursorとは AI がプログラミングしてくれる時代 2022年11月にChatGPTが発表されて以降、 LLM は簡単なプログラミングが可
ビビッときました BlazorでSmart Componentとやらが発表されました。 動きを見てもらえるとわかりますが、文章をコピーしておくと、入力フォームをいい感じに埋めてくれたりします。 これを見て久方にうおおおぉっ、てなりまして、Blazor/Razorでこれを使えばいいだけではあるものの、自前実装(Svelte)で同じ動きを実現してみよう！というのが今回の記事の趣旨です。ちなみに、今回はSvelteで実現はしていますが、同じ方法でReactでもVueでもできるかなと。 できたもの クリップボードに文章をコピーしてから、AIPasteボタンを押すと、いい感じに入力フォームが補完されるものができました！これ↓ではユーザ登録フォームみたいなのでやってますけど、チケット登録とか、場合によってはこれにRAGいれたりとかすごい使いどころを感じさせますよね。 ちなみに裏側ではAzure Ope
大容量ファイルのアップロードってどうやるの？【署名付きURL×マルチパートアップロード】｜朝日新聞社 メディア研究開発センター
こんにちは。メディア研究開発センター（M研）の新美です。 最近イベント用のグッズでTシャツを購入しましたが、肝心のイベントのチケットが外れて日の目を浴びられないことが確定したため少しやさぐれております。 さて、そんなやさぐれ女が今回ご紹介するのは署名付きURLを用いた大容量ファイルのアップロード方法についてです。私が開発に携わっている社内向け文字起こしサービス「YOLO」では、長時間の録音ファイルや動画ファイルなど大容量のファイルのアップロードが求められるようになってきました。 そこで従来採用していたアップロード方法を見直し、より大容量のファイルを高速にアップロードできる手法を検討しました。詳細な実装方法や速度比較の結果について、以下で詳しく解説していきます。 YOLOについての詳細は下記の記事をご覧ください。 従来のアップロード方法現行のYOLOでは、フロントエンドから実体ファイルを含ん
SlackとPythonを連携して効率的なコミュニケーションを実現しよう！ - Python転職初心者向けエンジニアリングブログ
Slackは、チーム内のコミュニケーションを簡素化し、効果的に進捗を共有するための優れたプラットフォームです。Pythonを使用してSlackと連携することで、自動化された通知やカスタムボットの作成など、さまざまな便利な機能を追加できます。本記事では、Pythonを使ったSlack連携の基本的な手法と具体的なコードを紹介します。 Slack APIトークンの取得 まず始めに、Slack APIを利用するためには、Slackの開発者向けページでアプリを作成し、APIトークンを取得する必要があります。取得したAPIトークンは、認証に使用されます。 import os # 環境変数からSlack APIトークンを取得 slack_token = os.environ.get('SLACK_API_TOKEN') 上記のコードでは、os.environ.getを使用して、環境変数からSlack A
セキュリティグループの変更・追加・削除を Microsoft Teams に通知する仕組みをCloudFormationでテンプレート化してみた | DevelopersIO
こんにちは！AWS事業本部のおつまみです。 みなさん、セキュリティグループの変更・追加・削除を検知して、Teamsに通知してほしいなぁと思ったことはありますか？私はあります。 通知することで、不正や意図しない変更を迅速に把握し、対応することが可能になります。 今回は通知する仕組みをCloudFormationテンプレートで構築できるようにしたので、紹介します！ このような通知画面となります。 実装方法はこちらのブログを参考にしました。 構成図 今回構築する構成です。 前提として、CloudTrailが既に有効化されている環境で構築します。 セキュリティグループを変更(追加・削除)してから、Teams通知するまでの流れ セキュリティグループの変更(追加・削除)： ユーザーまたはAWSサービスがセキュリティグループに対して変更（追加・削除）を実施 CloudTrailによるログ記録： AWS
※本記事は、技術評論社「Software Design」(2023年12月号)に寄稿した連載記事「Google Cloudで実践するSREプラクティス」からの転載です。発行元からの許可を得て掲載しております。 はじめに 前回は、Google Cloudが提供するAnthos Service Meshを導入して、GKEで動くアプリケーションに可観測性やセキュリティなどの機能を追加する方法について紹介しました。今回はDatadog1を利用したモニタリング基盤について、Datadogの採用理由や基本機能、キャディでの活用事例を紹介します(図1)。 ▼図1 CADDiスタックにおける今回の位置付け Datadogとは Datadogはクラウドベースの運用監視SaaSです。おもにクラウドプロバイダ(AWS、Azure、Google Cloudなど)やオンプレミス環境でのアプリケーションとインフラスト
本記事は AWSアワード記念！夏のアドベントカレンダー 14日目の記事です。 🎆🏆 13日目 ▶▶ 本記事 ▶▶ 15日目 🏆🎆 カラスに襲われたためしばらくその付近には近づいていません。中村です。 Terraformのライセンス変更があったためこれからどうなるのか心配していましたが、IBMがHashiCorpを買収することが発表されたため落ち着きそうで安心しています。今後も動向を注視していきます。 本記事ではTerraformの組み込み関数templatefileについてご紹介します。 templatefile関数とは 指定されたパスにあるテンプレートファイルを読み取り、その内容をテンプレートとしてレンダリングすることでテキストファイルや設定ファイルを動的に生成することができます。 そのため環境毎に少し異なるファイルを使用する必要がある場合などに非常に便利な関数です。 devel
週刊Railsウォッチ: 7.1でバリデーションメッセージのアポストロフィ->カーリー置き換えが取り消しほか（20230928後編）｜TechRacho by BPS株式会社
こんにちは、hachi8833です。つっつきで一同がこのコードにどよめきました。 FizzBuzz 実装はいろいろあるけど、 kazuho さんによる実装は奇妙さと美しさが同居していて今でも強く印象に残っているhttps://t.co/f208DBeRUI pic.twitter.com/G3QoReGdyw — Takuto Wada (@t_wada) September 21, 2023 週刊Railsウォッチについて 各記事冒頭には🔗でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを（鍋のように）社内有志でつっついたときの会話の再構成です👄 お気づきの点がありましたら@hachi8833までメンションをいただければ確認・対応いたします🙏 TechRachoではRubyやRailsなどの最新情報記事
Amazon EventBridgeから Microsoft Teams に表形式や箇条書き、メンション付きで通知してみた | DevelopersIO
Amazon EventBridgeから Microsoft Teams に表形式や箇条書き、メンション付きで通知してみた はじめに AWS Security Hubで検知した内容をAmazon EventBridge経由でMicrosoft Teamsにメンション付きで通知する方法について解説します。 メンション付き通知に加え、Teamsで検知内容を表形式や箇条書きで表示する方法についても紹介します。 構築 イベントパターンと入力トランスフォーマーを設定する際の入力パスやテンプレートを除き、下記の記事を参考に作成します。 イベントパターンでは、Security Hubで重要度が高いコントロールのみが通知されるように設定します。 { "detail-type": ["Security Hub Findings - Imported"], "source": ["aws.securityhu
素早くアイデアを実験できるAWS Amplifyを試す(バックエンド編) 2022-01-18 2023-05-01 Backend Amplify, AWS, CI/CD, Node.js, Serverless 6883回 0件 環境概略図 それではバックエンドの構築/開発を始めます。フロントエンドと同様に、amplify-cliのガイドに従いながら進めます。順番としては、DynamoDB → API Gateway/Lambda → Cognitoの順です。 1. DynamoDBの構築 以下のコマンドでDBを構築します。 amplify add storage 下のキャプチャの通り、DynamoDBのテーブル名、パーティションキー、ソートキー、GSI、Streamsの構成を設定します。 amplify-cliのガイド内容から、必要なカラムを全て定義しなくてはいけないと感じるかもしれ
CSRF攻撃の仕組みと対策
脆弱性が蔓延し、絶えず増え続ける今日、ユーザーのセキュリティとプライバシーの保護は、これまで以上に重要視されています。脆弱性を見過ごせば、評価が失墜したり、高額な制裁金を科されたり、顧客や訪問者からの信頼を失ったりする可能性が高まります。 ウェブサイトやウェブアプリケーションは、常にマルウェアやスパムなどの攻撃の危険に晒されています。今回は、そんな攻撃の1つであるCSRF（クロスサイトリクエストフォージェリ）に焦点を当てます。CSRF攻撃は、気づかない間に発生する可能性があり、特に問題視されています。また悪意のある要求は正しい要求と区別が難しく、開発者やサイト運営者が発見しづらいというのも厄介です。 この記事で、CSRF攻撃の概要と仕組み、そして対策について学びましょう。 CSRF攻撃について動画での解説もご用意しています。 CSRF攻撃とは クロスサイトリクエストフォージェリは、略してC
GKEクラスタ内部であってもイベントを直接転送できるEventarcの意外な落とし穴 - Assured Tech Blog
こんにちは。エンジニアの岩松です。たまにVisionalグループの軽音部でベースを弾いています。最近エフェクターを買ってみたのですが、欲しいものが次々と増えてきて困っています。 この記事はGCP(Google Cloud Platform) Advent Calendar 2023 15日目の記事となります。( Assured Tech Blog でアドベントカレンダーは初参加！ 🎉 ) TL;DR Eventarcを使えばイベントドリブンなリソース連携をマネージドかつ手軽に管理できる イベント転送先にはGKEクラスタ内部のエンドポイントも直接指定できるのでPub/Subや Cloud StorageのイベントをPush型で処理しやすくなる Terraform経由だとEventarcが作成ができず、関連リソースが🧟♂️になるバグと遭遇したが、サポートとやりとりを続けて解消できた やり
無料枠のリクエスト数は Deno Deploy が月単位で、Cloudflare Workers が日単位です。どちらも普通に使うには十分な数が用意されています。ちなみに Vercel で画像最適化をやると無料枠は 1000/月です。 CPU に関しては、Cloudflare の 10ms はけっこうキツイです。2K 解像度をを Webp に変換しようとすると、かなりの確率で失敗します。デジカメで撮った写真をそのままアップロードしているようなケースでは問題が発生します。 サイズに関しては、プログラムコードを圧縮したときの値です。Deno Deploy は特に制限がないようです。Cloudflare の 1MB は、普通のコードなら何の問題もないのですが、画像変換に関しては wasm を使うことになるためそれなりにタイトです。そのため Workers 用の画像変換ライブラリには avif エ
WakuをNode非依存にするのは大変だった話
で、しれっとNode依存からの脱却と書きましたが、とても大変でした。 にあるように、Honoへの移行は重要だったのですが、Honoに移行した時点ではまだNodeに依存してました。Hono移行に着手してからおよそ1ヶ月、 この辛さは誰にもわかってもらえないと思って、あえて書きませんでしたが、まあ、それはそれは大変でした。ざっとPRの数を数えたら25くらいでした。 書かないと伝わらないと思い、頑張って書いてみます。 Node StreamからWeb Streamへの変更 当然、Node Streamは使えませんので。 ちなみに、最初にExpressからHonoに移行した時点では、Node Stream -> Web Stream -> Node Streamという余計な変換をすることになってました。理解が正しければ、最後の変換はHono内です。今の時点でも、Hono+Nodeを使う場合には、W
この記事では、保護するために使用できる最も重要なセキュリティ ヘッダーについて説明します。 測定しますウェブベースのセキュリティ機能を理解し、 ウェブサイトに実装し、リマインダーが必要なときの参考にしてください。 ユーザーの機密情報を扱うウェブサイトに推奨されるセキュリティ ヘッダー: コンテンツ セキュリティ ポリシー（CSP） Trusted Types すべてのウェブサイトで推奨されるセキュリティ ヘッダー: X-Content-Type-Options X-Frame-Options クロスオリジン リソース ポリシー（CORP） クロスオリジン オープナー ポリシー（COOP） HTTP Strict Transport Security（HSTS） 高度な機能を持つウェブサイトのセキュリティ ヘッダー: クロスオリジン リソース シェアリング（CORS） クロスオリジン エンベ
Cloudflareには色々な機能がありますが、昨今はAIにも力を入れており色々なモデルがCloudflare Workersで動かすことができます。 その中で今回は画像生成（その中でもimage to image）を使って製品の機能として組み込んでみたのでその時に考えたことを軽いTIPS的な記事として書いておきます。 導入経緯（前提条件） 私はGoens（ゴエンズ）というサービスを運用しています。 平たく言うと高齢者向けのマッチングアプリだと思ってもらって結構です。（有名どころのマッチングアプリより緩い感じですが） その中で様々な課題があるんですが、AIよる画像生成機能を入れた理由は以下です。 年配の方向けなので、どうしても若い人よりプロフィール画像の重要性という点に意識が少し低い方がいらっしゃる 自分自身をどう撮るとうまく撮れるかがあまりわかっていない方もいらっしゃる 異性のプロフィー
freeeの見積書作成業務を自動化しよう
こんにちは。にっしーです。 microCMSでは、BizOpsチームで業務改善/Ops自動化を担当しています。 ある日、セールスチームから「見積書作成の負荷が高まっている」という課題が上がってきました。 これまでは担当者が個別に顧客からの問い合わせに応じて見積書を作成していましたが、依頼数の増加に伴い、対応がしきれなくなってきたのです。 そこで、見積書作成業務の自動化に取り組むことにしました。 本記事では、その自動化の概要とポイントを書いていきます。 🌱 改善前の業務フロー 顧客からの問い合わせを受けて、セールス担当者が内容を確認し、freeeにログインして手作業で見積書を作成していました。その後、他のメンバーにSlackでレビュー依頼を出し、OKが出たら顧客に送付するというフローでした。 見積書作成業務には、細かいチェックポイントが多数あり、ミスを防ぐために高い集中力が求められます。
Transcript Morling: Welcome to this talk about Change Data Capture for microservices. Let me set the scene a little bit with a maybe blunt statement and an observation. The world around us, this is happening in real time. People buy stuff in an online store, maybe they do some payment transactions. Maybe you have machinery or IoT devices, which send over measurements or all kinds of sensor data. N
【CloudWatch RUM × X-Ray】フロントエンドからバックエンドを一気通貫でトレースする方法 | DevelopersIO
CloudWatch RUMではX-Rayを利用してフロントエンドからのHTTP通信をトレースを確認することができ、さらにX-Rayに対応したバックエンドサービスにトレースIDを送信することで、フロントエンドからバックエンドまで同一のトレースIDで確認することが可能になります。 はじめに CloudWatch RUM (Real User Monitoring)はフロントエンドのモニタリングに関するサービスです。 ページを開くまでに掛かる時間やAPI実行時のエラー発生を検知することができます。 CloudWatch RUMではX-Rayを利用してフロントエンドからのHTTP通信をトレースを確認することができ、さらにX-Rayに対応したバックエンドサービスにトレースIDを送信することで、フロントエンドからバックエンドまで同一のトレースIDで確認することが可能になります。 今回はそのための構成
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
検索バーに入れるだけ！ブロック崩しやパックマンがプレイできるGoogleの隠しコマンド19選｜@DIME アットダイム
Agents for Amazon BedrockでWeb上のブログやニュースを要約する - Qiita
プロンプトの推定をDALL·E 3とGPT-4Vにまかせた！ - ABEJA Tech Blog
multipart/form-dataの省メモリかつ高速なパーサー「FormStream」
改行コードから学んだ意図しないデータが生成されないようにする工夫 - ANDPAD Tech Blog
3PCA 2 日目: Cookie による区別と識別 | blog.jxck.io
負荷試験ツールvegetaを使ってみた - GO Tech Blog
StreamlitでEDINETから有価証券報告書をダウンロードして分析するWEBアプリをサクっとつくろう
Github CopilotみたいなAIアシスト日記エディターを作る
[概要編]OpenAI GPTsのAPI版、AssistantsAPIの仕様を読んでいく
wasm のプラットフォームに spin と wasmCloud を試してみる
Flashbot / MEV-boostの概要と課題、これからについて
生成AIに入力フォームを補完させるボタン - Qiita
第9回: Datadogによるクラウド横断のモニタリング基盤 - CADDi Tech Blog
Terraformのtemplatefile関数活用方法 - NRIネットコムBlog
素早くアイデアを実験できるAWS Amplifyを試す(バックエンド編)
Deno Deploy で無料画像最適化(avif対応)
セキュリティ ヘッダーのクイック リファレンス | Articles | web.dev
Cloudflare Workers AIを使って画像生成機能を製品の機能として組んだ時に考えたこと
Change Data Capture for Microservices