概要 この記事は、負荷試験ツール"k6"の導入から実行までを説明したものです。 自身の備忘録、他の人への説明を主な目的とした内容になっています。 前提 ローカルマシンOS: Ubuntu 22(Window 11 WSL) k6とは k6はオープンソースの負荷試験ツールです。Go言語によって作成されており、軽量・ハイパフォーマンスを謳っています。 オープンソース版は、テストの実行をCLIにて行うため、ある程度コンソール画面での操作の習熟を求められます。 私は使っていないのですが、テストシナリオの作成についてはGUIが提供されているようです。ただ、JavaScriptのコードで管理するほうが共有や運用が楽かと思います。 導入 Windows/Mac/Linux各種環境に応じたインストール方法が提供されています。 自分の場合はUbuntuのため、リポジトリを追加してパッケージインストールを行い
Confluence Loaderを使い、Confluenceの内容に基づいて回答するSlack Botを作る - APC 技術ブログ
こんにちは！ACSD松崎です。 前回の記事では、Llama HubのConfluence RoaderをGoogle Colab上で動かしましたが、 今回はそこで得た学びを活かしてConfluenceの内容に基づき回答してくれるSlack Botを作ろうと思います。 作成するアプリケーションの概要 Slack Botの実装には、Bolt for Pythonを使います Slack Botのホスティングですが、今回はVMの上でDockerコンテナをDaemonとして動かす方式を採用します PWなどの秘匿情報は .env にて保持し、docker composeの environment でDockerコンテナに渡します SlackBot ⇔ Slack Server間の通信はSocket Modeで実行します ※セキュリティ担保のため アプリのデモ 予め以下のConfluenceページをCo
こんにちは、スペースマーケットでフロントエンドエンジニアをしている8zkです。 マークダウンからTypeScriptの型を生成するscriptを新規プロジェクトで書いたのでそれを説明を交えて紹介したいと思います。 新規プロジェクトでは開発納期やBEの技術選定前にFEの技術選定をしたことなどの兼ね合いで、GraphQLやtRPC,gRPCではなくシンプルなREST APIを採用しました。 それゆえにクライアントで使うAPIの型をどのように生成するかを考えていたのですが、バックエンドエンジニアが先んじてテーブル定義書をマークダウンで書いていたため、それを元に型を生成するscriptを書くことになりました。 後になってわかるのですが、このプロジェクトではsupabaseをAPIとして利用しており、この時はsupabaseが型を生成できることを知りませんでした。https://supabase.c
Webデスクトップの制作 #29 ログイン機能
認証機能をつけると、Webシステムとして柔軟性が増します。 管理者のみが行える機能やアプリ、特定ユーザーのみの設定画面や操作などなど・・・ あと、利用者の操作ログや個別情報なども把握しやすくなり、ちゃんとロギングをしていれば、操作不具合などの問い合わせで原因特定の作業が効率化します。 というわけで、今回はログイン機能&ログアウト機能をヘッダメニュー部分に装着してみたいと思います。 デモ うまく表示されていない場合は、「メニュー」-「データ初期化」をしてください。 ※デモは最新版が表示されています。該当のデモを見たい場合は、ソースをCloneしてコミットを戻してブラウザで表示して確認してください。 ソースコード https://github.com/yugeta/web_desktop/ 今回の最終Commitは"#29"です。 解説 通常のシステムの場合、ログイン機能は、ユーザーマスターと
はじめにはじめまして。 SHIFTでインフラエンジニアをしている kinno です。 今年の5月にSHIFTに入社して早8ヶ月、優秀な方々に囲まれて切磋琢磨しています。 現在、クラウド環境へのCI/CD構築の案件に携わっており、CI/CDの設計・構築をしています。 CI/CDにも色々ありますが、GitHubでソースコードを管理している場合、 GitHub Actions という機能を使って簡単にCI/CDが実現できることを知りました。 そこで、今回は CI/CD の学習目的で、GitHub Actions と AWS SAM を使用して簡単な CI/CD の構築をしてみました。 CI/CD 初心者の方、GitHub で CI/CD をしたい方の参考になれば幸いです。 ※ AWSの基礎用語を理解されている方向けの内容となります。 目標目標は以下の通りです。 CI/CD の学習はもちろんですが
GAS (Google Apps Script)通称、ガス 以前もGoogleSpreadSheetの連携で使ったガスですが、これ本当に便利で利便性が高い機能なんですよ。 Web制作でもかなりかゆいところに手が届くヤツなので、扱い慣れておいたほうがいいですね。 Googleの結構いろいろなWebアプリのデータをJavascriptだけで取得したり、活用できるので、今回はカレンダー機能を作ってみたいと思いました。 ただ、完璧なカレンダー機能となると、少し大掛かりな開発になりそうだったので、 今回は、国民の休日カレンダーを引っ張ってくる機能をWebデスクトップに搭載してみようと思います。 デモ うまく表示されていない場合は、「メニュー」-「データ初期化」をしてください。 ※デモは最新版が表示されています。該当のデモを見たい場合は、ソースをCloneしてコミットを戻してブラウザで表示して確認して
今回のクイズはLaravelクイズの第3弾mpyw氏：「Laravelクイズ ～Qiita Night PHP 2023 Winter～」ということで始めます。よろしくお願いします。今回は「Qiita」のスライドを使わせてもらっています。（倍率が）100パーセントだと見にくかったので、50パーセントでだいぶ縮小して表示しています。自己紹介をしていると時間がないので、さっさと始めていきます。 以前の問題。最初に作ったLaravelクイズがあって、それに続き弊社の@fuwaseguくんが作ってくれた問題があって、（さらに）それに続いて第3弾ということで、今回また私から出題させてもらった内容になります。 以前から「Twitter」上、「X」上でこの問題については共有していたので、それのおさらいというか。今回初めて見る方もいると思いますが、その方向けにけっこう丁寧に説明しながら、知っている方はおさ
1. はじめに エンジニアの生産性可視化の重要性 本記事の目的と概要 2. 指標の選定 生産性を測定するための指標 自部署に適した指標の選定方法 指標選定の際の注意点 3. 指標の可視化 データ収集の方法 コードの処理の流れ 環境設定 GitHub APIへのリクエスト 貢献度の計算 結果の出力 可視化ツールの選定 比較検討したツール Lookerを選定した理由 ダッシュボードの説明と評価ポイント その他参考 4. 運用プロセスの確立 運用開始時のトラブルシューティング 継続的なモニタリングとフィードバックの重要性 チーム全体での生産性向上に向けた取り組み 5. 結論 エンジニアの生産性可視化の効果 今後の展望と課題 1. はじめに 日々、開発業務に携わる皆さま、お疲れ様です。プラットフォーム戦略室EMのさるのすけです。私たち開発者は、日々「効率よくもっと作業を進めたい」「チーム全体の成果
ウェブサイトを運営していると、「パンくずリスト」という言葉をよく耳にします。このパンくずリストは、サイトの使いやすさとSEO対策の両面で重要な要素となっています。今回は、パンくずリストについて初心者の方にもわかりやすく解説していきます。 パンくずリストとは、ウェブサイト内でユーザーが現在いる位置を示すナビゲーション要素のことです。 名前の由来は童話「ヘンゼルとグレーテル」から来ています。 物語の中で、二人の子どもが森の中で道に迷わないように、パンくずを落としながら進んでいったことにちなんでいます。ウェブサイトでも同じように、ユーザーが「道に迷わない」ための道標として機能しているのです。 パンくずリストの重要性 パンくずリストがウェブサイトにもたらす価値は大きく分けて二つあります。 一つ目は、ユーザビリティ（使いやすさ）の向上です。 ユーザーは現在閲覧しているページが、サイト全体のどの位置に
医療系システムのガイドライン対応で、しばらく前に電子保存の三原則の仕組みをどう実現するかを議論する機会がありました。だいぶ時間が経ってしまったのですが、今回はこのことについて書いてみたいと思います。 電子保存の三原則とは、1999年に厚生省健康政策局長・医薬安全局長・保険局長が連名で出した通知『診療録等の電子媒体による保存について』*1のなかで示された原則で、医療情報を電子媒体に保存するためにシステムが備えるべきとされた真正性・見読性・保存性を指します。 法令に保存義務が規定されている文書等に記録された情報(以下「保存義務のある情報」という。)を電子媒体に保存する場合は次の3条件を満たさなければならない。 (1) 保存義務のある情報の真正性が確保されていること。 ○故意または過失による虚偽入力、書換え、消去及び混同を防止すること。 ○作成の責任の所在を明確にすること。 (2) 保存義務のあ
サンプル: グローバル検索を利用した Blazor WebAssembly (C#) (Microsoft Dataverse) - Power Apps
このサンプルは、Blazor WebAssembly アプリケーションからグローバル探索サービスを使用する方法を示します。 このサンプルは https://github.com/microsoft/PowerApps-Samples/tree/master/dataverse/webapi/C#/BlazorCDS からダウンロードできます このサンプルは チュートリアル: Microsoft Dataverse を使用して ASP.NET Core Blazor WebAssembly アプリを作成する の手順を変更したものです こちらからオンラインで、このサンプルをご利用ください: https://blazorcds.mohsinonxrm.com/ このサンプルを実行する方法 サンプル リポジトリをダウンロードまたは複製して、ローカル コピーを用意します。 セットアップ の手順に従っ
CRAG(Corrective-RAG)とは、RAGで取得したドキュメントが、質問に対して正しいかを評価する手法です。 この記事では、LangGraphを使ってCRAGエージェントを構築する方法を紹介します。 ざっくり言うと CRAGはRAGの検索品質を向上するための手法 RAGエージェント構築にはLangGraphを使用する LLMには無料の日本語モデルのLlama-3-ELYZA-JP-8Bを使用する LangGraphでCRAG(Corrective-RAG)を構築する CRAG(Corrective-RAG)とは、RAGで取得したドキュメントが、質問に対して正しいかを評価する手法です。 この記事では、RAGで取得したドキュメントが、質問に対して関連性が不十分である場合に、WEB検索で回答を補完するCRAGを構築します。 LangGraphは、LangChainやLLMを使ってAIエ
2024年10月くらいのAWS最新情報ブログとかをキャッチアップする – AWSトレンドチェック勉強会用資料 | DevelopersIO
こんにちは、臼田です。 みなさん、AWSの最新情報はキャッチアップできていますか？(挨拶 社内で行っている AWSトレンドチェック勉強会 の資料をブログにしました。 AWSトレンドチェック勉強会とは、「日々たくさん出るAWSの最新情報とかをブログでキャッチアップして、みんなでトレンディになろう」をテーマに実施している社内勉強会です。 このブログサイトであるDevelopersIOには日々ありとあらゆるブログが投稿されますが、その中でもAWSのアップデートを中心に私の独断と偏見で面白いと思ったもの(あと自分のブログの宣伝)をピックアップして、だいたい月1で簡単に紹介しています。 10月は84本ピックアップしました。多いなぁ…。個人的な推しはAmazon Q CLIがCloudShellにやってきたやつです。もうこれ無しでは生きられない！ ちなみにAWSの最新情報をキャッチアップするだけなら週
Python初心者でも分かる！行動認識のためのLabelStudioを使った動画トラッキングアノテーションの可視化プログラム - Sun wood AI labs.2
import cv2 import json import os from loguru import logger class LSVideoAnnotator: def __init__(self, json_file, video_file, img_w=1920, img_h=1080): self.json_file = json_file self.video_file = video_file self.img_w = img_w self.img_h = img_h # JSONファイルを読み込む with open(self.json_file, "r", encoding="utf-8") as file: self.data = json.load(file) # 動画ファイルを読み込む self.cap = cv2.VideoCapture(self.video_f
方法 package.json に定義しているけど、使用していないパッケージを検索する場合は以下のコマンドで確認できます。
AWS事業本部コンサルティング部の石川です。最近、文書ファイルの解析と変換に特化した オープンソースツール「docling」 が注目を集めています。このツールは、最先端のAIモデルを活用して、ドキュメントの構造を理解し、様々な形式に変換することができます。今回、実際にdoclingを使用して日本語のドキュメントファイルからMarkdownファイルとJSONファイルへ変換を試してみます。 doclingとは doclingは、ドキュメントの変換と解析に特化したオープンソースのPythonパッケージです。最先端の人工知能モデルを活用し、レイアウト解析にDocLayNetモデル、表構造認識にTableFormerモデルを使用しています。一般的なハードウェアで効率的に動作し、少ないリソースで高性能を発揮します。JSONやMarkdown形式への変換が可能で、拡張性も高く、新機能やモデルの追加が容易
Embulk(エンバルク) (2016/10/05からロゴが変わりました。変更理由) Embulkのまとめ2ndを作ってます。 Embulk v0.11 でなにが変わるのか: ユーザーの皆様へ をご一読ください。 更新時にコメントを書くようにしました。変更内容に興味のある方は編集履歴をご覧ください。 2018年1月30日リリースのembulk 0.9からgemは提供されなくなりました。gem版は0.8.39までとなっています 種類 バージョン ロゴの下のバージョンは開発版の最新バージョンを表しています。一般の方は0.9系を利用しましょう 2015年1月27日、Fluentdのメインコミッターの一人古橋さんが中心となって開発した、fluentdのバッチ版のようなツールEmbulk(エンバルク)がリリースされました。 この記事は、Embulkってなに？、どんなプラグインがあるの？、どうやって独
はじめに GIMPは、高機能で無料の画像編集ソフトとして人気ですが、Pythonで自動化できたらもっと便利だと思いませんか？PyGIMPは、そんな願いを叶える夢のプロジェクトです。Pythonの力でGIMPの機能をフル活用し、画像処理を自由自在に操れるようになります！ PyGIMPが切り開く新世界 PyGIMPは、PythonとGIMPの橋渡し的存在です。具体的には、次のようなことができます。 PythonスクリプトからGIMPの機能を呼び出し: 画像のサイズ変更やフィルター処理など、GIMPでできることは、ほぼPythonから実行可能です。 コマンドラインからのGIMP操作: 普段使い慣れたコマンドラインからGIMPを操作できるため、作業効率が大幅に向上します。 画像処理の自動化: 繰り返し行う作業や複雑な処理を自動化することで、時間と労力を大幅に削減できます。 デモ 百聞は一見に如かず
LIFFで取得したユーザー情報をサーバーサイドで利用するときIDトークンとアクセストークンのどちらを利用するのがいいか比べてみた - Qiita
概要 LIFFのメソッドを使えばLINEのユーザー表示名とかプロフィール画像とかのユーザー情報を取得することができます。 しかし、そのままサーバーに送信することは、なりすましやその他の攻撃に対して脆弱になるため公式ドキュメントにも「しないでください」と明言されています。 その代わりとして、サーバーサイドでユーザー情報を安全に利用する方法として以下の2つが用意されていますが、はたしてどちらを使ったらいいのでしょう？ そこで両者の違いを調べた結果を整理してみました。 IDトークンを送信してユーザー情報を取得する アクセストークンを送信してユーザー情報を取得する はじめに LIFFとは 「LINE Front-end Framework」の略で、LINE社が提供するWEBアプリのプラットフォームの一種です。 LINEのトーク上にWEBアプリを表示することができ、ユーザー情報の活用したりユーザーに
M5Stackで蓄積したデータベースをグラフ表示するWebアプリを作る(SQLite3 WASM + OPFS編)
前回でSQLite3 WASMのバージョン情報をコンソールに出した。 今回はボタンクリックでデーターベースの情報をコンソールに出してみる。 ソースコードの編集 前回のコードは雑にJavaScriptのオブジェクトをそのままPureScriptの型にしていたので、変数にPureScriptの予想外の値が入っていると例外で死ぬ。 きちんとdecodeJsonして Either JsonDecodeError aで受ける。 main関数でコンソールにバージョン情報を出している行を消した。 module Main where import Prelude import App.Pages.Home (mkHome) import Data.Maybe (Maybe(..)) import Effect (Effect) import Effect.Exception (throw) import
Lambda 関数を利用してスポットプレイスメントスコア結果を SNS で通知してみた | DevelopersIO
はじめに テクニカルサポートの 片方 です。 Lambda 関数を利用して、スポットプレイスメントスコア 結果を SNS より通知する仕組みを作成してみました。 スポットプレイスメントスコアの仕組み スポットプレイスメントスコア機能を使用する場合は、まずスポットインスタンスのコンピューティング要件を指定します。その後、Amazon EC2 は、スポットリクエストが成功する可能性が高い上位 10 リージョン、を返します。各リージョンまたはアベイラビリティーゾーンは、1～10 のスケールで採点されます。10 はスポットリクエストが成功する可能性が高いことを示し、1 はスポットリクエストが成功する可能性が低いことを示します。 実装してみた インスタンスタイプとリージョンを指定して、スポットプレイスメントスコアを取得します。 SNS を利用しますが、SNS トピックとサブスクリプション設定について
Googleスプレッドシートをデータとして利用できたら、便利ですよね。 シートで手軽に設定データを変更して、Webデスクトップで自動的に表示できたら、管理も運用もかなり楽になるはず。 なんなら、今回のWebデスクトップで多様している、setting.jsonを、スプレッドシートで管理する・・・なんてことも可能になるかもしれません。 Googleスプレッドシートには、API機能とGAS機能を組み合わせると、Webデスクトップでも簡単にアクセスできるようになる事がわかったので、対応するサンプルアプリを作っておきたいと思います。 デモ うまく表示されていない場合は、「メニュー」-「データ初期化」をしてください。 ※デモは最新版が表示されています。該当のデモを見たい場合は、ソースをCloneしてコミットを戻してブラウザで表示して確認してください。 ソースコード https://github.com
初心者向け！毎日の天気予報をLINEに通知し、Googleスプレッドシートに記録するアプリを作成しよう - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに こんにちは！今回はプログラミング初心者の方向けに、少しでも楽しく感じてもらえるように簡単なアプリを一緒に作っていきます。「プログラミングってつまらないな…」と思っている方も多いかもしれませんが、私も同じような気持ちになったことがありました。だからこそ、わかりやすく楽しく学べるように説明していきます。 今回作るのは、毎日の天気予報をLINEに通知し、Googleスプレッドシートに記録するアプリです。このアプリを使うと、毎日決まった時間に自動で天気予報を取得し、その情報をLINEで通知したり、Googleスプレッドシートに自動で保
不在時に自動的にBitTorrentでダウンロードするため、これまではDebianサーバーにログインしてscreen上のセッションでtransmission-cliを使っていたのだが、これだと同時に一つしかインスタンスを起動出来ないので困っていた。というわけで、Debianサーバー上でTransmissionをdaemonで起動し、ブラウザ経由でコントロール出来るようにすることにした。 まずはtransmission-daemonをインストールする。自動起動されてしまうが、設定を書き換えるためにすぐに停止させる。 sudo apt-get install transmission-daemon sudo systemctl stop transmission-daemon デフォルトのダウンロードフォルダでは/varを圧迫してイヤんなので、新しくダウンロードフォルダを余裕のある/homeに
前回、以下の投稿で、ESP32でHMACを生成しました。 ESP32でHMAC(SHA-256)を生成する ついでに、SHA1/256のハッシュと、AES暗号/復号をやってみます。 前回同様に、ESP32のArduinoでは、mbedtlsを利用できるのでそれを使います。 Arduino/PlatformIOでの利用 long aes16_ecb_encrypt(const unsigned char *p_key, const unsigned char *p_input, unsigned char *p_output, long len) { mbedtls_aes_context ctx; mbedtls_aes_init(&ctx); mbedtls_aes_setkey_enc(&ctx, p_key, 16 * 8); for(long i = 0 ; i < len ; i
１．Difyのチャットボットを作成関西弁のチャットボットアプリを作ってみる いい感じに返してくれる左の上から２番目のコマンドラインっぽいアイコンをクリック。右側のcurl POSTリクエストを参考にする。今回はStreamingをBlockingに置き換える。※Streamingは少しずつ回答が生成され、Blockingは一度に回答が生成される。 シークレットキーを作成2．npx create-next-appでアプリ作成3．ルートディレクトリに.env.localファイル作成DIFY_API_KEY=xxxxxxxxxxxxxxxxx４．DifyのAPIにfetchするServerActionを作成 こちらのcurlコマンドを参考にする。今回はfilesは入力しないので省く。app/utils/dify.ts "use server"; export async function sen
こんにちは、あんこ先生です。 アプリの退避、ちゃんと取っていますか？ 弊社のお話で恐縮ですが、普段使いするアプリの所有者が結婚され、名字が変わりました。 それに伴い365ユーザーが新しく配布され、旧アカウントが削除されました。 お気づきになられただろうか？ そう、そのアプリを誰も修正できなくなったのです。 幸いにも古めの退避があったのでそこから復旧できました。 結婚はもちろん、退職される場合も該当しますので、発生頻度はそれになりにあると思います。 そこで、不測の事態が起きても大丈夫なようにアプリの退避と復元方法を紹介します。 BCP対策に有用ですが、ちゃんと実践しないと意味ないですよ？ アプリの退避と復元方法 退避とはアプリ一式をZIPファイルとしてローカルに保存します。 アプリに含まれるコードやコントロールはもちろん、アップロードした画像や音声も含まれます。 保存されるバージョンは最新版
Laravelが如何にダメで時代遅れかを説明する - Qiita
2024.11.05「追記１：問題編」を追加しました！ 2024.11.06「追記２：回答編」を追加しました！ 2024.11.06 [補足]を追加しました！ 前提 LaravelはWordPressからステップアップしたい人に丁度フィットしたような作りになっており、オンプレ前提であり、MVC構成の簡単なSSR（サーバーサイドレンダリング）を推しています。 WordPressの次のステップと捉えると納得できますし、小さなアプリを簡単に作るには丁度良いと思います。 しかし、これで大きなサービスを作ろうとすると途端に崩壊します。 基本的にドキュメント通りに作成すると画面とインターフェースが密結合し、サービスとしてのインターフェースが固まらない状態になります。 結果的に私が関わったプロジェクトは全て密結合で触れない状態に陥っていました… たぶん日本中、いや世界中がこうなってると思います。 決して
「Console-to-Code」でVPC＋EC2＋RDSの基本構成をクリック操作だけでコード化してみる！ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 最近、AWSから正式リリースされた「AWS Console-to-Code」という機能を見つけました。普段から、インフラ構築をコード化するIaC（Infrastructure as Code）を書く手間を少しでも減らしたいと考えていたため、この機能は今後役立つのではないかと思い、試してみることにしました。 AWS Console-to-Codeについて AWS Console-to-Codeとは、マネジメントコンソール上での操作を自動でコード（AWS CLI コマンド、CloudFormation テンプレート、AWS CDK
Web 開発の分野では、リアルタイム チャット機能がますます普及しています。これにより、ユーザーはリアルタイムで簡単に対話でき、コミュニケーションと理解を強化できます。リアルタイム チャットを実装するには、WebSocket プロトコルを使用する必要があり、WebSocket リクエストを処理できるプログラミング言語が必要です。この記事では、PHP と WebSocket の統合を使用したリアルタイム チャット ルームの開発を実装する方法を紹介します。 WebSocket は、ブラウザとサーバー間のリアルタイムのデータ送信を可能にする全二重通信プロトコルです。 HTTP リクエストとは異なり、サーバーは WebSocket 接続の確立後にデータをブラウザにプッシュできます。したがって、WebSocket を介してクライアントとサーバーの間で双方向のデータ通信を行うことができます。ユーザーが
Arduino IDEのインストール ここからダウンロードしてインストール https://www.arduino.cc/en/software ボードマニフェストのインストール ボードマネージャーを追加 1. Arduino IDEの「環境設定」で「追加のボードマネージャーのURL」のところ、入力欄の後のIconをクリック 2. 開いたウィンドウに下記のURLを一行ずつ入力 ESP8266 : http://arduino.esp8266.com/stable/package_esp8266com_index.json ESP32 : https://dl.espressif.com/dl/package_esp32_index.json 「OK」を押すと、こんな入力欄がこんな風になる 環境設定の「OK」を押して終了 3. ボードマネージャーでマニフェストをインストール 「ツール」 =>
GPT-4o(Claude)に危険物取扱者試験(甲種試験)を解かせてみる-その8: 試験対策本のOCRと､それを使ったRAGでの回答｜Kan Hatakeyama
とりあえず標準のOCRテキストを抽出するscansnapで生成したpdfからテキストを抜いて､jsonにしておきます｡ import fitz # PyMuPDFをimport from tqdm import tqdm import json # PDFファイルを開く pdf_path = "book/book.pdf" document = fitz.open(pdf_path) page_dict={} # ページごとにテキストを取得して表示 for page_num in tqdm(range(document.page_count)): page = document[page_num] text = page.get_text("text") # テキスト形式で取得 #print(f"Page {page_num + 1}:\n{text}\n") page_dict[page
個人用データ保管庫をめぐるインフラ環境の整備日記
研究室のマシンは、当然ながら研究室のネットワークにつながっている。研究室のネットワークからインターネット上に出ると、当然のこととして、アクセス先からは「日本のhoge大学のIPからアクセスがあった」と認識されるし、大学のネットワークにもログが残る。 個人的なトラフィックを大学から流すと不都合がありそうなので、何かしらの手段を使ってVPNを構築し、VPNからインターネットに出ていくようにしたい。 候補となるVPN: 自分でVPSを借りてVPNサーバを建てる VPSのメンテを続ける必要がある VPSの代金がかかる tailscale P2Pベースなので、アクセス元の隠匿という用途には向いていない？ exit nodeというものを指定すればインターネットへのトラフィックを特定のノードから流すようにできるらしい https://tailscale.com/kb/1103/exit-nodes ht
package.jsonの位置づけや設定可能な内容が分からなかったので調べた範囲でまとめる。 ついでにnpxについても簡単にまとめる。 package.jsonとは？ Node.jsのプロジェクトは公開の有無に関わらず1つのパッケージとして扱われる。 package.jsonはパッケージに関する諸々の情報が記載されているファイルである。 パッケージは、package.jsonが格納されているディレクトリがルートディレクトリとして扱われ、npmのコマンドは基本的にルートディレクトリで実行する必要がある。 package.jsonにはパッケージ名やパッケージの説明、ライセンス表記などパッケージの情報や、パッケージの依存関係、エイリアスやテストの定義などコマンドや実行に影響を与える情報などが含まれている。 package.jsonの生成 package.jsonはnpm initコマンドで生成で
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? This article is a Private article. Only a writer and users who know the URL can access it. Please change open range to public in publish setting if you want to share this article with other users. 私がNode-REDを使い始めて4年が経ちました。これまでにハッカソンや勉強会等でNode-REDのフローを見てきて、開発の後戻りや混乱が起きやすい
AWS AppSync Events の発表: サーバーレス WebSocket API で、あらゆる規模の Web およびモバイルのリアルタイムエクスペリエンスを実現 | Amazon Web Services
Amazon Web Services ブログ AWS AppSync Events の発表: サーバーレス WebSocket API で、あらゆる規模の Web およびモバイルのリアルタイムエクスペリエンスを実現 2024 年 10 月 30 日、AWS AppSync に AWS AppSync Events の機能が追加されました。この機能を使うと、開発者は安全で高性能なサーバーレス WebSocket API を使って、リアルタイムのイベントデータを数人または数百万人のサブスクライバーに簡単にブロードキャストできます。AWS AppSync Events を使えば、開発者はもう WebSocket インフラストラクチャの構築、コネクション状態の管理、ファンアウトの実装を心配する必要がありません。開発者は単に API を作成し、WebSocket 接続が行われているクライアントにサ
はい、今日はですね、大規模なインターネットデータのスクレイピングのベストプラクティスについてお話させていただきます。人間みたいにブラウザを操作できる自律型のウェブスクレイパーを作って、Upworkのタスクを自動的にこなす方法なんかも紹介させていただきますわ。 ウェブスクレイピングの業界いうのは、特に2024年になってAIの影響をモロに受けとるんですわ。これまでは、アグリゲーターやEコマースなんかのネットビジネスは、競争力のある価格やオファーを維持するために、インターネットからデータをスクレイピングするだけでも、えらい数のエンジニアリソースを使うてきたんです。 普通やったら、ウェブブラウザをまねて、URLにHTTPリクエストを送って、HTMLを取得して、それから特定のDOM要素から欲しい情報を取り出すためのパース関数を書くんですけど、これがウェブサイトごとに構造が違うもんですから、サイトごと
Vue.jsの状態管理を理解する（Piniaの活用が便利）
JavaScriptのフレームワークであるVueは、ユーザーインターフェースやシングルページアプリケーション（SPA）を構築する上で人気の選択肢です。大規模なアプリケーションを最適化し効率的に機能させるには、状態管理（アプリケーションのリアクティブなデータを複数のコンポーネントにわたって管理し、一元化するプロセス）をしっかりと理解する必要があります。 Vueでは、状態管理は長い間Vuexに依存してきました。Vuexは、アプリケーションのすべてのコンポーネントを一元的に保存するライブラリです。しかし、最近のVueエコシステムの進歩により、Vuexの後継であるPiniaが登場しました。 Piniaは、より軽量でモジュールに基づいた直感的な管理を可能にします。Piniaは、VueのリアクティビティシステムやComposition APIとシームレスに統合されており、スケーラブルで保守性の高い方法
Webブラウザの中に、インターネットブラウザを搭載するなんて、アホみたいな仕様だと思いません？ でも、これができるようになると、別サイトのWebアプリケーションを簡単に実行できるようになります。 URLをそのまま表示するのは、インラインフレームを使えば比較的簡単に行えるので、Webデスクトップの機能として追加をしてみたいと思います。 デモ ブラウザアイコンをダブルクリックすると、簡易なインターネットブラウザが表示されます。 うまく表示されていない場合は、「メニュー」-「データ初期化」をしてください。 ※デモは最新版が表示されています。該当のデモを見たい場合は、ソースをCloneしてコミットを戻してブラウザで表示して確認してください。 ソースコード https://github.com/yugeta/web_desktop/ 今回のCommitは"#25"です。 解説 これまでの仕様を大きく
PythonでRedditAPIを活用！初心者完全ガイド🔥 #RedditAPI #Python初心者 #データ分析 #API活用 #プログラミング - ぼっちエンジニアの備忘録
はじめに この記事では、Reddit APIの概要とその利用方法について詳しく解説する。 Reddit APIを使用すると、Reddit上の投稿やコメントを効率的に収集でき、データ分析や自動化に非常に役立つ。 さらに、サンプルコードも記載しているため、プログラミング初心者でもすぐに実践できる。ぜひ試してほしい。 Redditとは？ Redditは、ユーザーが投稿したコンテンツを共有し、ディスカッションするための世界最大級のオンラインフォーラム（掲示板）だ。 各トピックは「サブレディット」と呼ばれるテーマ別のコミュニティに分類されており、プログラミング、エンタメ、ニュース、趣味など多岐にわたるテーマが扱われている。 Redditの特徴として、ユーザーが投稿やコメントに対して投票を行うシステムがあり、評価の高いものが上位に表示される。このため、人気のある投稿や話題がすぐに目に留まる仕組みだ。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
負荷試験ツール"k6"の導入から実行まで - Qiita
マークダウンからTypeScriptの型を生成してみた
GitHub Actions＋AWS SAM で CI/CD を構築してみた｜SHIFT Group 技術ブログ
Webデスクトップの制作 #31 Googleカレンダー（国民の休日）のデータ取得
mpyw氏が出題するLaravelクイズ 6問 非常に危うい動作をするのは？使い方が間違っているのは？ | ログミーBusiness
エンジニア生産性の見える化：企画から開発、運用まで - DMM Developers Blog
パンくずリストとは？メリット、種類、SEOへの影響を紹介
医療系システムのためのデータ履歴管理アプローチ - Open Sink, Closed Sink
LangGraphでCRAGエージェントを構築！『ヒロアカ』について聞く | EdgeHUB
package.jsonにある未使用のライブラリを確認する方法
ドキュメントファイルの解析と変換に特化したオープンソースツール「docling」を試してみた | DevelopersIO
Fluentdのバッチ版Embulk(エンバルク)のまとめ - Qiita
PyGIMP: PythonでGIMPを自在に操る！
Webデスクトップの制作 #28 SpreadSheetの表示
Debian Transmissionをdaemon起動する
ESP32でAES暗号/ハッシュ生成する - Qiita
Next.js ServerActionsでDifyのチャットボットAPIを使ってみる｜りくお
PowerApps│予期せぬ事態に備えて！アプリの退避と復元方法 | PowerAppsで業務改善してみた
PHPとWebSocketの連携でリアルタイムチャットルームの開発を実現-PHPチュートリアル-php.cn
Arduino IDEでESP32/ESP8266を使う時のメモ - Qiita
package.jsonとnpxについてまとめる - Qiita
目からウロコ！Node-REDのアンチパターン10選 - Qiita
LLMを使って99%のウェブサイトをスクレイピングする方法｜AIに仕事を奪われたい
Webデスクトップの制作 #25 インターネットブラウザの設置