並び順

ブックマーク数

期間指定

  • から
  • まで

121 - 160 件 / 211件

新着順 人気順

jsonの検索結果121 - 160 件 / 211件

  • 画像を自動でリサイズするGASスクリプトを作ってみた - Qiita

    こんにちは。船井総研デジタル改め船井総合研究所のいっちーです。 しばらく投稿をお休みしている間に、会社が合併して社名が変わりました。新しい会社でもどうぞよろしくお願いいたします。 Googleドライブ上の画像をまとめてリサイズしたい Gmailに画像を添付する際に、合計25MBを超えると、直接添付されずにGoogleドライブ経由での送信になってしまいます。写真データそのものの送信が目的の場合はこれでも良いですが、文章の一部として画像を入れたい場合、ちょっと不便。リサイズをかけて25MB以内に収めようとしても、枚数が多くなると面倒です。 そこで、Googleドライブの特定のフォルダに写真を格納しておくだけで、自動的にリサイズしてくれるようなツールを作ることにしました。 ツールの要件を考える 要件として、以下のようなものを考えました。 Googleドライブの特定のフォルダに写真を格納すると、フ

      画像を自動でリサイズするGASスクリプトを作ってみた - Qiita
    • indent-rainbowが赤く表示される件 - Qiita

      indent-rainbowが赤く表示される件 この記事の内容 / 目次 1. はじめに 2. 意図せず赤くエ表示される現象について 3. 赤く表示される原因 4. 赤くならずに、キレイなレインボーになる解決方法 5. まとめ はじめに VSCode 使用当初から、拡張機能 indent-rainbow を愛用してきた。 最近になって、久しぶりに JavaScript ファイルを作成したところ、キレイにレインボーになって欲しいインデントが、意図せずエラーのように赤く表示されてしまうことに気づいた。 ネットで解決策を探したのですが、ドンピシャな記事がなく、ChatGPTに聞くなどして自力(?)で解決できたので、同じことで困っている方がいるかもしれないと思い、記事にしてみた。 意図せず赤くエ表示される現象について 本来やりたいこと ・下の画像のHTMLファイルのように、インデントを自動整形して

        indent-rainbowが赤く表示される件 - Qiita
      • HUNT-141 ゲームセンターでスッポンポン

        = 1024 }, isThreeColumns() { return document.documentElement.clientWidth >= 768 && document.documentElement.clientWidth < 1280 }, cdnUrl(path) { return `https://fivetiu.com${path}` }, itemUrl(item) { let dmPrefix = item.dm ? `/dm${item.dm}` : ''; let url = this.locale === 'zh' ? `${dmPrefix}/${item.dvd_id}` : `${dmPrefix}/${this.locale}/${item.dvd_id}` if (item.recommend_id) { url += `#${item.reco

          HUNT-141 ゲームセンターでスッポンポン
        • Cloudflare Turnstileの導入 と CAPTCHA回避対策

          Cloudflare Turnstileの導入は既にできてて、「2captcha」などのCAPTCHA回避サービスで回避されるのを対策する方法だけを知りたいって人は、こちら Cloudflare Turnstileとは 簡単に説明するなら Cloudflareが提供するCAPTCHA代替ツールで、reCAPTCHAなどのCAPTCHAとは異なり、ユーザーが画像を選択したり文字を入力したりする必要がない代わりに、ユーザーの行動や環境情報を基にリスク評価を行い、人間かボットかを判断する。 導入 Cloudflare Turnstileを導入するための基本的な手順は以下の通りです。今回は、Next.jsを使用した例で解説します。 Cloudflareアカウント作成 サインイン - Cloudflare で作成してください 「Let’s make your website or app fast

            Cloudflare Turnstileの導入 と CAPTCHA回避対策
          • [アップデート] Amazon ECR の新しいベーシックスキャン「AWS_NATIVE」が GA となったので使ってみた | DevelopersIO

            [アップデート] Amazon ECR の新しいベーシックスキャン「AWS_NATIVE」が GA となったので使ってみた いわさです。 Amazon ECR にはイメージスキャンの機能があり、無料で利用可能なベーシックスキャンと、有償オプションである拡張スキャンがあります。 このベーシックスキャンはこれまではオープンソースの Clair を使って実現されていました。 先日のアップデートでベーシックスキャンの方式が現在は2種類使えるようになったので紹介します。 AWS 独自のスキャン「AWS_NATIVE」 実は今年の 3 月ごろにベーシックスキャンに AWS 独自のスキャン方法がプレビューで導入されていました。 このベーシックスキャンが今朝 GA になったとアナウンスがありました。 設定方法 ECR プライベートレジストリの設定画面のスキャン設定からベーシックスキャンか拡張スキャンかなど

              [アップデート] Amazon ECR の新しいベーシックスキャン「AWS_NATIVE」が GA となったので使ってみた | DevelopersIO
            • それでもGatsbyが好きな7つの理由 - Findy Engineer Lab

              目まぐるしくトレンドが変化するフロントエンドの世界。フロントエンドの開発を加速させるフレームワークの選択肢も多様化しており、どのライブラリを選ぶかはプロジェクトの成功に大きく影響します。 最近はNext.jsが次々と新機能を発表し、飛ぶ鳥を落とす勢いで人気を集めています。しかし、Next.js以外にも優れたフレームワークは存在し、ユースケースによっては他のフレームワークの方が適している場合もあります。 今回は、そのうちの静的サイトジェネレータのフレームワークであるGatsbyに焦点を当て、Gatsbyが好きな理由を取り上げます。この記事を読んでくださる方に新たな視点や選択肢を提供できれば幸いです。 著者について 静的サイト生成(SSG)とは 静的サイトジェネレーターのトレンド Gatsbyとは Gatsbyが好きな理由・好きなところ 迅速にウェブサイトを構築できる 豊富なエコシステム デー

                それでもGatsbyが好きな7つの理由 - Findy Engineer Lab
              • Webhookでのティック取得から東証「arrowhead」への流し込み -前編- - テコテック開発者ブログ

                投資戦略システム事業部サーバーエンジニアの伊奈です。 2020年5月7日、個人的に衝撃なニュースがありました。それは、「日本株取引ツール トレードステーションサービス終了のお知らせ!!」です。 トレードステーションはトレード用プログラム言語「EasyLanguage」を使用した取引戦略に基づく注文の自動執行機能や、独自の分析チャートの描画など、アクティブトレーダーを支援する強力なツールで、国内株式の自動売買を行うトレーダーのユーザーは多かったと思います。 トレードステーションサービス終了後の国内株式自動売買の(個人的)最適なツールを考えた結果と、AWSの勉強のため、一から自動売買のシステムを作ることにしました。 自動売買のシステムは大きく分けると次の、一. 歩み値情報の収集、二. 歩み値情報の加工とシグナルの算出、三. ブローカーへの発注の3つに分かれると思いますが、 今回はその一の歩み値

                  Webhookでのティック取得から東証「arrowhead」への流し込み -前編- - テコテック開発者ブログ
                • Stable Diffusion WebUIのAPIだけを使う

                  背景 オープンソースの画像生成AIとして大成功を収めているStable Diffusion。利用するには、Stability AI社が提供する公式ウェブアプリDreamStudioもありますが、AUTOMATIC1111氏が開発したWebUIが大きな広がりを見せています。 やりたいこと さて、WebUIは様々なプラグインも用意されており、叡智の集結の様相を呈している一方で、さすがにごちゃごちゃしており、やりたい画像加工がワンパターン化してくると、それ独自のアプリを作りたくなります。親切なことに、WebUIはAPI onlyモードで起動することができます。ただ、APIのドキュメントは整備されていないようなので、手探りで触ってみる必要があります。その調査をまとめます。一部となりますが主要なAPIについてはカバーしています。 API起動方法 WebUIのGitレポジトリ https://gith

                    Stable Diffusion WebUIのAPIだけを使う
                  • AWSのCloudWatchアラートをSlackに通知する仕組みをTerraformで実装する方法 | Hakky Handbook

                    はじめに​ AWSのECS(Elastic Container Service)を使用している際、メモリ使用率の監視はシステムのパフォーマンスと安定性を確保する上で非常に重要です。特に、メモリ使用率が高くなりすぎると、サービスが停止したり、パフォーマンスが低下したりする可能性があります。この記事では、AWS CloudWatchを使用してECSサービスのメモリ使用率を監視し、閾値を超えた場合にSlackへ通知を送る方法をTerraformを用いて実装する方法を紹介します。さらに、サービスの起動、成功、失敗の各イベントに対してもSlackへ通知する方法についても解説します。 Hakky における Terraform 利用時のガイドライン slackのincoming webhookを使用してメッセージを送信する方法 CloudWatch Logs でのログの監視 メリット​ メモリ使用率が高

                    • React + TypeScript + Rollup + WebComponents(CustomElements) 構築メモ

                      まとまって参考になる情報もあったのでこの辺りを並行してみながら設定ファイルを作っていく React+TypeScript+Storybook+Rollupのプロジェクト作成 | Kazunori Kimura | zenn rollup.js × TypeScriptのライブラリをnpm公開する環境の構築(2020年12月版) らんす🍐 | zenn TypeScript+rollup.js+EmotionでReact開発できる環境を作ってみた | SANDFISH FACTORY Component library setup with React, TypeScript and Rollup | dev.to Rollup Config for React Component Library With TypeScript + SCSS | Ng Charn Chuen 最近作ったR

                        React + TypeScript + Rollup + WebComponents(CustomElements) 構築メモ
                      • 【AWS】API Gatewayを使用してLambda関数のREST APIを作成するチュートリアル試してみた - Qiita

                        初めに 最近マイクロサービスアーキテクチャでのアプリ開発(1)に興味があり、手始めとしてAmazon API Gatewayを使用したREST APIを作成する方法について試してみたので、その作成手順を説明します。 Amazon API Gatewayとは Amazon API Gatewayは、AWSが提供するフルマネージドサービスで、REST、HTTP、WebSocket APIの作成をすることができます。これにより、開発者はAWSのリソースや他のウェブサービスへのアクセスを提供するAPIを容易に作成でき、これらのAPIを自身のアプリケーションやサードパーティの開発者に提供することが可能になります(2)。 API作成手順について この記事では、AWSが提供する「チュートリアル: Lambda プロキシ統合を使用して REST API を作成する(3)」手順について、実際に試してみたので

                          【AWS】API Gatewayを使用してLambda関数のREST APIを作成するチュートリアル試してみた - Qiita
                        • オープンソースの脆弱性スキャナー「Nuclei」が人気急上昇中 — GitHubスター数は19,000超え、7,000以上のテンプレートが利用可能

                          8月27日、海外のセキュリティ情報メディア「Help Net Security」に、オープンソースの脆弱性スキャナー「Nuclei」の紹介記事が掲載され、同プロダクトに注目が集まっている。 Nucleiは、YAMLベースのテンプレートを用いて動作する高速かつカスタマイズ可能なオープンソースの脆弱性スキャナーである。このスキャナーは、柔軟なテンプレートシステムにより、様々なセキュリティチェックを実行するために適応できる。カスタマイズ可能なテンプレートを使用して複数のターゲットにリクエストを送信し、誤検知ゼロを実現し、多数のホストに対して迅速なスキャンを行うことが可能である。Nucleiは、TCP、DNS、HTTP、SSL、ファイル、Whois、WebSocketなど、幅広いプロトコルに対応している。 Nucleiの主な特徴 テンプレートライブラリ: 脆弱性や攻撃ベクターに特化したコミュニティ

                            オープンソースの脆弱性スキャナー「Nuclei」が人気急上昇中 — GitHubスター数は19,000超え、7,000以上のテンプレートが利用可能
                          • Terraformの Error: Provider configuration not present を解決する - Qiita

                            「さっさと結論を教えて」というあなたは、解決手順のまとめに飛んでください! エラー内容 0.12系では使えない for_each を使いたかったので terraform 0.13upgrade して terraform init --reconfigure して terafform plan をすると、こんなエラーが、、、 $ terraform 0.13upgrade ... $ terraform init --reconfigure ... $ terafform plan Refreshing Terraform state in-memory prior to plan... The refreshed state will be used to calculate this plan, but will not be persisted to local or remote s

                              Terraformの Error: Provider configuration not present を解決する - Qiita
                            • json schema validator php laravel - Google 検索

                              github.com › henriqueramos › laravel-json-schema-val... 2020/06/22 · It is a Composer package created to validate JSON objects against JSON Schemas as an Illuminate\Validation\Validator custom rule.

                              • MySQL8系におけるTips10! | Wedding Park CREATORS Blog

                                こんにちは!新卒3年目エンジニアのtakadaです。 本日はWedding Parkの一部サービスが5.7系だったのをMySQL8系にアップデートした際に知ったtipsを紹介します! ① RANKが予約語に MySQL8系からRANKが新しく予約語になりました。 予約語とは、言語の仕様で使い方が決められている単語のことでDB名・カラム名・エイリアスなどにて、そのまま記載すると下記のようにエラーが生じてしまいます。 もし既存でRANKを使用しているテーブルなどがありましたら注意が必要ですね…! 解消するためには、バッククォートで囲む必要があります。 今回はよく使いそうなRANKに着目致しましたが、他にも8系から予約語として追加されたものが多くあります。 詳しくは下記のドキュメントよりご確認ください! https://dev.mysql.com/doc/refman/8.0/ja/keywor

                                  MySQL8系におけるTips10! | Wedding Park CREATORS Blog
                                • StabilityMatrixとデルタもんプロジェクトの完全セットアップファイル一式 - BlendAI - BOOTH

                                  商品説明: この商品は、StabilityMatrixを使用したデルタもんプロジェクトのセットアップに必要な全てのファイルが含まれたZIPファイルです。BlenderおよびComfyUIを使用する方向けに作成されており、デルタもんモデルのインストールからカスタムノードの設定、さらにBlenderでのレンダリングまで、スムーズにプロジェクトを進行するためのリソースが全て揃っています。 ファイル内容: - ComfyUI_deltamon.blend: Blenderでのデルタもんプロジェクトファイル - ComfyUI_deltamon_Blender_20240826.json: ComfyUI用の設定ファイル - demo.mp4: プロジェクトのデモ映像 - ComfyUI_deltamon_outputフォルダ: プロジェクトから出力された結果ファイル - renderフォルダ: レ

                                    StabilityMatrixとデルタもんプロジェクトの完全セットアップファイル一式 - BlendAI - BOOTH
                                  • Honoを試す。良いWEBフレームワークですね。 - Qiita

                                    最近人気のWebフレームワークHono 2024年2月に Hono v4 がリリースされ、同時に メタフレームワーク HonoX が公開されました。気になっていたのでそれぞれ試してみました。 「結構良さげ」と思ったことをつらつらと書いています。 検証環境 "bun": "^1.1.8" "hono": "^4.3.6" "honox": "^0.1.17" Hono v4.0.0 1.RPC機能 バックエンド・フロントエンド両方をTSで構築する場合、問題は「型の共有」。 HonoではRPC機能を提供しており(いわゆるtRPCでできることをHonoではREST APIを書くだけで実現できる)、HonoXでももちろん利用可能。 良いなと思うのが「スキーマ駆動」で開発できるところ。Honoは提供するサードーパーティライブラリが豊富。zodでバリーデーションしたり、OpenAPI UIまで生成でき

                                      Honoを試す。良いWEBフレームワークですね。 - Qiita
                                    • 【MySQL+Node.js】要素ごとに異なるnを使って、1回目~n回目の値を集計表示する方法 - Qiita

                                      作業記録テーブルのcontents要素について、n回目までの作業データを集計・整理したい(※ただしn≠一定) 作業記録テーブル(test_log)の概要 特徴 カラムはid、user(作業者)、contents(作業内容)、time(作業時刻)、upload_time(記録した時刻) 同じ作業内容が複数回行われるが、その際の作業者・作業時刻はランダムに決まっている 記録した時刻順にidが振られるため、レコードの順序はupload_timeの時系列と一致するが、実際の作業時刻であるtimeの時系列とは必ずしも一致していない 各作業内容の実行回数にはバラつきがある MySQLのみで集計する方法(※nは固定値) このデータに対して『contentsカラムの各要素(作業内容)ごとのn回目までの作業データを、MySQLのWINDOW関数のみで集計する方法』を別記事に記載済み。 この記事ではSELEC

                                        【MySQL+Node.js】要素ごとに異なるnを使って、1回目~n回目の値を集計表示する方法 - Qiita
                                      • GOのAWS SDKでEC2のインスタンスを作成 - Qiita

                                        はじめに GoのAWS SDKを使用してEC2のインスタンスを作成してみました。これまでも、インスタンスの起動、停止用のツールとして使用していましたが、もうちょっと深く学習してみようと思い、EC2インスタンスの作成を行ってみました。 環境 Windows 11 AWS SDK for Go v2 前提 AWSサービスにプログラムからアクセスするため、AWS側でAccess Key IDとSecret Access Keyを事前に作成し、~/.aws/credentialsファイルを準備しました。SDKでもcredentialsファイルからプロファイルを読み込むことができます。 【credentialsファイル】 [myregion] aws_access_key_id = <Access Key ID> aws_secret_access_key = <Secret Access Key>

                                          GOのAWS SDKでEC2のインスタンスを作成 - Qiita
                                        • 【爆速で開発できます】ローカル環境でGASの開発|Youパパ

                                          (2024.05.18更新) こんにちは!副業プログラマーのYouパパです! GAS開発のときに、ブラウザ上じゃなく、ローカル上で好きなエディターを使ってコーディングしたいときありますよね??? 今回は、Google Apps Script (GAS)をローカルで開発し、特にVSCode(≒Cursor)を使用して行う方法について説明します。 Cursorと組み合わせるとChatGPTにそのまま質問できるので最強です 2万案件が1時間で終わりました笑 1.Google Apps Scriptのローカル開発の手順(最初のみ)Node.jsのインストール: 最初に、Node.jsをローカルマシンにインストールする必要があります。Node.jsは公式サイトからダウンロードできます。 (最初のみ)claspのインストール: Googleの公式コマンドラインツール**clasp**を使用して、ローカ

                                            【爆速で開発できます】ローカル環境でGASの開発|Youパパ
                                          • NYH-191 お見舞いに来てるミニスカ娘の無防備なパンチラ!彼氏が寝てる横で他の患者とヤッちゃった/野々宮みさと

                                            = 1024 }, isThreeColumns() { return document.documentElement.clientWidth >= 768 && document.documentElement.clientWidth < 1280 }, cdnUrl(path) { return `https://fivetiu.com${path}` }, itemUrl(item) { let dmPrefix = item.dm ? `/dm${item.dm}` : ''; let url = this.locale === 'zh' ? `${dmPrefix}/${item.dvd_id}` : `${dmPrefix}/${this.locale}/${item.dvd_id}` if (item.recommend_id) { url += `#${item.reco

                                              NYH-191 お見舞いに来てるミニスカ娘の無防備なパンチラ!彼氏が寝てる横で他の患者とヤッちゃった/野々宮みさと
                                            • Next.jsのレンダリング別用途|Blog|株式会社デパート

                                              Next.jsには様々なレンダリング手法があります。それぞれのレンダリング手法にはメリット、デメリットが様々あり、それぞれがどのようなコンテンツに向いているか、特長があります。 それぞれの特性から何に向いている、向いてないを、実践も交えて見えてきたものをまとめました。 Next.jsのApp Routerについて Next.js 13.0以降からApp Routerが実装されました。従来のPages Routerと比較し大きくディレクトリ構造が変更となり、各ページの配置はpagesからappになりました。 また、これを境にサーバーコンポーネント(サーバー側でHTMLを構築して返す)がデフォルトになり、より強化されています。 fecthの機能も強化され、コンポーネント間のデータの受け渡し(いわゆるバケツリレー)が不要になりました。また、サーバーサイドでfetch→レンダリングまでを担えるよう

                                                Next.jsのレンダリング別用途|Blog|株式会社デパート
                                              • DVDES-702 パン線!透けパン!街撮り即交渉!! 着衣デカ尻OLタイトスカートナンパ - 三井倉菜結

                                                = 1024 }, isThreeColumns() { return document.documentElement.clientWidth >= 768 && document.documentElement.clientWidth < 1280 }, cdnUrl(path) { return `https://fivetiu.com${path}` }, itemUrl(item) { let dmPrefix = item.dm ? `/dm${item.dm}` : ''; let url = this.locale === 'zh' ? `${dmPrefix}/${item.dvd_id}` : `${dmPrefix}/${this.locale}/${item.dvd_id}` if (item.recommend_id) { url += `#${item.reco

                                                  DVDES-702 パン線!透けパン!街撮り即交渉!! 着衣デカ尻OLタイトスカートナンパ - 三井倉菜結
                                                • Gemini in Looker の概要と新規機能について | Hakky Handbook

                                                  Hakkyでは「データでプロダクトを価値あるものにする」というミッションの元、大規模言語モデルを積極的に活用して記事執筆しております。ビジネスにおけるAI活用のため、Handbookをお役立ていただきましたら幸いです。 Gemini in Looker とは​ Looker の Gemini は、データモデリング、グラフの作成、スライドプレゼンテーションの生成などの分析タスクとワークフローを高速化し、さらに簡単にする一連の新機能を提供します。 Gemini in Looker には LookML アシスタント機能が搭載されているため、Looker において何を作成したいかを Gemini に伝えるだけで、LookML コードが自動的に生成され、これまで以上に簡単に生成 AI によるデータ管理の環境を整えることができます。 Google Cloud Next では、Looker の Gemi

                                                  • MariaDB と MySQL の比較 - オープンソースリレーショナルデータベースの違い - AWS

                                                    MySQL と MariaDB はどちらもオープンソースのデータベーステクノロジーです。これらを使用して、行と列を含む表形式でデータを保存できます。MySQL は最も広く採用されているオープンソースデータベースです。また、多くの一般的なウェブサイト、アプリケーション、商用製品の主要なリレーショナルデータベースでもあります。MariaDB は MySQL の修正版です。MariaDB は、MySQL が Oracle に買収された後、ライセンスや配布上の懸念から MySQL の元の開発チームによって作成されました。買収以来、MySQL と MariaDB は異なった進化を遂げてきました。ただし、MariaDB は MySQL のデータとテーブル定義ファイルを採用し、同じクライアントプロトコル、クライアントAPI、ポート、ソケットも使用します。これは、MySQL ユーザーが手間をかけずに Ma

                                                      MariaDB と MySQL の比較 - オープンソースリレーショナルデータベースの違い - AWS
                                                    • 【Next.js】 これでできる! VSCodeを使ったデバッグ環境構築と基本的なデバッガの使い方 - Qiita

                                                      解説 package.jsonファイルは、サーバサイドのデバッグに必要となります。 Next.jsは、Node.jsアプリケーションであるため、--inspectフラグを付け、元となるNode.jsプロセスに渡しデバッグモードを開始させる必要があります。 Node.jsは、--inspectスイッチを指定し起動すると、同プロセスはデバッグクライアントを待機します。デフォルトでは、127.0.0.1:9229(つまりlocalhost:9229)で待機します。 .vscode/launch.json { "version": "0.2.0", "configurations": [ { "name": "Next.js サーバサイド用のデバッガ設定", "type": "node", "request": "attach", "skipFiles": ["<node_internals>/*

                                                        【Next.js】 これでできる! VSCodeを使ったデバッグ環境構築と基本的なデバッガの使い方 - Qiita
                                                      • Addressablesでクラウドに保存したデータを表示する

                                                        はじめに イワケンラボ(代表: イワケンさん)のメンバーとして、開発合宿に参加してきました! まず、支援者としてたくさんの方々から金銭面中心に支援をいただきました。本当にありがとうございました!!! 今回の合宿では、Addressablesをテーマに取り組みました。今後アプリケーションを開発していく上で必須な技術だと感じ選定しました。この記事では、XR好き開発合宿ブログリレーの4日目担当として自分の発表内容をまとめます。 この記事で触れていること Addressablesとは Addressablesでできること Addressablesの基本的な使い方 工夫点 ダウンロードサイズの事前表示 ダウンロードの進捗状況の表示 今後の課題 新規C#スクリプトは配布できない ダウンロード進捗状況のユーザー向け表示 (なお、この記事ではAssetBundleをクラウドにあげて利用することを前提として

                                                          Addressablesでクラウドに保存したデータを表示する
                                                        • Swagger(OpenAPI) API仕様書の自動生成を実現する方法

                                                          Swagger(OpenAPI) API仕様書の自動生成を実現する方法 本文では、世界中の開発者に利用されているAPI仕様書の自動生成ツールを皆さんに紹介します。これらのツールを使って、汎用されているSwagger(OpenAPI)仕様書の自動生成が簡単に実現されます。 API仕様書の自動生成は、たくさんのメリットがあります。API仕様書を自動的に生成すると、チームメンバーや他の協業者に便利に共有することが可能になり、APIの使用者がAPIを簡単に呼び出しすることもできるようになります。 現在、多くのAPI開発者はAPI仕様書を自動生成できる方法を探しています。本文では、世界中の開発者に利用されているAPI仕様書の自動生成ツールを皆さんに紹介します。これらのツールを使って、汎用されているSwagger(OpenAPI)仕様書の自動生成が簡単に実現されます。 buttonAPI仕様書自動生成

                                                            Swagger(OpenAPI) API仕様書の自動生成を実現する方法
                                                          • Security-JAWS 第34回レポート #secjaws #secjaws34 #jawsug | DevelopersIO

                                                            Security-JAWS 第34回のレポートです。いいサービスがいっぱい出ているので活用しましょう! こんにちは、臼田です。 Security JAWS 第34回が開催されましたのでレポート致します。 Security-JAWS【第34回】 勉強会 2024年8月19日(月) - connpass ちなみに今回から、Connpassを利用しています。今後はConnpass中心となりますので、ぜひSecurity-JAWSのページからメンバー登録いただけると助かります。 動画 レポート Session1: マルチクラウド環境で3年間CSPMをやってきた Japan Digital Design株式会社 Technology & Development Div. 唐沢勇輔さん 自己紹介 2019年にJDDに入社してSecurity Teamを立ち上げた 2021年にエンジニアリング部門のHe

                                                              Security-JAWS 第34回レポート #secjaws #secjaws34 #jawsug | DevelopersIO
                                                            • 【React×Go】フロント(React)とバック(Go)で連携する - Qiita

                                                              はじめに よく「フロントエンドは○○で、バックエンドは××で」みたいな記述を見かけますが、フロントエンドとバックエンドの連携というのが調べてもパッと出てこなく、学習初期によく疑問に思っていたのでまとめました。 前提知識 ReactとGoの基本知識があることが前提。 Go APIサーバーを立ててjsonデータを返すことができる React useState, useEffect axios 構成 フロントエンド:React バックエンド:Go フロントとバックの連携という1点に集中したいので、DBは使わず、テストデータを直書きしています。 1. Goでjsonデータを返す 1-1. 適当な作業ディレクトリを作成します。 ~/Desktop$ mkdir dev ~/Desktop$ cd dev ~/Desktop/dev$ mkdir go-app // goアプリ用 ~/Desktop/

                                                                【React×Go】フロント(React)とバック(Go)で連携する - Qiita
                                                              • VueUseのcomputedAsyncについて調べてみた。

                                                                実務でVueUseを使う機会があり、これを期に気になっていたcomputedAsyncについて自分なりの知見をまとめようと思います。 コードベースはほとんど、[ICS MEDIA様]https://ics.media/entry/230606/ のを活用させていただいています。 computedAsyncとは 説明 Computed for async functions 公式の英語で書かれている通り、computedでasync関数が使用できますよって事ですね。 Vueの標準であるcomputedは非同期処理をサポートしておらず、単体で解決ができない状態です。 なのでwatchと併用で実装したり、vue-async-computedなどのライブラリを使用する必要がありました。 それを解決してくれるのが本題のcomputedAsyncです。 引数 import {ref} from "vu

                                                                  VueUseのcomputedAsyncについて調べてみた。
                                                                • ターミナルの作業中ディレクトリにOSの「ファイルを開く」からもアクセスしたい - 詩と創作・思索のひろば

                                                                  作業中のリポジトリのファイルをブラウザやデスクトップアプリ経由でアップロードしたり触ったりするとき、OSのファイルを開くダイアログからだとそこにたどりつくのが手間。macOSならopen -R でファイルを選択しつつFinderを起動できるので、これをするときもあるのだけど、ダイアログを先に開いてしまっていたり、そもそもファイルのドラッグ&ドロップに対応していない場合はどうしようもなかったりする(ダイアログにドロップするって技はある)。 ようは「今ターミナルで開いてるディレクトリにOSの『ファイルを開く』ダイアログからもアクセスしたい」という話。fuseを使うかFileProvider Extensionを使うといいのかな……とか考えてたけど、とりあえずプロトタイプとしてシェルスクリプトを書いたところ、これでいいやとなった。 最近ターミナルにWezTermを使いはじめたので、wezterm

                                                                    ターミナルの作業中ディレクトリにOSの「ファイルを開く」からもアクセスしたい - 詩と創作・思索のひろば
                                                                  • 【AWS,Azure】電子請求書授受サービスをクラウドサービスで実現したいので、GPTに比べてもらった - Qiita

                                                                    【AWS,Azure】電子請求書授受サービスをクラウドサービスで実現したいので、GPTに比べてもらったAWSAzureAzureStorageAzureFunctions 結論:Azureのほうが安いみたい 個人的にいじってるけど使い勝手が悪すぎるし、これセキュアなのかと疑う部分が多い。 たぶん設定できるんだけども、AWSに慣れすぎてるせいでよくわからないことが多い印象でした。 電子請求書発行サービスのAzure上での構築経緯 1. プロジェクト概要 目標: 電子請求書発行サービスをAzure上で構築し、顧客が発行された請求書をダウンロードできるシステムを作成する。 使用する技術: Azure Static Web Apps: フロントエンドのホスティング Azure Functions: サーバーレスバックエンドAPIの構築 Azure Table Storage: データの保存 Azu

                                                                      【AWS,Azure】電子請求書授受サービスをクラウドサービスで実現したいので、GPTに比べてもらった - Qiita
                                                                    • GitHubActionsでLambdaとLambdaレイヤーの構築をしていて躓いた。 - Qiita

                                                                      はじめに 今回はGitHubActionsを利用してLambdaとLambdaレイヤーを構築します。 LambdaとLambdaレイヤーを紐づける際に上手くいかなかった箇所や解決方法を備忘録として残していきたいと思います。 目次 ・つまづいたところ ・解決方法 ・事前準備 ・LambdaレイヤーのCloudFormation ・LambdaのCloudFormation ・Lambdaレイヤー構築のGithubActions ・Lambda構築のGithubActions ・動作確認 ・最後に ・参考 つまづいたところ Lambdaレイヤーを複数のLambdaに紐づけることとなり、 GitHubActionsでLambdaレイヤーとLambdaのCFnテンプレートを分けて構築することになりました。 そのため、Lambdaを構築する際にLambdaレイヤーの情報をテンプレート外から取得するこ

                                                                        GitHubActionsでLambdaとLambdaレイヤーの構築をしていて躓いた。 - Qiita
                                                                      • Honoの概要とその特徴: Web標準に従った軽量高速フレームワーク | 株式会社一創

                                                                        Honoは、Web標準に従った軽量で高速なAll-in-Oneのフレームワークです。 Expressの後継と呼ばれており、スキーマ駆動開発や便利なミドルウェアが特徴です。 Honoの設計思想は、開発者が効率的かつシンプルにアプリケーションを構築できるようにすることにあります。 以下では、Honoの主要な機能とその利点について詳しく説明します。 Honoとは何か?その起源と基本情報 Honoは、Node.js環境で動作するWebフレームワークであり、Expressのシンプルさと機能性を継承しつつ、さらに高速化を図っています。 Honoの名前は日本語の「炎」から取られており、その名の通り高速で軽量な動作を目指しています。 Honoの開発は、クラウドファーストのアプローチを採用し、特にCloudflare Workersとの相性を重視しています。 これは、Honoが非常に軽量であるため、サーバー

                                                                          Honoの概要とその特徴: Web標準に従った軽量高速フレームワーク | 株式会社一創
                                                                        • Eclipseのビューを自分で作る【Eclipse + ChatGPT】 - Qiita

                                                                          Eclipseのビューを自分で作成する方法を紹介したいと思います。 今回はEclipse2023 + JavaSE17 を使っていきます。 また後半ではEclipseとChatGPTという不思議な組み合わせを実装します。 PDE (Plug-in Development Environment)のインストール 「ヘルプ」 > 「新規ソフトウェアのインストール」 から作業対象に https://download.eclipse.org/releases/latest と入力し、「一般用ツール」から「Eclipse プラグイン開発環境」をインストール 表示される条項などに同意し、インストール後に再起動する (筆者はpleiades以下の”eclipse.exe -clean.cmd”によりキャッシュを削除して再起動しないと次のステップに行けませんでした) 2. プラグイン開発プロジェクトの作成

                                                                            Eclipseのビューを自分で作る【Eclipse + ChatGPT】 - Qiita
                                                                          • Webhook APIを使ってメールを処理する(GCP Functions + Python) - Customers Mail Cloud ブログ

                                                                            Customers Mail Cloudではプログラム側からデータを取得したり、メールを送信するWeb APIの他に、Customers Mail Cloudでメールを受信した時にイベントを伝えてくれるWebhook APIが用意されています。 Webhook APIを使うことで、自前でメールサーバを立てずにメール受信のタイミングでシステムを起動させられるようになります。メールサーバを安定して動作させ続けるのはメンテナンスコストが大きいですが、Customers Mail Cloudを使うことで簡単にメールと連携したシステムが作れるようになるでしょう。 今回はGCP Functionsで、Python3を使ってメールを処理する流れを紹介します。 フォーマットはJSONとマルチパートフォームデータ Webhookの形式として、JSONとマルチパートフォームデータ(multipart/form

                                                                              Webhook APIを使ってメールを処理する(GCP Functions + Python) - Customers Mail Cloud ブログ
                                                                            • Azure OpenAIを使用してSQLに自然言語で問い合わせる(NL2SQL)

                                                                              はじめに OpenAIで公開されているcookbookを参考に日本語化しながら解説します 最初に天気を取得する簡単なFunction Callingを実施し、データベースに対して自然言語で問い合わせる仕組みを紹介します 自然言語からクエリを作成し、Function Callingで外部関数を読み出し、結果を取得することができます 一般的には、NL2SQL(Natural Language to SQL Queries)で認識されています。 LangChainのSQL Database Toolkitも同様のことができますが、出力の速度が遅かった(数十秒)のでFunction Callingを使用した方法をご紹介します Function Callingだと数秒で出力が返ってきます。 チャットモデルで関数を呼び出す方法 このノートブックでは、Chat Completions APIを使用して、

                                                                                Azure OpenAIを使用してSQLに自然言語で問い合わせる(NL2SQL)
                                                                              • Microsoft Fabric 半構造化データの取得から可視化までの流れ - JBS Tech Blog

                                                                                Microsoft Fabricとは、統合ソリューションを必要とする企業向けに設計されたエンドツーエンドの分析およびデータプラットフォームです。SaaS型のサービスとして提供されています。 今回は、そんなMicrosoft Fabricを使って半構造化データを取得し、グラフ作成による可視化まで行う方法をご紹介します。 実施概要 事前準備 実施手順 レイクハウスへのJSONファイルアップロード レイクハウスの新規作成 JSONファイルのアップロード データフロー Gen2を用いたデータの変換、テーブル作成 データフロー Gen2の新規作成とデータ取得 テーブルへの変換 データ型の自動変換 データのフィルタリング テーブルのアップロード Power BIによるグラフ作成 レポートの新規作成 グラフ作成 おわりに 実施概要 本記事では、ローカル上の半構造化データ(今回はJSONファイル)をMic

                                                                                  Microsoft Fabric 半構造化データの取得から可視化までの流れ - JBS Tech Blog
                                                                                • Dify をローカルのDockerで立ち上げる手順の紹介

                                                                                  この記事ではDifyというOSSのワークフローの作成ツールをDocker環境で立ち上げる手順を紹介します。 DifyはZapierやIFTTTのように、ユーザーが手動で行っているルーチン作業を自動化することができます。 (実際はチャットボットや、エージェント作成機能とかもあるのと、ワークフローは現時点ではベータの機能です) なぜ Dify が注目されるのか? Zapierなどの競合サービスがある中で、なぜDifyが注目されているかについて、自分なりの考えです。 ChatGPTなどのLLMとの連携がしやすく設計されており、他サービスよりも柔軟なワークフローを作りやすい Dockerで環境構築ができるように準備されており、従来よりもかなりコストを抑えて運用ができる OSSで圧倒的な開発速度でLLMの進化に追従しており、LLMで従来よりも柔軟にプロセスを組める Difyの特徴 開発環境とセットア

                                                                                    Dify をローカルのDockerで立ち上げる手順の紹介