ここで知った。 試しに、神戸市が公開している観光に関する統計・調査資料のうち、「令和5年度 神戸市観光動向調査結果について」のPDFで一度試していたのだけども: （出典） 神戸市Webサイトの「観光に関する統計・調査」のページ 上記にある「令和5年度 神戸市観光動向調査結果について」のPDF 日本語でも、概ね問題なく、表などもきれいにパースされる ただし、表が画像 になってる場合に、うまく解釈されない（表は解釈されるが、中の文字が化ける） OCRが正しくできていない可能性 というのがあって、ドキュメント読んだけどわからなくて、それ以上深追いしてなかった。 ただ、X界隈を見る限りは評判は良さそうで、いろいろ記事も出てきたみたいなので、改めて試してみる。 GitHubレポジトリ ドキュメント Docling Doclingは、ドキュメントを解析し、簡単かつ迅速に希望の形式にエクスポートします。
2024.11.05「追記１：問題編」を追加しました！ 2024.11.06「追記２：回答編」を追加しました！ 2024.11.06 [補足]を追加しました！ 前提 LaravelはWordPressからステップアップしたい人に丁度フィットしたような作りになっており、オンプレ前提であり、MVC構成の簡単なSSR（サーバーサイドレンダリング）を推しています。 WordPressの次のステップと捉えると納得できますし、小さなアプリを簡単に作るには丁度良いと思います。 しかし、これで大きなサービスを作ろうとすると途端に崩壊します。 基本的にドキュメント通りに作成すると画面とインターフェースが密結合し、サービスとしてのインターフェースが固まらない状態になります。 結果的に私が関わったプロジェクトは全て密結合で触れない状態に陥っていました… たぶん日本中、いや世界中がこうなってると思います。 決して
2024.11.05「追記１：問題編」を追加しました！ 2024.11.06「追記２：回答編」を追加しました！ 2024.11.06 [補足]を追加しました！ 前提 LaravelはWordPressからステップアップしたい人に丁度フィットしたような作りになっており、オンプレ前提であり、MVC構成の簡単なSSR（サーバーサイドレンダリング）を推しています。 WordPressの次のステップと捉えると納得できますし、小さなアプリを簡単に作るには丁度良いと思います。 しかし、これで大きなサービスを作ろうとすると途端に崩壊します。 基本的にドキュメント通りに作成すると画面とインターフェースが密結合し、サービスとしてのインターフェースが固まらない状態になります。 結果的に私が関わったプロジェクトは全て密結合で触れない状態に陥っていました… たぶん日本中、いや世界中がこうなってると思います。 決して
こんにちは。pixivのnamazuです。 先日開催されたPIXIV DEV MEETUP 2024にて、『pixivというシステムはどんな形をしているのか、それはなぜか。』というテーマで発表をさせていただきました。当日、セッションにご参加いただいた皆さま、そしてフィードバックをいただいた方々に、改めて感謝申し上げます。 Webサービス開発において面白い点の一つは、どのサービスもその要件や状況に応じて異なる選択がなされることです。結果として、類似点がある場合もありますが、細部において同じものはなく、すべてがユニークです。弊社内でもさまざまな違いが見られますが、業界全体を見渡すとさらに多様性が広がっていることでしょう。 今回の発表では、pixivのシステムに関する重要な要件や状況をいくつか取り上げ、現時点でどのような構造になっているかを、インフラストラクチャ、バックエンドアプリケーション、開
ドキュメントファイルの解析と変換に特化したオープンソースツール「docling」を試してみた | DevelopersIO
AWS事業本部コンサルティング部の石川です。最近、文書ファイルの解析と変換に特化した オープンソースツール「docling」 が注目を集めています。このツールは、最先端のAIモデルを活用して、ドキュメントの構造を理解し、様々な形式に変換することができます。今回、実際にdoclingを使用して日本語のドキュメントファイルからMarkdownファイルとJSONファイルへ変換を試してみます。 doclingとは doclingは、ドキュメントの変換と解析に特化したオープンソースのPythonパッケージです。最先端の人工知能モデルを活用し、レイアウト解析にDocLayNetモデル、表構造認識にTableFormerモデルを使用しています。一般的なハードウェアで効率的に動作し、少ないリソースで高性能を発揮します。JSONやMarkdown形式への変換が可能で、拡張性も高く、新機能やモデルの追加が容易
【QA業務効率化】GAS + Notion APIを用いたテスト進捗報告の自動生成 - enechain Tech Blog
はじめに enechainでのテスト管理 テストケースとテスト進捗の管理 バグチケットの管理 日々のテスト進捗報告の自動生成 テスト進捗情報の取得 バグチケット情報の取得 報告の整形とSlackへのポスト 進捗報告生成のトリガー 今後の展望 まとめ はじめに こんにちは！enechainでQAチームのマネージャーを務める杉田 (@sug1san) です。 QAチームでは先日、初の試みとして「QAオフサイト」と題したイベントを社外の会場を借りて実施し、日頃眼の前の業務に忙殺されて後回しになりがちな品質改善、QA業務改善に、メンバー各人が自身でテーマを決め、丸一日かけて取り組みました。 今回は、私がそこで取り組んだGAS (Google Apps Script) とNotion APIを用いたテスト進捗報告の自動生成の取り組みについてご紹介します。 enechainでのテスト管理 本題に入る前
２つのJSON文字列の差分をシンタックスハイライト付きで表示したいケースがありました。 Zennでも同じ差分かつシンタックスハイライトができますね。下のようなコードブロックがそうです。 Zennでは行頭に+や-をつけることで差分としてハイライトされるようになっています。 このようなシンタックスハイライトかつ差分ハイライトを、2つのJSON文字列の差分に対して行いたいと思いました。つまり、差分を表示したい箇所に明示的かつ静的にマークしていくのではなく、2つのテキストから動的に差分を計算して差分ハイライトを表示してくれる機能です。 この記事ではその方法を紹介します。 なお、僕がJSONの差分を表示したかったのでJSONで例を出しますが、好きな言語で、なんならプレーンテキストでも応用可能です。好きなだけdiff表示してください。 先出し結論 jsdiffでJSONの差分トークンを取得し、shik
Rails: DBメンテナンス支援ツール "maintenance_tasks" README（翻訳）｜TechRacho by BPS株式会社
概要 MITライセンスに基づいて翻訳・公開いたします。 英語記事: Shopify/maintenance_tasks: A Rails engine for queueing and managing data migrations. 原文更新日: 2024/07/24（e56130a） ライセンス: MIT 本記事では、原則としてツール（gem、フレームワーク）の名前をmaintenance_tasksと表記します。 Shopifyが開発したmaintenance_tasksは、Railsガイドでも推奨されているDBのデータマイグレーション用gemです↓。 参考: 10.2 データのマイグレーション -- Active Record マイグレーション - Railsガイド maintenance_tasksは、メンテナンスタスクをジョブキューに入れて管理するRailsエンジンです。 こ
Twitterでは多くの質問が殺到しました。 「どうしてJavaScriptでC言語を書きたいんだ？」 これまで、JavaScriptからシステムライブラリを呼び出す方法は2種類がありました。 ・N-APIアドオンもしくはV8 C++ APIアドオンの利用。 ・emscriptenもしくはwasm-packでWASMにコンパイル。 What's wrong with N-API (napi)? どうしてN-APIではだめなのか。 N-APIはネイティブライブラリをJavaScriptから使えるようにする、ランタイムに依存しないC APIです。 BunとNode.jsはこれを実装しています。 N-API以前はV8 C++ APIを使っていましたが、Node.jsがV8を更新するたびに互換性の問題が発生する可能性がありました。 Compiling native addons breaks CI
Weird Lexical Syntax
I just learned 42 programming languages this month to build a new syntax highlighter for llamafile. I feel like I'm up to my eyeballs in programming languages right now. Now that it's halloween, I thought I'd share some of the spookiest most surprising syntax I've seen. The languages I decided to support are Ada, Assembly, BASIC, C, C#, C++, COBOL, CSS, D, FORTH, FORTRAN, Go, Haskell, HTML, Java,
Raspberry Pi 5に後付けAI処理モジュール「Raspberry Pi AI HAT＋」を取り付けてAIカメラを作ってみたよレビュー
「Raspberry Pi AI HAT＋」は2024年10月24日に登場した後付けAI処理モジュールで、Raspberry Pi 5に最大26TOPSのAI処理能力を追加できます。そんなRaspberry Pi AI HAT＋が開発チームから送られてきたので、実際にRaspberry Pi 5に装着してオブジェクト認識機能を備えたAIカメラを作ってみました。 AI HAT+ - Raspberry Pi Documentation https://www.raspberrypi.com/documentation/accessories/ai-hat-plus.html AI software - Raspberry Pi Documentation https://www.raspberrypi.com/documentation/computers/ai.html hailo-rpi
TL;DR GHC の WASM バックエンドを使って、フロントエンドからCloudflare Workersで動くバックエンドまで、全部 Haskell で書かれたブログエンジンを実装したよ。 Servant の Workers 向けアダプタを実装したよ いちどAPIを型レベルで定義したら、バックエンドのルーティングやクライアントからのAPIへのアクセス、SPAのビューのルーティングまで全部同じ定義を使い回せてしかもリンク切れがない事が静的に保証されるので、かなり快適だったよ。 フロントノードは Miso を使ったので、同じデータ型と API 定義を共有できて、SSRも out-of-the-box でサポートしているのでかなり体験がよかったよ なぜか Twitter が OGP を表示してくれないけど私は元気です。 導入 以前の投稿で、GHC WASM backend を使ってものすご
Neovimはじめてみた
TerminalにはWezTermを使っています。使い始めたのは最近ですが設定をテキストファイルで管理できる点がとても良いです。以前はiTerm2を使っており、ストレスはなかったのですが今ではWezTermの方が良いと思っています。 コーディングで主に使っているのはJetBrainsのIDE( PyCharm, WebStorm, PhpStorm )です。JetBrainsのIDEは、デフォルトで各種言語の補完が効き、プラグインを追加しなくてもストレスなくコーディングできるのが良い点です。またどちらかというと、JetBrainsにプラグインの追加はしたくないです。プラグインの追加はGUIベースになるため、管理が煩雑になるのと異なる環境間での共有が難しいためです。もちろん、設定のexport機能を使えばいいのですが、設定を変更するたびにexportしてimportしてというのは煩雑なためで
はじめに みなさん、こんにちは。Happiness Chainメンターのryoです。 今回は自作アプリを作る際に、導入するとおすすめな外部APIを紹介していきます。 ほとんどの現場では外部APIを1つ以上は使用しているので、これから紹介する外部APIを1つでも導入することで、転職が有利になることがあるので、是非参考にしてみてください。 ※各APIにて、実際に動作するJavaScriptのコードを記述しています。SDKが正常に動作するものに関しては、SDKを使用しています。 1. Slack API Slackを使用しているモダンな会社では、Slack APIを使用している所が多い印象です。例えば、ユーザーが特定のアクション（ユーザー登録など）を行った時や、メール送信時、エラーが起こった時等にslackの特定のチャンネルに通知します。実務だとSlackは常に開いているツールなので、ユーザーの
SRE チームの市川恭佑です。 今回はコンテナに関連するDevOpsツールを作った話です。ecresolve と書いて「イーシーリゾルブ」と読みます*1。 github.com ecresolve は、ざっくり言うとコンテナイメージのタグが上書きされる前提で、複数タグを指定すると一番先頭で見つかったものを出力するツールです。 基本的な使い方としては、たとえば dog と cat のタグのみが存在する ECR リポジトリ animal があるとき、以下のコマンドを実行すると標準出力に dog が出力されます*2。 ecresolve monkey bird dog human cat --repository-name=animal --format=tag-only # dog なお、本記事の大前提として、もちろん本番環境において、特にお客様のデータを取り扱うようなコンポーネントについては
❯ askrepo --prompt "What is the purpose of this code?" --model "gemini-1.5-flash" ./src This code, primarily found in `src/main.rs`, is designed to **extract information from source code files and provide answers to questions about them using a Google AI model**. It leverages the `google_api` module (`src/google_api.rs`) to interact with the Google Generative Language API. Here's a breakdown of it
Docling
Docling. MIT licensed document extraction Python library from the Deep Search team at IBM, who released Docling v2 on October 16th. Here's the Docling Technical Report paper from August, which provides details of two custom models: a layout analysis model for figuring out the structure of the document (sections, figures, text, tables etc) and a TableFormer model specifically for extracting structu
[アップデート] Amazon SES が送信時のインラインテンプレート機能に対応しました | DevelopersIO
いわさです。 今朝、Amazon SES でインラインテンプレートがサポートされたというアナウンスがありました。 まず、従来より Amazon SES ではメールテンプレート機能がサポートされていました。 メール本文や件名プレースホルダーを埋め込んだテンプレートを事前に用意し、メール送信時にはテンプレートを指定しつつ動的に変更する必要がある変数部分のみを指定します。 今回のアップデートにより、事前に準備したテンプレートを指定するのではなく、メール送信時にテンプレート内容を入力出来るようにもなりました。 メール送信の仕組みが必要な多くのアプリケーションでは、テンプレート機能が有効です。 SES のテンプレート機能を使う場合は事前にテンプレート作成 API を使って SES 上にテンプレートを登録する必要があります。 しかし、場合によっては SES の API ではなく独自でテンプレートを管理
![[アップデート] Amazon SES が送信時のインラインテンプレート機能に対応しました | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/a52e433b4cbbf084b426955f6490f94eaf141ebc/height=288;version=1;width=512/https%3A%2F%2Fimages.ctfassets.net%2Fct0aopd36mqt%2Fwp-thumbnail-853da183b76d05403642726376140e38%2Fc540874c56864efad6bd036621e947e7%2Famazon-ses)
SREの菅原です。 カンムではAWSやGCP、Datadogなど様々をIaaS・SaaSをterraformで管理しているのですが、以前は「GitHub Actionsでplan」「管理者や開発者が手元でapply」というフローになっており、terraform applyの実行が管理者や一部の権限を持った開発者に集中してしまい、インフラの変更作業の速度が落ちてしまっている状態でした。 しかし、Atlantisという「Pull Request上でterraform plan・applyを実行する」ツールを導入したことで、うまくapply権限を各開発者に委譲することができるようになったので、Atlantisの運用について、特にマルチクラウドへの対応について書きます。 Atlantis www.runatlantis.io AtlantisはWebhookでGitHubのPull Request
Fivotに参画してから約半年が経過しました。 参画当初から数ヶ月間、さまざまな課題に取り組み、方針も固まってきたため、 これまでの取り組みを整理し共有します。 背景 参画時点では、Flutter WebからNext.jsへの移行が完了したばかりの段階でした。 もともと別のプロダクトでFlutterアプリを活用していましたが、Flutter Webでの開発はメンテナンスが難しく、Next.js（v13）への移行が決断されました。 エンジニア2人体制で担当しましたが期間が短かったこと、フロントエンドが専門でなかったこともあり、コードの品質は課題が多い状態でした。 参画当初、早期の新規開発も求められていましたが、技術的負債の解消も並行して進めなければいけないと考え、改善活動に取り組みました。 技術的負債解消の取り組み オンボーディング改善 環境構築に必要な情報をREADMEに記載し、ドキュメン
【初心者向け】gRPCを知るならここから！protobufバージョン別まとめ - asoview! Tech Blog
アソビュー株式会社でバックエンドエンジニアをしている進藤です。今回は、私がアソビューにジョインしてから初めて開発に使用するようになったRPCフレームワーク”gRPC”の要素技術のひとつであり、データフォーマットとシリアライズを行うためのツールProtocol Buffers（以降、protobufと表記）のおおまかな歴史とバージョン変遷について、ふりかえりの目的も兼ねて執筆してみようと思います。 私自身、前職での経験としていくつかのAPI開発に携わったことはありましたが、エンドポイントごとにクライアントコードを手動で記述し管理する煩雑さや、ビジネスサイドの要請により変化していくシステムの中でAPIの互換性を保つ難易度の高さに苦手意識を感じていました。 それがprotobufでは、複数の言語に対応したクライアントとサーバーのコードを自動生成することで異なるプログラミング言語間での通信が容易で
ファクトチェック。 昨今の情報化社会 ファクトチェックを必要とする機会は とても多いです。 ファクトチェックというものをAIモデルで効率的に行う試みです。 プロンプトの内容が事実であるかを膨大なテキストデータで訓練されたAIモデルが判定できるのかを検証する試みです。 import http.server import socketserver import webbrowser import os import json from transformers import AutoTokenizer, AutoModelForCausalLM # モデルとトークナイザーの読み込み tokenizer = AutoTokenizer.from_pretrained("Qwen/Qwen2.5-0.5B-Instruct", use_fast=False) model = AutoModelFo
【グラブル-システム狩りの光と闇】サイボーグ達が跋扈する戦場と化した｢システム狩り｣の現環境について完全解説！システム勢に愛用されるマクロやツールも紹介｜T・Zafkiel
【グラブル-システム狩りの光と闇】サイボーグ達が跋扈する戦場と化した｢システム狩り｣の現環境について完全解説！システム勢に愛用されるマクロやツールも紹介 共有用リンク リンクから共有ポストお願いします ※今記事はシステム狩りについて一定の理解がある前提で話を進めていきますので、ご了承ください。 0.プロローグ「システム狩り」という単語を耳にしたことがあるユーザーは少なくないと思います。しかし、グラブル10周年を迎えた2024年現在でも、その全容は表には殆ど出回っておらず、ネットの情報を漁ったくらいでは満足のいくような答えに巡り会うことは無いのではないでしょうか。 今記事ではそんな「システム狩り」について解説していこうと思います。 まずシステム狩りの情報が公になりにくい点には明確な理由があります。 「システム狩り」を本格的に体験した事のあるユーザは、その理由に察しがつくかと思いますが、「シス
From Naptime to Big Sleep: Using Large Language Models To Catch Vulnerabilities In Real-World Code
Posted by the Big Sleep team Introduction In our previous post, Project Naptime: Evaluating Offensive Security Capabilities of Large Language Models, we introduced our framework for large-language-model-assisted vulnerability research and demonstrated its potential by improving the state-of-the-art performance on Meta's CyberSecEval2 benchmarks. Since then, Naptime has evolved into Big Sleep, a co
{ "title": "ZennのRSSで流れてきた記事をGeminiでレビューしてSlackへ投稿する", "url": "https://zenn.dev/waddy/articles/cloud-run-functions-gemini-review-to-slack" } このデータを用いて本文を取得し、レビューを実施します。最後に結果をSlackへ投稿します。以下のような順序で作業します。 Slack App を用意する Cloud Run 関数を実装する 環境変数を用意してデプロイ さっそく見ていきましょう。 Slack App を用意する Cloud Run 関数からレビュー結果をpostMessageできるようにします。Slack App 経由で投稿するので、アプリを作成するところから行います。これについては、以下の記事で詳しく解説されていますので、記事の手順に従って設定を
Optimize Amazon Aurora PostgreSQL auto scaling performance with automated cache pre-warming | Amazon Web Services
AWS Database Blog Optimize Amazon Aurora PostgreSQL auto scaling performance with automated cache pre-warming Amazon Aurora is a relational database service offering performance and high availability at scale. Aurora is compatible with both MySQL and PostgreSQL. You can reuse most of your existing application code and tools with little or no change. Aurora database (DB) clusters consist of one or
Raspberry Pi Pico - Visual Studio Marketplace
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter. Raspberry Pi Pico Visual Studio Code extension Note: The extension is currently under development. This is the official Visual Studio Code extension for Raspberry Pi Pico development. This extension equips you with a suite of tools designed to streamline your Pico projects using Visual Studio Code and the official Pi
実務で使えるTypescriptの型8選
ひとこと 実務に組み込みやすいようにできる限り実例を用いました。react前提です。TS初学者の方の助けになれば 解説 テンプレートリテラル型 型安全な文字列操作を実現 例 リテラル型で文字列を定義すれば渡した値がnumberであることを型で保証できる const requestExternalApi = async ({ data, }: { data: { offset: `${number}` limit: `${number}` } }) => { const res = await fetch("https://example.com", { method: "POST", body: JSON.stringify(data), }) return res.json() } requestExternalApi({ data: { offset: `${0}`, // `zero
Home - Docling
Get started Concepts Examples Integrations Docling Docling parses documents and exports them to the desired format with ease and speed. Features 🗂️ Reads popular document formats (PDF, DOCX, PPTX, Images, HTML, AsciiDoc, Markdown) and exports to Markdown and JSON 📑 Advanced PDF document understanding incl. page layout, reading order & table structures 🧩 Unified, expressive DoclingDocument repre
Vue Fes Japan 2024 レポート：アンドパッドブースレポート＆アンケート結果紹介 - ANDPAD Tech Blog
こんにちは。アンドパッドでフロントエンドエンジニアをしている小泉です。 10月19日に Vue Fes Japan 2024 が開催されました。アンドパッドとしては初めてスポンサーブースを出展し、フロントエンドエンジニアを中心に5名での参加となりました。 この記事では、当日のブースの様子と、ブースで取った Vue にまつわるアンケート結果をご紹介します！ スポンサーブースレポート Vue Fes Japan を含め、フロントエンドのイベントへのスポンサー出展はアンドパッドとしては初めての試み。他のイベントと同様の ANDPADおみくじ に加えて、フロントエンドの技術スタックを紹介する展示を行いました。 開催前日のアンドパッドブースの様子 ANDPADおみくじは、後ほど紹介するアンケートに回答して頂いた方に、グローブ・トートバッグ・工具セットのいずれかがランダムに当たるというもの。建設業界に
おそらく間違っている情報が含まれているとは思いますが今回はこれで進ませていただきます！ これを入力したら作成したスプレッドシートのURLをコピーして終了です！ SheetDBにアクセス 次にこちらのURLにアクセスしてください！ アクセスしていただいたら画面左にある 「Create Free API」をクリックしてください！ 右上にある 「＋ Create new API」をクリックすると 「Google Spreadsheet URL」と表示された画面がでます！ その画面に先ほどコピーしたスプレッドシートのURLをペーストしてください！ おそらく中央に「https://sheetdb.io/api/v1/<ユニークID>」が表示されたと思います！ そのURLにアクセスしてみるとJSON形式で表示されれば成功です！ コーディングしよう！ 皆さんお疲れ様です！あともう少しなので頑張りましょう
Ref関数・Sub関数・GetAtt関数の違いを理解する まず、Ref関数・Sub関数・GetAtt関数の違いを覚えます。 次にRef関数はそのリソースのキーっぽいものを返す故にリソースから他のリソースが読めることと、 Sub関数は文字列結合に使えることを意識する。 Ref・Sub関数を使うと、パラメータやリソースを変数のように参照できます。 AWS公式 - Ref関数 AWS公式 - Sub関数 作ったリソースから、インスタンスIDとかではなく特定の属性値を参照する場合は、 GetAtt関数を使います。 AWS公式 - GetAtt関数 Ref関数・Sub関数・GetAtt関数 ※ パラメータは別ファイルの JSON 形式で定義し、その他の基本設定は YAML を軸に記述しています。 これにより、パラメータの値を変更する際には JSON ファイルを更新するだけで済み、YAML の可読性や
{ "Version": "2012-10-17", "Statement": [ { "Effect": "Deny", "Action": [ "ce:*", "cur:*", "budgets:*", "purchase-orders:*", "account:*", "billing:*", "savingsplans:*", "tax:*" ], "Resource": "*" } ] } ２．IAMユーザー作成 IAMユーザーを作成しReadOnlyAccessポリシーを付与する。 このポリシーは、AWSの全リソースに対する読み取り専用のアクセスを提供します。 請求関連閲覧不可のカスタムポリシーを付与する。 １．カスタムポリシーの作成(請求関連の閲覧拒否) 自分の作業用IAMユーザーでAWSマネジメントコンソールにログインします。 コンソールより検索欄に「IAM」と入力して、「
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? チャットボットととりとめのない会話を楽しむゲーム。 モデルサイズが小さいのでCPUで十分動作します。（しかしながら遅い。） modelはQwen/Qwen2.5-0.5B-Instructです。 実行結果。 Chat with GPT-Qwen2.5-0.5B-Instruct You: プロンプトの内容が事実であるかを膨大なテキストデータで訓練されたAIモデルが判定できるのか Qwen GPT-: プロンプトの内容が事実であるかを膨大なテキストデータで訓練されたaiモデルが判定できるのか、AIの技術に限らず、社会全体にとっても「言葉」
2024.11.05「追記１：問題編」を追加しました！ 2024.11.06「追記２：回答編」を追加しました！ 2024.11.06 [補足]を追加しました！ 前提 LaravelはWordPressからステップアップしたい人に丁度フィットしたような作りになっており、オンプレ前提であり、MVC構成の簡単なSSR（サーバーサイドレンダリング）を推しています。 WordPressの次のステップと捉えると納得できますし、小さなアプリを簡単に作るには丁度良いと思います。 しかし、これで大きなサービスを作ろうとすると途端に崩壊します。 基本的にドキュメント通りに作成すると画面とインターフェースが密結合し、サービスとしてのインターフェースが固まらない状態になります。 結果的に私が関わったプロジェクトは全て密結合で触れない状態に陥っていました… たぶん日本中、いや世界中がこうなってると思います。 決して
みなさま、こんにちは。ゴーガです。 日々、更新がされているGoogleマップですが、 指定した場所と時間内での移動範囲を表示することができることをご存知ですか。 Googleマップでゴーガの位置を選択します。 地図の左下にあるレイヤボタンを押下すると、 「詳細」という選択肢があります。 詳細の中の地図ツールに「移動時間」があり、 そこを選んで時間と徒歩か車を選択すると、、、 （今回は15分 車を選択） ゴーガから車で移動できる範囲が表示されます。 （少しわかりづらいですが、多い線と色で表示されています。） 徒歩で移動できる範囲も表示可能。 精度については、これからに期待ですが、 このような情報が Google Maps Platform のAPIでも提供されると 商圏分析などにも活用できそうですよね。 Google社より、2022年11月をもって Internet Explorer 11
マスク可能なアイコンを使用する PWA のアダプティブ アイコンのサポート コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 最近の Android スマートフォンにプログレッシブ ウェブアプリ（PWA）をインストールすると、アプリのアイコンの背景が白になることがあります。Android 8.0 では、デバイスモデルごとにさまざまな形状でアプリアイコンを表示するアダプティブ アイコンが導入されました。この形式を使用しないアイコンの背景は白です。 Android では、透明な PWA アイコンが白い円の中に表示されます。 マスク可能なアイコンは、Chrome と Firefox の新しいアイコン形式です。この形式を使用すると、プログレッシブ ウェブアプリでアダプティブ アイコンを使用でき、アイコンの外観をより細かく制御できます。 マスク可能なアイコンが円全体に
概要 この記事は、負荷試験ツール"k6"の導入から実行までを説明したものです。 自身の備忘録、他の人への説明を主な目的とした内容になっています。 前提 ローカルマシンOS: Ubuntu 22(Window 11 WSL) k6とは k6はオープンソースの負荷試験ツールです。Go言語によって作成されており、軽量・ハイパフォーマンスを謳っています。 オープンソース版は、テストの実行をCLIにて行うため、ある程度コンソール画面での操作の習熟を求められます。 私は使っていないのですが、テストシナリオの作成についてはGUIが提供されているようです。ただ、JavaScriptのコードで管理するほうが共有や運用が楽かと思います。 導入 Windows/Mac/Linux各種環境に応じたインストール方法が提供されています。 自分の場合はUbuntuのため、リポジトリを追加してパッケージインストールを行い
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに このドキュメントは、Bolt アプリケーションのコードベースの構造と各部の機能について解説します。Bolt は、StackBlitz の WebContainer API を活用し、ブラウザ上でフルスタック Web アプリケーションのプロンプト入力、実行、編集、デプロイを可能にする AI 駆動の開発ツールです。このリポジトリは Bolt.new のコアコンポーネントを提供するオープンソース版であり、独自の AI 駆動開発ツール作成を支援します。Cole Medin氏によってフォークされたこのバージョンでは、プロンプトごとに使用
OpenAIなどのStreamingをサポートしているAPIを使う場合の３つの例です。 ジェネレータ関数で使うその１ for of でloopを回す。 Streamの結果はloop内でとれるが、ジェネレータ関数の結果はうけとれない。 import "dotenv/config"; import OpenAI from "openai"; export async function *streamFunciton() { const openai = new OpenAI(); const chatStream = await openai.beta.chat.completions.stream({ messages: [{ role: "user", content: "日本の歴史について200文字でまとめてください" }], model: "gpt-3.5-turbo", stream
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ドキュメントをMarkdownやJSONに変換してくれる「Docling」を試す
Laravelが如何にダメで時代遅れかを説明する - Qiita
Laravelが如何にダメで時代遅れかを説明する - Qiita
pixivというシステムはどんな形をしているのか、それはなぜか。 - pixiv inside
2つのJSONの差分を動的に表示する。シンタックスハイライトもする。powered by shiki
【Bun】JavaScriptをC言語で書けるようになったよ - Qiita
Haskell で Cloudflare Workers 製のフルスタックブログエンジンを作ったら快適すぎた
自作アプリにおすすめの外部API（JS,Reactのコードあり） - Qiita
コンテナイメージのタグをよしなに探すツールを作りました - KAYAC Engineers' Blog
GitHub - laiso/askrepo: Source code reading with LLM.
Atlantisのマルチクラウドへの対応について - カンムテックブログ
フロントエンド（Next.js）現場に入って数ヶ月で技術的負債の改善に取り組んだ話
ファクトチェックというものをAIモデルで効率的に行う試みです。 - Qiita
ZennのRSSで流れてきた記事をGeminiでレビューしてSlackへ投稿する
独自APIを使った戦国武将紹介ページの作成 - Qiita
【備忘録】Ref関数・Sub関数・GetAtt関数 - Qiita
AWS 読み取り専用(請求関連の閲覧拒否)のIAMユーザーを作成する - Qiita
チャットボットととりとめのない会話を楽しむゲーム。 - Qiita
Laravelが如何にダメで時代遅れかを説明する - Qiita
Google Maps Platform：高度なカスタマイズが可能な Advanced Markers
マスク可能なアイコンを使用する PWA のアダプティブ アイコンのサポート | Articles | web.dev
負荷試験ツール"k6"の導入から実行まで - Qiita
Bolt.new アプリケーションの構造と機能解説 - Qiita
OpenAIをTypeScriptのStreamingで使う３つの方法