`; $el.appendChild(tooltipEl); } $el.querySelector('.tooltip').style.display = 'inline-block'; } }, hideTooltip($el) { if($el.querySelector('.tooltip')) { $el.querySelector('.tooltip').style.display = 'none'; } }, toggleTooltip($el) { if($el.querySelector('.tooltip')) { if($el.querySelector('.tooltip').style.display === 'none') { $el.querySelector('.tooltip').style.display = 'inline-block'; } else
DifyをAPI使って利用する
こんにちは、今回は、APIを使ってチャットボットと会話する方法を紹介します。プログラミングの知識がなくても、APIを使えば簡単にチャットボットとやり取りができるんです。 APIって何？ API (Application Programming Interface) とは、アプリケーション同士が情報をやり取りするための仕組みのことです。例えば、天気予報のアプリを作るとき、自分で天気のデータを収集するのは大変ですよね。でも、天気予報のAPIを使えば、簡単に天気のデータを取得することができます。 今回は、Dify.aiというサービスが提供するAPIを使って、チャットボットとやり取りしてみましょう。 APIキーを取得しよう Dify.aiのAPIを使うには、まずAPIキーを取得する必要があります。APIキーは、Dify.aiのウェブサイトからサインアップすることで取得できます。 取得したAPIキー
M5StickCでWeb Update OTAをためす
最初にM5StickC-Updateを実行して、Wi-Fi設定をして実際にアプリランチャーをOTAしています。このアプリが動かないってことはWi-Fi設定がちゃんとできていないってことになります。 直接アプリランチャーを入れてもいいのですが、Wi-Fi設定ができていないと切り分けが難しいので、分離しました。アプリランチャーは単純にアプリ2を選択でき、OTAするだけの作りです。 サンプルアプリは既存のアプリにボタン押したらランチャーアプリにOTAで戻る仕組みを追加しています。 容量で左右すると思いますが、700キロバイトぐらいのファームウエアが15秒弱ぐらいでOTAできました。OTA実行中は画面が止まってしまうのでわかりにくいですが、別タスクなどでアニメーションを入れたほうがいいかもしれません。 書込アプリスケッチ #include <M5StickC.h> #include <WiFi.h
やること 前回、Streamlitで簡単なWebアプリを作成した。 今回は、StreamlitでマルチモーダルなChatアプリを作る。 参考資料 前提 Azure Open AI Service上にGPT-4oをデプロイ済みであること Keyとendpointを取得済みであること 環境 python:3.10.12 openai:1.30.3 手順 以下のコマンドを実行する mkdir streamlit cd streamlit python -m venv myenv myenv\Scripts\activate pip install streamlit openai code . import streamlit as st from openai import AzureOpenAI import base64 client = AzureOpenAI( api_version=
こんにちは。インフラチームの山岸 (@yamagishihrd) です。 本記事は SimpleForm Advent Calendar 2023 の１日目です。 皆さん、グラフデータベースは利用されているでしょうか？ 当社でも最近 Amazon Neptune という AWS マネージドのグラフデータベースを導入しましたので、今回は Neptune における ETL の実装方法についてご紹介したいと思います。 概要 シンプルフォームでは、グラフ DB を用いた機能を提供しています。グラフ DB の基盤として Amazon Neptune を使用しています。 Neptune には、データをバッチで投入するためのエンドポイント（= Bulk Loader エンドポイント）が提供されています。本記事の中で仕様や利用方法について解説します。 また、Neptune Bulk Loader エンドポ
AWSのbedrockにclaude3.5が出たのでPythonで呼び出してみた - Qiita
事前準備 aws configureでiamをcliに登録しておく bedrockでClaude3.5 sonnetを有効かしておく モデルIDを取得する 下のコードでmodel_idにclaude-3-5が入っているidを取得できる。 def search_model(query): response = client.list_foundation_models() for model in response['modelSummaries']: if query in model['modelId']: print(model['modelId']) search_model("claude-3-5") from pydantic import BaseModel, Field, ValidationError import boto3 import json class ChatW
フィードバックを送信 承認済みネットワークを使用して承認する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 このページでは、IP アドレスを使用する Cloud SQL インスタンスへの接続に承認済みネットワーク設定を使用する方法について説明します。 承認済みネットワークを構成する クライアント アプリケーションの IP アドレスまたはアドレス範囲は、次の場合に authorized networks として構成する必要があります。 クライアント アプリケーションが、パブリック IP アドレスで Cloud SQL インスタンスに直接接続している。 クライアント アプリケーションが、プライベート IP アドレスで Cloud SQL インスタンスに直接接続していて、クライアントの IP アドレスが RFC 1918 以外のアドレスになっている。 IP ア
フリーフォントKendoScore:Geekなぺーじ
数値文字参照は、英語入力のみのシステムで日本語表記スコアを表示するときなどに便利です。 KendoScore.ttfのライセンス KendoScore.ttfは、IPA Minchoをベースに作成されており、IPAフォントの派生プログラムです。そのため、KendoScore.ttfのライセンスはIPAフォントライセンスv1.0に準じます。 http://ipafont.ipa.go.jp/ipa_font_license_v1.html Webフォントとして利用する方法 CSS3で新たに追加された@font-faceを利用することにより、Webサーバに保存されたフォントをユーザのWebブラウザに表示させることができます。これにより、ユーザのパソコンなどにインストールされていない文字を表示させられます。 KendoScoreをWebサーバに設置したうえでCSS3の@font-faceを利用す
基本的なこととして。 JSON を Data 経由で POST する。(JSONEncoder) リクエストヘッダーを追加。 受け取った Data を struct インスタンスに。(JSONDecorder) struct User: Codable { var name: String var age: Int } struct Anything: Codable { var json: User } extension URLSession { func postUser() async -> User? { do { let session = self let url = URL(string: "https://httpbin.org/anything/{anything}")! let user = User(name: "John", age: 18) var reques
本サイトでは過去の記事でLambda関数の作成方法を確認し、Lambda関数でDockerを利用する手順などを公開しました。本記事ではさらにDocker上でPythonのWebフレームワークであるFastAPIをインストールして複数のエンドポイントを持つサーバレスなアプリケーションを構築する方法を確認していきます。 最終的にLambda関数の関数URL(FunctionURL)を利用してインターネット上から複数のエンドポイントを使ってLambda関数が実行できるようになります。 FastAPIとは FastAPIは主にAPIを構築する際に利用され、高速で構築が簡単に行えるPythonペースのWEBフレームワークです。 FastAPIは名前にAPIが含まれていることから分かる通りAPIを構築するためのフレームワークです。そのためFastAPIには複数のエンドポイントの設定を行います。Fast
はじめに こんにちは！WEBエンジニア転職を目指しているK.Yです！ 以下のJavaScriptコードをTypeScriptに置き換えてみました！ React/JavaScriptで実装した記事もあります。 index.tsx import React from 'react'; import { createRoot } from 'react-dom/client'; import './index.css'; import App from './App'; import { BrowserRouter } from 'react-router-dom'; const container = document.getElementById('root'); const root = createRoot(container!); // TypeScriptではnullチェックが必要で
はじめに kintoneとは kintoneの活用方法 kintone環境を手に入れよう kintoneアプリの作成 まずはじめに アプリの準備 APIトークンの準備 HTTPリクエストでデータの送受信 データの取得方法 cURL Python Node.js データの登録方法 cURL Python Node.js よくある質問(FAQ) 参考リンク はじめに この記事では、kintoneをハッカソンで使う方法を紹介します。ハッカソンの作品にWebデータベースが必要な場合、是非参考にしてください。無料で手に入れることが出来るkintone開発者ライセンスの取得方法についても案内します。 kintoneとは kintoneはWebデータベースをGUIで簡単に作成出来るクラウドサービスです。HTTPリクエストを使用することで、Webデータベースにデータを溜めたり、データを取得することが出来ま
RSSフィード(Google News・Alert等)から最新ニュースを取得、整形、要約するツールをGPTsとDifyで作ってみた｜Gota@Data Analyst
RSSフィード(Google News・Alert等)から最新ニュースを取得、整形、要約するツールをGPTsとDifyで作ってみた こんにちは、Gotaです！ Google NewsやGoogle Alert等のRSSフィードURLから、一度にまとめて最新ニュースを取得、整形、要約できるツールをGPTsとDifyで作りましたので実装含めて公開します！ 最新ニュースを楽にまとめるのは意外と難しかったですが、このツールを使えば情報収集と共有が簡単に！ツールから得られた回答をslackに貼り付けて書式設定するだけでそのまま送れます！ RSSフィードのURLさえあれば、記事をリストスタイルと詳細スタイルの2つのスタイルでまとめることが可能です。 作成したGPTsDifyでも作ってみました！ Difyのワークフローで作成したプロトタイプGPTsは実装まで公開していますので、同じような悩みがある方の参
はじめに S3 に配置されたファイルを CloudFront を使って配信しているときに、特定の IP アドレスに限定して配信したいときがあります。次の3つの要素を組み合わせることで、実現できます。 S3 で Public Access を Block S3 で Bucket Policy を設定し、CloudFront の OAI(Origin Access Identity) を使い、特定の Distributions のみアクセス許可 CloudFront に WAF ACL を設定し、特定の IP アドレスのみアクセス許可 詳細な設定手順を備忘録として残しておきます。 S3 にファイルを配置 まず、S3 Bucket にテスト用のファイルを配置します。適当に作成した Bucket を開きます こんな感じのテストファイルを格納します <html> <head> <meta http-
課題 curlには送信するデータをURLエンコードするための --data-urlencode オプションがあるが、これはPOSTリクエストにおいてリクエストボディにデータを追加するためのものである。 そのため、当たり前ではあるが、このオプションを付けてPOSTリクエストを送ってもクエリストリングではなくリクエストボディにURLエンコードしたデータが追加される。 $ curl localhost:50021 --data-urlencode text=こんにちは -v * Trying 127.0.0.1:50021... * Connected to localhost (127.0.0.1) port 50021 (#0) > POST / HTTP/1.1 > Host: localhost:50021 > User-Agent: curl/7.79.1 > Accept: */*
はじめに こんにちは。@komasayukiです。 この記事は、全世界2,800万人以上の開発者に使われているAPIプラットフォームPostmanの記事を書こう by Postman Advent Calendar 2023 の8日目です。 PostmanとChatGPTを組み合わせて、APIサーバーの開発を爆速で行う方法を紹介します。 Qiitaのようなナレッジ共有サービスを作ることを題材としてやってみましょう。 なお、今回使うサービスはすべて無料で利用できます。 ChatGPTを使ってQiitaクローンのOpenAPI仕様を作る OpenAPIとは、APIの仕様を記述するための標準規格です。サーバーがどういうRESTリクエストを受け付けて、レスポンスするかを記述します。 これは重要な作業ですが記述が難しいです。ChatGPTにお願いしましょう。 以下のようなスクリプトを書きました。 あ
はじめに PC・スマホの両方で、画面遷移時にユーザーの画面操作ログを送信したい。 加えて、確実に送信処理が実行されるようにしたいとします。 PCのみの場合は、unload、beforeunload イベントの場合に送信すればいいですが、モバイルでは、ブラウザーは unload、beforeunload、pagehide イベントを発行しません。 ということで、今回の処理ではこれらイベントは使えません。 そういう場合には、visibilitychange イベントで、document.visibilityState === "hidden" の条件で送信するようにすればいいです。 これは、ユーザーが新しいページに移動したり、タブを切り替えたり、タブを閉じたり、ブラウザーを最小化したり閉じたりしたとき、あるいはモバイルではブラウザーから異なる形のアプリに切り替えたときに発行されます。 navi
Open Policy Agent(OPA)入門: ポリシーのロードと判定リクエストのやり方 | フューチャー技術ブログ
はじめにこんにちは、関です。 業務でOpen Policy Agent(OPA)に触れる機会があり、公式ドキュメントや関連記事を呼んだのですが、ユースケースやPolicyの記述方法についての説明に比べて、実際にどうやって判定をリクエストするのかやポリシーの管理方法について情報が少なかったため、こちらにまとめます。 OPAとは？Open Policy Agent（OPA, オーパと発音）は汎用PolicyEngineで、統一された方法でポリシーによる判定をすることが可能になります。 OPAが担うのは、あくまでポリシーによる意思決定部分で、その決定を適用するのは、OPAに意思決定を依頼する別のソフトウェアなどが行う必要があります。 そもそもPolicyとは？ポリシーとは組織の長期的な成功に重要なソフトウェアの振る舞いを支配する一連のルールのことです。 このルールには法的な要請や、技術的な要請、
【AWS SAM】API Gateway+SQS+Lambdaの構築および動作確認 - サーバーワークスエンジニアブログ
こんにちは。AWS CLIが好きな福島です。 はじめに 参考 構成 作成するリソース ポイント 手順 1. リポジトリをクローン 2. リソースのデプロイ 3. 動作確認①(SQSのメッセージをLambdaが処理することを確認) 3.1 API GatewayのURLを取得 3.2 API GatewayにPOSTリクエストを送信 3.3 Lambdaのログを確認 4. 動作確認②(SQSでメッセージを受信できているのかを確認) 4.1 Lambdaのイベントソースマッピングの設定無効化 4.2 API GatewayにPOSTリクエストを送信 4.3 SQSでメッセージを受信しているか確認 4.4 Lambdaのイベントソースマッピングを有効化 5. 動作確認③(デッドレターキュー用のSQSにメッセージが配信されるのか) 5.1 Lambdaの予約済み同時実行数を0に変更 5.2 API
Invoke-RestMethod (Microsoft.PowerShell.Utility) - PowerShell
構文 Invoke-RestMethod [-FollowRelLink] [-MaximumFollowRelLink <Int32>] [-ResponseHeadersVariable <String>] [-StatusCodeVariable <String>] [-UseBasicParsing] [-Uri] <Uri> [-HttpVersion <Version>] [-WebSession <WebRequestSession>] [-SessionVariable <String>] [-AllowUnencryptedAuthentication] [-Authentication <WebAuthenticationType>] [-Credential <PSCredential>] [-UseDefaultCredentials] [-CertificateT
HTB Business CTF 2024の参加レポート・writeup(Web&Misc編) - ラック・セキュリティごった煮ブログ
こんにちは、デジタルペンテスト部(DP部)のst98です。 2024年5月18日(土)から2024年5月22日(水)にかけて、HTB Business CTF 2024という世界中の企業が競い合うオンラインのCTF(Capture The Flag)が開催されました。ラック社内のCTFプレイヤーに声をかけ、14名のメンバーからなるチーム「LAC SeaParadise」*1を結成し、943チームが参加する中で国内2位/世界8位という成績を収めました。 本記事では、HTB Business CTFとはどのような大会だったかを説明した後に、このCTFでWebやMiscのカテゴリから出題された問題について、我々がどのようなアプローチで解いたかを紹介していきます。 参加レポート HTB Business CTFについて LAC SeaParadiseについて 大会の結果 writeup TL;DR
はじめに こんにちは！WEBエンジニア転職を目指しているK.Yです！ TypeScript勉強してわかったことをメモとして残そうと思って今回書きました。 以下、TSに置き換えたコードです。 コード import React from 'react'; import { Link } from "react-router-dom"; import { FormEvent, useState } from "react"; import "./App.css"; type InquiryType = { name: string ; email: string; message: string; }; type ErrorsType = { name?: string; email?: string; message?: string; }; const InquiryPage: React.
Active Storageのダイレクトアップロードのパフォーマンスチューニング - kickflow Tech Blog
こんにちは。エンジニアの森本です。 kickflowでは、申請するチケットに対してファイルを添付することができます。これらをActive Storage のダイレクトアップロードを使って実現しています。 以前からファイルを大量に添付したチケットを申請すると、タイムアウトが発生してしまう問題がありました。APMサービスを見てみると、ファイルをダウンロードしている処理がありました。 今回は、ダイレクトアップロードを利用していてファイルを大量にアップロードしたときにタイムアウトが発生しないように行った工夫を共有したいと思います。 ダイレクトアップロードとは ダイレクトアップロードとは名前の通り、S3やGoogle Cloud Storageなどのクラウドストレージにブラウザから直接アップロードする機能です。サーバに直接ファイルをアップロードしないため、サーバへの負荷や転送量を抑えられる手法で、H
バイセルのCRMバックエンド開発におけるAPI E2Eテスト戦略 - バイセル Tech Blog
こんにちは。テクノロジー戦略本部 開発3部の今井です。 私は現在、顧客対応・SFAシステム（以下、CRM）のバックエンド・インフラ領域の開発に携わっています。 本記事では、品質向上の一環として取り組んでいるAPIのE2Eテストについてご紹介します。 CRMの背景・目的 CRMのバックエンド開発におけるテストと課題 CRMのアーキテクチャ APIのみで完結するE2Eテストを選択した理由 runnを採用した理由 具体的なE2Eテストの実行 事前準備 認証を行い、マスタデータ取得APIを実行するフロー 最後に CRMの背景・目的 バイセルではDXの取り組みのひとつとして、さらに多様な買取・販売チャネルに対応し、買取から販売まで一気通貫してデータを管理・活用する「バイセルリユースプラットフォーム Cosmos」（以下、Cosmos）の開発を進めています。 決算説明資料より引用 その中で私が携わって
Spring Cloud Function AWS AdapterでAWS Lambda関数を作成して、LocalStackにデプロイしてみる - CLOVER🍀
これは、なにをしたくて書いたもの？ 以前に、Spring Cloud Functionを単体で試してみました。 Spring Cloud Functionを試してみる - CLOVER🍀 今回は、Spring Cloud FunctionのAWS Adapterを使ってアプリケーションを作成し、LocalStack上にAWS Lambda関数 としてデプロイしてみたいと思います。 Spring Cloud Function AWS Adapter Spring Cloud Function AWS Adapterは、Spring Cloud Functionで作成したアプリケーションをAWS Lambdaで 実行できる形式に変換するものです。 ドキュメントは、こちら。 Spring Cloud Function Reference Documentation / AWS Adapter
【GAS】HubSpot API を使って、コンタクト担当者が未割り当てのコンタクト一覧を、チャットに投稿する方法 - シー・エス・エス イノベーションラボ（ブログ）
熱中症のリスクが高まってくる季節、皆様対策はできていますでしょうか。 野球場でのビールは醍醐味の一つですが、アルコール飲料は水分補給にはなりませんのでお気を付けください！ ドーモ。イノベーションLAB 改め、テクノロジー・コンサルティング課のハヤシです。 今年度から、主に提案や技術検証、時々社内の技術教育を行う人になりました。 社内では「なんかいつも野球場かライヴハウスに行っている人」と思わせておいて、実は技術も大好きです。 こちらでは、私が検証した技術や社内で共有した技術情報などをご紹介していきます。 未処理タスク、忘れがちですよね。チャットを使ってリマインドできたら最高ですよね。 今回は、以下の内容を GAS（Google Apps Script）でやってみようと思います。 HubSpot API を使って未割り当てのコンタクト一覧を取得 Webhook を使ってSlackに投稿する
Query - Amazon DynamoDB
このセクションでは、API バージョン 2011-12-05 について言及しています。これは非推奨なので、新しいアプリケーションに使用しないでください。 現在の低レベルの API に関するドキュメントについては、Amazon DynamoDB API リファレンスを参照してください。 説明 Query オペレーションオペレーションは、1 つ以上の項目の値とその属性をプライマリキーごとに取得します (Query はハッシュと範囲のプライマリキーテーブルでのみ使用できます)。特定の HashKeyValue を指定する必要があります。プライマリキーの RangeKeyValue で比較オペレーションを使用してクエリの範囲を絞り込むことができます。範囲キーごとに正順または逆順で結果を取得するには、ScanIndexForward パラメータを使用します。 結果を返さないクエリは、読み込みのタイプ
ネットワーク可視化ツール「Cytoscape」を自動操作して楽する話—PowerShellでCyREST-APIを叩く— - 創作意欲とか物欲とか、そういう類のもの
すこし前に"ネットワーク可視化ツール「Cytoscape」に雑に入門して手っ取り早く使う話"と題して、オープンソースの可視化ツールCytoscapeに、Excelデータを読み込ませる簡単なやり方について書きましたが、なかなか手数が多いので、繰り返しやる時にはかなり面倒です。 そんな時、面倒な読み込みの手順を自動化して、ワンクリックでさくっとグラフ化できたら最高だと思いませんか？ できるんです。そう、「CyREST-API」ならね。 リンク CyREST-APIってなんですか？ Windows標準環境でCyREST-APIを使いたい Windowsでcurlコマンド？ やってみよう データセットの列数が１４を超えてはいけない CyREST-APIの立ち上げ データセットの読み込み 「network/import file」コマンド uri body Invoke-WebRequest sle
こんにちは。 株式会社クラスアクト インフラストラクチャ事業部の大塚です。 この記事ではタイトルの通り、Let's Encryptで証明書を取得して、その取得した証明書を使ってDjangoをSSL化して、セキュアな通信環境を実現したいと思います。 OSはAmazon Linux 2023を使っております。 このOSにLet's Encrypy環境を作る方法は以下となります。 構築 Django環境構築 何度目かわかりませんが、Djangoをインストールしていきます。 Amazon Linux 2023ではPython3がデフォルトでインストールされていますが、pipがインストールされていないようなので、インストールしていきます。 その後、DjangoとSSL化するためのDjango-SSLServerをインストールします。 [ec2-user@ip-192-168-3-38 ~]$ sud
はじめに GitHub ActionsでSlack通知を行いたいという場面では、以下のようなサードパーティー製を使う事が多い。 slack-notify github-action-for-slack Slatify action-slack ただ、Enterpriseでそういったものを使うのが憚られる（承認が必要…などの）際にはcurlで通知できると便利。 （自分のメモ用としても残しておこうと思います。） curlでSlack通知 以下のように書く事で実現できる。 name: slack notification test on: push: branches: - '**' workflow_dispatch: jobs: build: runs-on: ubuntu-latest steps: - name: Slack Notification if: always() run:
私が勤めている会社ではタスク管理アプリとしてヌーラボ社の Backlog という Webアプリケーションを使用しています。 月末の締め処理や月次の報告書作成など定期的に発生する作業のチケットを発行するのに、毎回ブラウザを立ち上げて、画面で色々入力して・・・とするのが面倒だったため、Backlog API を使い画面操作無しでチケットを発行するようにしました。 はじめは手元で Python やシェルスクリプトから Backlog API を叩いてチケットを発行していたのですが、しばらくするとコマンド実行すら面倒になったので現在は Google App Script を使って自動化しています。 この記事では Backlog API の簡単な使い方を説明し、次回以降もう少し進んだ自動化の方法を説明したいと思います。 公式リファレンス Backlog API の公式リファレンスは以下のサイトになり
[アップデート] CloudFormationのカスタムリソースのタイムアウト値を設定できるようになりました | DevelopersIO
抜粋 : Custom Resource Providers なお、AWS CDKにおけるカスタムリソース作成時の推奨はCustom Resource Provider Framework(custom-resources.Provider)です。Custom Resource Provider Frameworkの使用方法は以下記事をご覧ください。 Lambda関数で実行するコードは以下のとおりです。 ./lib/src/lambda/imdsv2/index.py import boto3 from botocore.exceptions import ClientError import cfnresponse ec2_client = boto3.client("ec2") def lambda_handler(event, context): print("Received ev
![[アップデート] CloudFormationのカスタムリソースのタイムアウト値を設定できるようになりました | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/38fcd329df4c0d96ca439f9f401de46c0b7ce96f/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2023%2F08%2Faws-cloudformation.png)
フィードバックを送信 プライベート IP を構成する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 このページでは、プライベート IP を使用する Cloud SQL インスタンスを構成する方法について説明します。 プライベート IP の仕組み、および環境と管理に関する要件については、プライベート IP をご覧ください。 始める前に API と IAM の要件 Google Cloud プロジェクトで Service Networking API を有効にする必要があります。 共有 VPC ネットワークを使用している場合は、ホスト プロジェクトでもこの API を有効にする必要があります。 プライベート サービス アクセス接続を管理するには、ユーザーに次の Identity and Access Management（IAM）権限が必要です。必要な権限が
obnizのREST APIたまに使うと便利だったりします。 通常サンプル アクセストークン無しだと以下のようにリクエストできます。 curl https://obniz.com/obniz/1234-5678/api/1 -H "Content-Type: application/json" -X POST -d '[{"display":{"clear":true, "text":"Works fine."}}]' アクセストークン付き アクセストークン付きのサンプルリクエストがドキュメントページになかったのでメモしておきます。 HeaderのAuthorizationに入れ込めば良いという単純なやつですがコピペサンプルがあると楽なのと最近アクセストークン発行を行っておくと管理者コントロールがしやすいことを学んだのでこちらの使い方をデフォにしていく可能性もあったりします。 アクセストー
転職活動をはじめるにあたって、Webアプリケーションのポートフォリオを作成しております。 コア機能を実装した段階でパフォーマンスは本当に大丈夫か？時になったので、LightHouseを利用しました。 レポート内容の項目の理解ができていなかったため、まとめました。 レポートを読み取ることだけが目的となっておりますので、結果に対する改善策は割愛しておりますので、ご了承ください。 また過不足などあるかと思いますので、その際にはご教授いただけると幸いです。 LightHouseとは Googleが提供しているWebサイトのパフォーマンス測定ツールの一つです。 こちらは無料で利用でき、指定したWebサイト、Webアプリケーションのパフォーマンス、アクセシビリティ、ベストプラクティス、SEOの４項目で評価を出力してくれます。Lighthouseは仮想環境でWEBページの表示をシミュレートして評価を行う
【HTB Business CTF 2024：Bulwark】Machine WriteupとActive Directoryの委任の話 | セキュリティブログ | 脆弱性診断（セキュリティ診断）のGMOサイバーセキュリティ byイエラエ
TOP > セキュリティブログ > ペネトレーションテスト > 【HTB Business CTF 2024：Bulwark】Machine WriteupとActive Directoryの委任の話 はじめに ペネトレーションテスト及びレッドチームサービスのリーダーをしているルスランです。 私達は「HTB Business CTF 2023」から参加し始めて、自分は今年も去年と同様に「Forensic」と「Fullpwn」のカテゴリーの問題を解いていました。 「Forensic」は専門ではありませんが、業務上なるべく足跡を残さないようにテストを実施することもあるため、ある程度の知識や興味があります。「Forensic」と異なり、「Fullpwn」のカテゴリーはHack The Boxの一般的なマシンやラボの問題に近く、日常業務でも類似した作業を行なっているため、比較的やりやすい分野でした
SpringBoot で MySQL 使って画像・動画登録したときの簡易メモ テーブルにBLOB型のカラム作って、アプリ・DBともに 1GB まで送れるように設定変更してやってく感じです JPA 使わずに JDBCTemplate 使ってたりエンティティとフォームで同じクラス使ったりとごまかしてます．．． 大雑把な流れ 接続DB, ユーザ, テーブル作成 プロジェクト作成 DB・アプリともにデータ送信の上限設定 画像・動画のみ判定するバリデーション作成 テーブルのレコードの値を持つDTO作成(フォームもこれ使う) コントローラ作成 HTML作成 実行環境 Windows11 Pleiades 2024 Full Edition Maven v3.9.6 pringFramework Boot v3.3.0 Java v21 spring-boot-starter-thymeleaf spr
業務でCloudRun Jobsを使ってみた話
この記事はOptimind Advent Calendar 2023の1日目の記事となります。 経緯 最近のプロジェクトでは、GCPのCloudRun Serviceを使っていて、バックエンドのメインサービスが走っています。多くの場合は問題ないものの、多少時間のかかる操作が存在します。しかし、min-instancesの設定では、インスタンスの再起動がいつでも起こりうるので、たまたまこの時間のかかる処理が当たってしまうと、処理が予想外の中断となってしまいます。 すると、これらの時間のかかる処理を、メインサービスから分離するために、色々と調査と実験を行いました。 CloudRun Jobsについて なぜCloudRun Jobsにするか 基本GCPのサービスを使う前提ですが、時間のかかる操作を非同期で処理するために、タスクキューとか(CloudTasks)、メッセージサービス(PubSub)
はじめに llama.cppとは llama.cppは、Meta（旧Facebook）が開発したLLaMA（Large Language Model Meta AI）モデルを、C/C++で実装したオープンソースプロジェクトです。このプロジェクトは、高性能な言語モデルを様々なハードウェアで動作させることを目的としています。 こちらの記事もおすすめ Llama.cpp + WandBで始める日本語AI評価：Gemmaモデル（gemma-2-9b-it-Q4_K_M.gguf）のELYZA-tasks-100パフォーマンス分析はじめにこんにちは！この記事では、Google Colab上でGemmaモデル（gemma-2-9b-it-Q4_K_M.gguf）を使用して、ELYZA-tasks-100データセットの評価を行う方法をご紹介します。この記事は、大規模言語...hamaruki.com20
本稿ではHTTPレスポンスヘッダであるExpiresヘッダについて、その概要・使いどころなどについて解説します。 ブラウザのキャッシュとは Expires ヘッダの目的を理解するためには、まずはブラウザのキャッシュについて理解する必要があります。 ブラウザのキャッシュについての説明が必要なければ、ここは読み飛ばして下さい。 ブラウザがホームページを表示する場合、ブラウザはホームページが設置されているサーバーにアクセスし、ホームページのコンテンツをダウンロードします。 このとき、わずかな時間かも知れませんが、コンテンツのダウンロードが完了するまでの待ち時間が発生しています。 さて、ブラウザで同じホームページに再訪することを考えてみましょう。 このとき「一度アクセスしたことがあるページなら、以前に表示したものを見せてくれれば良い」という考えができます。 そのような場合、以前に表示(ダウンロード
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
#66 子どもの問題プリントの答え合わせにAIを使ったら衝撃的すぎた… - じゅりんHACK｜ラジオ館
StreamlitでマルチモーダルなChatアプリを作る
Neptune GraphDB における ETL 実装
承認済みネットワークを使用して承認する | Cloud SQL for MySQL | Google Cloud
【Swift】POST した JSON をそのまま受け取って嬉しがる
Lambda関数(+Docker)でPythonのFastAPIを動かしてみよう | アールエフェクト
JavaScriptをTypeScriptに置き換えてみた！ - Qiita
ハッカソンでkintoneを使う方法 - kintoneGeeks blog
CloudFront + S3 の環境で、IPアドレスの制限を行う - Qiita
curlでPOSTする時にクエリストリングをURLエンコードする - Qiita
Postman + ChatGPT = 100倍速APIサーバー開発 - Qiita
【Javascript】画面遷移時に、ブラウザに送信処理を予約してデータ送信する - Qiita
TypeScript勉強して学んだこと！ - Qiita
Let's Encrypt+Route53でDjangoをSSL化してみよう - Qiita
GitHub ActionsでSlack通知をcurlで - Qiita
Backlog API を使ってBacklogを操作する - Keep it up!
プライベート IP を構成する | Cloud SQL for MySQL | Google Cloud
obnizのREST APIにアクセストークン付きでリクエストする - Qiita
制作したWebサイト、Webアプリケーションのパフォーマンスを測定する - Qiita
SpringBoot + MySQL 画像・動画登録の簡易メモ - Qiita
llama.cppをDocker-composeでビルドから構築する方法 - Sun wood AI labs.2
HTTPレスポンスヘッダ Expires とは？ |