TL;DR プレビュー対象はcdk synthで出力されたCloudFormationのテンプレートファイル 構成図はVSCode拡張機能aws toolkitのApplication Composerでプレビュー表示(変更検知機能利用) nodemonを用いて、プレビューを開いた状態でtsファイル保存時にcdk synthを実行することで再表示させる nodemon -e ts --ignore cdk.out --exec 'cdk synth' 情報元: aws-summit-2024-iac-booth-demo/realtime-draw-diagram at main · aws-samples/aws-summit-2024-iac-booth-demo · GitHub 前準備 ※コンテナ開発/TypeScriptを前提とする。 1. CDKプロジェクト作成 すでに作成済み
Claude3.5の新機能！Artifacts：Claudeとの新しい対話方法 – 完全ガイド - Sun wood AI labs.2
はじめに みなさん、こんにちは！今日は、AI技術の世界に革命を起こす新機能「Artifacts（アーティファクツ）」について、わかりやすくお話ししていきます。Claudeという人工知能と、より効果的に協力して作業ができるようになる、とてもワクワクする機能なんです。 Artifactsとは何か？ 簡単な説明 Artifactsは、Claude.aiで導入された新機能です。ユーザーがClaudeに何かを作ってもらう時、その成果物を会話とは別の専用ウィンドウで見ることができます。つまり、会話しながら同時に作品を見て編集できる、そんな魔法のようなツールなんです。 Artifactsの主な特徴 リアルタイムの表示: Claudeが作った内容をすぐに見ることができます。 編集可能: 表示された内容を自由に編集できます。 作業の継続性: 一度作ったものを基に、さらに改良を加えていけます。 Artifac
Oliver Grubin Sr. Staff Software Engineer, Security Slack uses cookies to track session states for users on slack.com and the Slack Desktop app. The ever-present cookie banners have made cookies mainstream, but as a quick refresher, cookies are a little piece of client-side state associated with a website that is sent up to the web server on every request. Websites use this piece of information to
CSS Length Units | CSS-Tricks
Overview Many CSS properties accept numbers as values. Sometimes those are whole numbers. Sometimes they’re decimals and fractions. Other times, they’re percentages. Whatever they are, the unit that follows a number determines the number’s computed length. And by “length” we mean any sort of distance that can be described as a number, such as the physical dimensions of an element, a measure of tim
データベースのER図を最新の状態に保ちつつ、いつでも閲覧できるようにした - SO Technologies 開発者ブログ
こんにちは、CTO室の丸山です。相変わらず某CTOからの無茶振りを捌いております。 今回は、今開発しているSaaSサービスのER図を、なるべく手をかけずに最新状態に保ちながら、いつでも閲覧できるようにするために実践したことをご紹介できればと思います。 前提環境 今回ご紹介する方法は以下の環境下で実現しています。 インフラ: GCP データベース: PostgreSQL データベースのスキーマ管理: sql-migrate CI/CD: Github Actions モチベーション 開発・データ分析を行う上で、データベースのスキーマ構造を俯瞰的に把握するための手段としてER図を書いているのですが、これを最新の状態に保ち続けるのは割と面倒であると常々感じていました。 そこで、Schemaspyを使用してデータベースのスキーマ構造からER図を生成するようにしたものの、以下のような手順をスキーマ構
Access AWS services programmatically using trusted identity propagation | Amazon Web Services
AWS Security Blog Access AWS services programmatically using trusted identity propagation With the introduction of trusted identity propagation, applications can now propagate a user’s workforce identity from their identity provider (IdP) to applications running in Amazon Web Services (AWS) and to storage services backing those applications, such as Amazon Simple Storage Service (Amazon S3) or AWS
Evaluate the reliability of Retrieval Augmented Generation applications using Amazon Bedrock | Amazon Web Services
AWS Machine Learning Blog Evaluate the reliability of Retrieval Augmented Generation applications using Amazon Bedrock Retrieval Augmented Generation (RAG) is a technique that enhances large language models (LLMs) by incorporating external knowledge sources. It allows LLMs to reference authoritative knowledge bases or internal repositories before generating responses, producing output tailored to
My name is Cory Rylan, Google Developer Expert, Speaker, Software Developer. Building Design Systems and Web Components. Follow @coryrylan With the introduction of the CSS Anchor Position API in Chrome 125, it's never been easier to position an element relative to another element. This is a great way to manage complex positioning use cases like popovers and tooltips. However, CSS Anchor Positition
Since the emergence of generative AI products like Chat GPT and GPT4 last year, there has been a silent, collective sense of dread amongst workers across most industries. At first, it was fun, we were asking Chat GPT numerous useless questions like how to rule the world and so forth, making funny tweets and memes about it and even using it to do our assignments and projects. But after a while, it
TL;DRAnimation features were still quite immature in 4.0 and there were many undefined behaviors. 4.3 has redefined many behaviors along with some options, so we recommend that you review your settings. For blending and RESET animationDeterministic blendingFor Discrete value (int, resource and etc.) animationCallbackModeDiscreteFor Capture update modecapture()For AnimationNodeStateMachineNodeState
06/27@梅雨 - 楽園に刻まれた愛の詩は
youtu.be 4s4ki - survival dAnce [prod. by Yaffle] (Official Music Video) survival dAnce 4s4kiオルタナティブ¥255provided courtesy of iTunes たこパしたい声優 スマホ機種変更( ˘ω˘) 浅草面談。 通院等などで忙し。 ブログ更新時間が。。。 ブックオフで文庫を10冊以上購入。 梅雨入りしたのかしてないのかと声優さんの番組で無限に聴いたな。 それは生放送のFMラジオでやればいいのではないかと思ったり。 もう紫陽花枯れちゃいそうな勢い(´･ω･`) 『らりルゥれろ』 教育番組であり哲学。 『第0回 春日さくら・乾夏寧の新番組（仮）【プレ放送】』 面白い番組になりそうな予感。 しかし自分がニヤニヤしながらチェックする番組ではないよな... キモオタおぢさんとは私です。 『山
Build time-series applications faster with Amazon EventBridge Pipes and Timestream for LiveAnalytics | Amazon Web Services
AWS Database Blog Build time-series applications faster with Amazon EventBridge Pipes and Timestream for LiveAnalytics Amazon Timestream for LiveAnalytics is a fast, scalable, and serverless time-series database that makes it straightforward and cost-effective to store and analyze trillions of events per day. You can use Timestream for LiveAnalytics for use cases like monitoring hundreds of millio
セット図メーカー|ライブハウスに提出するセット図を無料作成
セット図メーカーとは、セット図をWeb上で作成できるアプリです。ライブハウスに提出するセット図を無料で作成できます。
Designing software with layers is common — and broken. It’s broken for two reasons: Layers suggest some form of abstraction; but layering very fundamentally is not about abstraction.Layering relies on functional dependencies which are hard to test and make software difficult to understand and evolve.No Abstraction with LayersTake this layered design: Do you see the difference? Even though Scott Ha
Dragonfly: A large vision-language model with multi-resolution zoom
We are excited to announce the launch of Dragonfly, a breakthrough instruction-tuning Vision-language architecture, that enhances fine-grained visual understanding and reasoning about image regions. We are releasing the Dragonfly architecture, which uses multi-resolution zoom-and-select to enhance multi-modal reasoning while being context-efficient. We are also launching two new open-source models
Eraser AI
A powerful AI tool for modern developersWrite natural language prompts to output diagram code that you can save, edit, and share with your team
What happens when you push to GitHub? The answer, “My repository gets my changes” or maybe, “The refs on my remote get updated” is pretty much right—and that is a really important thing that happens, but there’s a whole lot more that goes on after that. To name a few examples: Pull requests are synchronized, meaning the diff and commits in your pull request reflect your newly pushed changes. Push
Speeding up rustc by being lazy | David Lattimore
I’ve been busy working on the Wild linker (see previous posts), but wanted to divert for a moment to look at some other compilation speed things that I’ve been thinking about. This post discusses various thoughts about moving Rust codegen, monomorphisation and inlining later in compilation and some of the ways this might reduce both from-scratch and incremental build times. Dead code Dead code is
Turn petabytes of relational database records into a cost-efficient audit trail using Amazon Athena, AWS DMS, Amazon RDS, and Amazon S3 | Amazon Web Services
AWS Database Blog Turn petabytes of relational database records into a cost-efficient audit trail using Amazon Athena, AWS DMS, Amazon RDS, and Amazon S3 Many AWS manufacturing customers are legally required to keep production records for years—sometimes decades. These audit trails are used to prove compliance with process specifications or to track provenance of parts. Having a complete and corre
Unveiling URI, URL, and URN
This guide provides an overview of URI, URL, and URN, explaining their differences and use cases. When developing web apps, we often need to call different web services. When configuring the communication and connection of different web services, we frequently encounter the concepts of URI, URL, and URN. Usually, users find it difficult to distinguish between them, leading to mixed or incorrect us
This article describes a simple approach that you can apply to improve your reports and dashboards. Effective reports and dashboards should enable users to quickly answer their data questions so that they can focus on their primary business tasks and responsibilities. To help you design effective reports, we introduce the 3-30-300 rule for information design. The 3-30-300 rule is a straightforward
【個人開発】【Electron + Vue.js】デジタルノートアプリ『Puppet』開発のまとめ - Qiita
開発経緯のまとめ きっかけ 数ヶ月前、ソフトウェアの操作方法の詳細なマニュアルを制作。 30ページのPDFにしたが、他の人から「欲しい情報がすぐに見つけられない」と指摘された。 情報量が多く、探しにくいことが問題だったと感じた。 マニュアルのページ数削減では解決しなかった 言葉をコンパクトにしたり、画像の配置を変えてページ数を減らそうとした。 結果、2ページ減ったが、情報の探しやすさは変わらなかった。 課題の本質 「情報量が多い中で、欲しい情報を探すのが難しい」ことが問題。 必要な情報を得るために、「情報の取捨選択が多すぎる」 解決策の考案 「欲しい情報が探しやすく、情報の取捨選択を少なくする工夫」を考える必要がある。 文章の書き方の工夫では解決が難しいため、アプリの開発を考え始めた。 タブレット端末からのひらめき アプリのアイコンのように、見出しを並べて表示することで情報が探しやすくなる
【ChatGPT】Whimsical Diagramsを使ってブレストしてみた - サーバーワークスエンジニアブログ
はじめに Whimsical Diagramsとは 前提条件 使ってみた 「生成AIの実務利用についてブレインストーミングしてください。」 「インフラエンジニアにおける生成AIの実務利用についてブレインストーミングしてください。」 もっと深掘りしてほしい もっともっと深掘りしてほしい フローチャート図も作れる ドキュメントは作れない 最後に はじめに 当記事ではGPTsの「Whimsical Diagrams」の使用方法についてご紹介します。 Whimsical Diagramsとは Whimsical Diagramsは、様々な図を作成するプロダクトを展開しているWhimsical社が提供するChatGPTのGPTsです。 whimsical.com ChatGPTで自然言語で指示すると、フローチャート、マインドマップ、シーケンス図を使用して概念を説明し、視覚化してくれます。 前提条件
♪ La, Ti, Do-, DoReDoTi-TiLaSo-Mi-La- On January 11, 2023, Takahashi, the former vocalist and drummer for Yellow Magic Orchestra (1979-1983), passed away at the age of 70. When the news of his death was made public a few days later, there were calls for mourning all over Japan. Despite his fame, Takahashi did not leave behind any extremely famous tunes or songs, but as the composer of YMO's most i
Dataverseテーブルから仕様書を自動生成する
こんにちは。システムソリューション営業本部の吾妻です。 ソースコードを書くことなくアプリ開発できるローコードツール「 Power Apps 」を利用したシステム開発では、アジャイル開発手法によってプロジェクトを進めていくことが多く、またアプリを作成する人と、実際に使用する人がほぼイコールになることもあり、設計書をカチッと用意して実装を進めるというよりは、まずは実際に機能するアプリを作成して、どんどん改良を加えていくというアプローチをとることになります。 SharePoint のカスタムリスト 1 つ、 Dataverse テーブル1つのみにアクセスする「 3 画面アプリ」程度であれば問題ないのですが、複数のデータソースに対してアクセスするアプリを作成した場合、アプリ自体に加えた改良に、ドキュメントの修正が追い付かなくなりがちです。 そこで今回の記事では、ドキュメントを自動的に生成するツール
「野津田車庫」バス停の時刻表 | 神奈川中央交通
※祝日は休日ダイヤで運行いたします。 ※年末年始、お盆期間につきましては随時お知らせいたします。 ※台風や積雪で運行できない場合があります。
はじめに Bedrock をキャッチアップしていますが、今回は Agents for Amazon Bedrock を触ってみました。指定したモデルに対して自然言語による指示で特定のアクションを実行させます。やることとしては、全リージョンの EC2 インスタンスに対して怪しいインスタンスがないかチェックしてもらいます。アクションは以下を設定します。 全リージョンのインスタンス総数、実行中インスタンス数を調べる 全リージョンで Owner タグのついていないインスタンスを調べる 全リージョンでインバウンドが解放された (0.0.0.0/0 が許可された) インスタンスを調べる 構成 以下のような構成です。今回も CDK で作ります (リポジトリ) Streamlit を使う 前回に引き続き Streamlit を Docker コンテナで動かします。今回は認証機能をつけたりチャット形式の U
※祝日は休日ダイヤで運行いたします。 ※年末年始、お盆期間につきましては随時お知らせいたします。 ※台風や積雪で運行できない場合があります。
概要 USBキーボードやマウスを認識し、HID入力レポートをシリアルデータとして出力してくれる CH9350Lを使ってUSBキーボードをArduinoボードに接続しキーボード入力を利用できるようにする。シリアルポート(UART)を備えたArduinoボードならば接続やプログラミングはシンプルなので、おそらくMAX3421E を使ったUSB Host Shield よりも簡単に使える。 CH9350L この投稿では、CH9350Lの評価用ボードとSparkFun Pro Micro(5V / 16MHz)同等品をつないで使い方を調べてみた話をまとめた。そしてCH9350LとSeeduino XIAO-m0 を組み合せて、ふつうの日本語キーボードをほぼNICOLAキーボード(親指シフトキーボード)として使えるようにするhoboNicolaアダプターを作成した話も続く予定。 CH9350Lの概
「野津田車庫」バス停の時刻表 | 神奈川中央交通
※祝日は休日ダイヤで運行いたします。 ※年末年始、お盆期間につきましては随時お知らせいたします。 ※台風や積雪で運行できない場合があります。
燃料デブリにおける特性の経年変化と環境劣化割れの調査(委託研究); 令和4年度英知を結集した原子力科学技術・人材育成推進事業 Investigation of environment induced property change and cracking behavior in fuel debris (Contract research); FY2022 Nuclear Energy Science & Technology and Human Resource Development Project 廃炉環境国際共同研究センター; 東京大学* Collaborative Laboratories for Advanced Decommissioning Science; The University of Tokyo* 日本原子力研究開発機構(JAEA)廃炉環境国際共同研究センター(
Intel Core Ultra "Arrow Lake" Desktop Platform Map Leaked: Two CPU-attached M.2 Slots（TechPowerUp!） Intel LGA 1851 Platform Diagram Breaks Cover Revealing Major PCIe 5 Lane Upgrade（HotHardware） Leaked Intel Arrow Lake chipset diagram show more PCIe lanes, no support for DDR4 — new chipset boasts two M.2 SSD ports connected directly to CPU（Tom's Hardware） [CPU] Arrow lake （Chiphell） “Arrow Lake-S”と
Ruby on Railsを使った開発をしていると「システムのER図が欲しい」といったお願いされることがあります。 Railsを使っているのであれば、rails-erd というRubyGemを使うことで簡単にER図を出力できます。 rails-erdで出力されるER図はEntityもAttributeも全て英語です。 提出先がエンジニアである場合や、普段からモデル名を使ったコミュニケーションをしている場合であればこのままでもなんとかなるかもしれません。 一方、相手がビジネスサイドのメンバーである場合や、普段はモデルを日本語変換してコミュニケーションしている相手の場合はこのER図をそのまま出しても困惑されてしまいます。 そこで、今回はなんとかしてEntity・Attributeを日本語化できないか検討しました。結論とそこに至った過程をメモしておきます。 結論 結論としては、rails-erd
SSHピックアップ配線例 SSHパターンのコントロール配線例を記載しています。 ※ポット、ミニスイッチは裏から見た状態での表記となります。 ※ピックアップのシールドアース線配線記載は省略しています。アース線がある場合はアースへ接続してください。
Eraser AI：技術設計とビジネスフロー管理のインテリジェントパートナー｜0xpanda alpha lab
技術設計の分野で初のコパイロットであるEraser AIが、開発者による図解およびドキュメントの作成と管理を革新しています。強力なAI機能を備えたEraser AIは、生産性を高め、ワークフローを簡略化し、欠かせないツールとなっています。 Eraser AIとは？Eraser AIは、自然言語プロンプトを使用して図解コードを生成できる強力なAIツールです。エンジニアリングチームから信頼されており、クラウドアーキテクチャ図やデータベース図など、さまざまな技術図解を瞬時に作成することができます。 主な機能無限キャンバスでの図解生成：簡単な説明やコードを入力するだけで、クラウドアーキテクチャ図やデータベース図などを瞬時に生成できます。 完全な編集制御：Eraser AIの出力は完全に編集可能です。AIによるアシストがありつつも、最終的な制御はユーザーに委ねられています。 開発者向けに設計：Git
この記事はRStudio Advent Calendar 2016の13日目の記事です。 list型データの内容を確認するには Rを使っていると，list型データによく出会います。中々に柔軟なデータ構造を持つことができるので，色々なところで出力として用いられています。ただし，APIなどで取得した大きなデータ等だと「一体どんな内容なのか」とか「あのデータってどこにあるんだ」という感じで，苦労することが多いかと思います。 今回は，{listviewer}というパッケージを利用して，リスト型データを可視化してみます。 今回使用するサンプル 今回使用するlist型データとして，{DiagrammeR}パッケージで生成したものを使用してみます。このコードは本家のこちらのページを利用して持ってきました。 library(DiagrammeR) m <- mermaid(" sequenceDiagra
はじめに 弊社は、ハノイの小さなソフトウェア開発会社だ。あんまり忙しいのは嫌なので、規模は拡大せず、少人数で開発を行っている。私以外は、ベトナム人エンジニアで、スキルはまちまちだ。 受託案件では API を作ることが非常に多い。何度も作るので、なるべく工数がかからないように、なるべく品質が一定になるように作りたい。API に限らず、弊社では、Agile, Assets & Automation という 3 つの戦略で開発を行っている。Agile と Automation はその名の通りで、Assets は、簡単に言えば再利用可能なモジュール・フレームワーク郡を指す。 今回は、以前作った Next.js + Prisma の RESTfull API が、Next.js で App Router が実装されたり、OpenSSL 1.0 のサポートが終了したり、古くなったので、作り直すことにし
NASAのOSIRIS-RExが小惑星ベンヌのサンプルを地球に持ち帰ってから9ヶ月が経過した。これらのサンプルは太陽系の原始的で手つかずの物質の一部である。科学者たちの手に渡り、その研究によっていくつかの驚きが明らかになりつつある。 サンプル中の一部の物質は、ベンヌに水に関連した過去があったことを示している。 NASAがOSIRIS-RExのサンプリングミッションのためにベンヌを選んだ理由はいくつかある。まず、地球近傍小惑星（NEA）であるため、地球に比較的近い。また、直径約500メートルと大きくなく、安全なサンプリング手順を可能にするほどゆっくりと回転している。 しかし、最も重要な理由はおそらくその組成であろう。炭素質小惑星のサブタイプであるB型小惑星であり、有機分子を含んでいることを意味する。太陽系全体で有機分子を見つけることは、その起源と形成を追跡する一つの方法である。 地球にサンプ
内部リンクを管理する際、どのページとリンクしているかを1ページずつ確認していくのは時間がかかるため、可視化することで管理を効率的に行えます。 この記事では、内部リンクを可視化する重要性や可視化した後に確認することについてご紹介します。また、内部リンクを可視化できるツールを有料と無料に分けてご紹介しているので、ぜひこの記事を参考に導入を検討してみてください。 内部リンクの可視化とは 内部リンクの可視化とは、Webサイトのリンク構造を視覚的に把握するための手法です。通常はページごとに目視での確認が必要ですが、「Show Article Map」などのツールを利用することで、内部リンクの構造を一度で確認できるようになります。 内部リンクを可視化する重要性 内部リンクを適切に設置できるとユーザーにもSEOにもメリットがあるため、内部リンクの可視化は重要です。ここでは、内部リンクの可視化が重要である
visionOSでのパススルーによるMetalのレンダリング - WWDC24 - ビデオ - Apple Developer
Metalの利用体験をvisionOSへと拡張しましょう。レンダリングしたコンテンツを、パススルーを利用してユーザーの物理環境に統合する際のベストプラクティスをご紹介します。レンダリングしたコンテンツを物理世界と一致するように配置する、トラッキング可能なアンカー予測で遅延を抑制するなど、さまざまなことを実現する方法を学べます。 関連する章 0:00 - Introduction 1:49 - Mix rendered content with surroundings 9:20 - Position render content 14:49 - Trackable anchor prediction 19:22 - Wrap-up リソース Forum: Graphics & Games How to start designing assets in Display P3 Improvi
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AWS CDKのコード変更時にリアルタイムで構成図のプレビューを表示する
Catching Compromised Cookies - Slack Engineering
Flow Charts with CSS Anchor Positioning
Why AI wont take your job just yet
Migrating Animations from Godot 4.0 to 4.3
Stratified Design over Layered Design
How we improved push processing on GitHub
Introducing the 3-30-300 rule for better reports - SQLBI
Rydeen, the Galaxy Superhorse｜KK
Agents for Amazon Bedrock にインスタンスの情報を収集させる | iret.media
「西四丁目(愛甲郡愛川町)」バス停の時刻表 | 神奈川中央交通
CH9350Lを使ってArduinoボードにUSBキーボードを接続する
燃料デブリにおける特性の経年変化と環境劣化割れの調査(委託研究); 令和4年度英知を結集した原子力科学技術・人材育成推進事業
北森瓦版 - “Arrow Lake-S”と800 seriesチップセットのブロックダイアグラム
Railsで作ったシステムのER図を日本語で出してほしいと言われたときにやったこと - Qiita
SSHピックアップパターン ギター配線図 | Frontisland CustomGuitarWorks
{listviewer}パッケージでリスト型データを可視化してみよう - Qiita
Next.js14, Prisma5 で作る工数が激減する RESTFull API - Qiita
小惑星のサンプルはかつて湿潤な世界の一部だった | XenoSpectrum
内部リンクを可視化できる有料・無料ツール8選！可視化後の確認事項も解説