AWS CDKのコード変更時にリアルタイムで構成図のプレビューを表示する

2024/06/22 73 users プレビュー AWS CDK リアルタイム tl;dr 状態

TL;DR プレビュー対象はcdk synthで出力されたCloudFormationのテンプレートファイル 構成図はVSCode拡張機能aws toolkitのApplication Composerでプレビュー表示(変更検知機能利用) nodemonを用いて、プレビューを開いた状態でtsファイル保存時にcdk synthを実行することで再表示させる nodemon -e ts --ignore cdk.out... 続きを読む

draw.ioを使ってAWSの構成図を作成するコツ - Qiita

2024/03/18 206 users Qiita region VPC 備忘 AWS

案件でAWSの構成図を作成する機会があったので備忘兼ねて投稿します。 ※約5分で読めます 1. グループの内側から作成していく AWSの基本的なグループ構成はこんな感じ 添付の場合、個人的には Public subnet or Private subnet > Availability Aone > VPC > Region > AWS Cloudの順番で作成することをオススメします。理... 続きを読む

ぼくのかんがえたさいきょうのDevOps実現構成

2024/03/04 98 users ボク Qiita AWS インフラ テクノロジー分野

はじめに 昨年、AWS のインフラを運用・監視する上で使いやすいと思ったサービスを組み合わせて構成図を紹介した記事、「【AWS】ぼくのかんがえたさいきょうの運用・監視構成」が投稿したその日の Qiita のトレンド 1 位になり、はてなブックマークのテクノロジー分野でトップを飾りました。（たくさんの方に見ていただ... 続きを読む

構成図を描く際に気をつけていること - NRIネットコムBlog

2023/10/23 386 users NRIネットコムBlog 越川 議論 内部 メンバー

こんにちは、越川です。 皆さんは構成図を描く機会ありますか？ 僕の場合、内部のメンバーやお客様との議論の場で、構成図を描いて図解ベースで説明することが多いです。実際に描いてみると色々と考慮すべき点が多く、今回は自分なりに普段意識している点を言語化してみようと思います。 なぜ構成図を描くのか 構成図を... 続きを読む

AWSの構成図をChatGPT(GPT-4V)に読み込ませてIaCコードを生成してみた | DevelopersIO

2023/10/15 118 users DevelopersIO chatgpt ぼし AWS 応答

こんにちは、つくぼし(tsukuboshi0755)です！ 最近ChatGPTがGPT-4Vを発表し、AI業界がさらに盛り上がりを見せてますね。 GPT-4Vを用いる事で、ChatGPTがユーザ側から入力された画像を読み取った上で、応答を返してくれるようになります。 GPT-4V(ision) system card この機能追加により、なんと以下のようにAWSの構成図... 続きを読む

【AWS】ぼくのかんがえたさいきょうの運用・監視構成 - Qiita

2023/02/22 450 users インフラ 監視 Qiita 構成 類似サービス

はじめに AWSのインフラを運用・監視する上で使いやすいと思ったサービスを組み合わせて構成図を作成しました。それぞれのサービスの簡単な説明と類似サービスの紹介、また構成の詳細について説明していきます。 (開発で使用するようなサービスも紹介しますが、あくまでも運用・監視だけの構成です。) 各個人・企業によ... 続きを読む

大事だけど AWS 構成図では省略してしまうことが多いサービスについて - サーバーワークスエンジニアブログ

2023/02/16 445 users AWS サーバーワークスエンジニアブログ ENI リージョン

コーヒーが好きな木谷映見です。 今回は小ネタです。AWS 構成図を書く際、省略してしまうことが多いサービスについて思いを馳せました。 よくある？構成図 リージョン アベイラビリティゾーン ルートテーブル AWS IAM インスタンスプロファイル Amazon EBS Elastic IP Elastic network interface（ENI） セキュリティグ... 続きを読む

UMLとかAWS構成図とかを描くツール

2022/05/03 360 users UML PowerP パワポ イロイロ AWS構成図

UMLとか構成図とかの図を描くの何のツールを使えばいいか迷いませんか？私は迷います。 ですので、最近使っているツールを紹介します。 世の中にツールがイロイロあるのは理解した上で、大量に紹介するとやっぱり迷うので、似たようなツールや個人的に使わないツールはバッサリ省いています。 パワポで描く まずはPowerP... 続きを読む

『火の鳥を時系列順に読んで立ち直れなくなろう』ファンも未読勢も通しで読んでみたくなる構成図「こうなってたのか」

2021/10/12 1007 users ツイート 一部 時系列順 ファン

（ネタバレになるツイートは入れてません）初見勢や一部だけ読んだことある人も読みたくなる、わかりやすい構成図。全部読んだと思ったけど違った…！と気づいた人もいました。 続きを読む

システム構成図をテキストで

2020/11/28 517 users テキスト システム構成図 SVG 精度 コンセプト

システム構成図をテキストで drawthe.netとは cidrblock/drawthe.netは複雑なネットワーク図も「テキストで書いてブラウザ上でSVGレンダリングできるようにしよう」というコンセプトのもと開発されたツールです。下図のように複雑な構成図も精度高く描くことができます。 拡大してみると情報量が多いこと、またいかに整... 続きを読む

自宅とAWSをVPN接続してみた ｜ DevelopersIO

2019/05/03 78 users VPN DevelopersIO AWS オンプレミス 業務上

しばたです。 個人的な興味半分、業務上の理由半分でオンプレミスとAWSをDirect ConnectまたはVPNで接続した環境でのAcitve Directory関連の動作検証をしたくなり、Direct Connectを個人で試すのは難しいため、自宅をオンプレ環境に見立てVPNでAWSと接続し検証環境を作ることにしました。 構成図 構成図はこんな感じです... 続きを読む

AWS構成図をCacooに自動で挿入する機能をリリースしました | Cacoo（カクー） ブログ

2018/10/17 225 users ステンシル AWS カクー 朗報 アイコン

CacooでAWS構成図を作成されてるみなさまに朗報です！この度、AWSの構成図を自動でCacooの編集の図に挿入する機能を新たにリリースしました。 この機能はAWSのアイコンを自動で配置するので、よりAWS構成図を簡単に、より素早く書くことが出来ます。 解決できる課題 一からステンシルをCacooに置く必要がなくなります 今... 続きを読む

AWSのシステム構成情報を集めて構成図を自動生成してくれる「CloudMapper」、オープンソースで公開 － Publickey

2018/02/22 572 users Publickey アベイラビリティゾーン アーキテクチャ

AWSのシステム構成情報を集めて構成図を自動生成してくれる「CloudMapper」、オープンソースで公開 CloudMapperを用いることで、AWS上のシステムについて以下のような状況をすぐに把握することができると説明されています。 どのリソースがインターネットに公開されているか？ どのリソース同士がつながっているのか？ アベイラビリティゾーンが落ちたときでも十分堅牢なアーキテクチャか？ この... 続きを読む

AWSの構成図をいい感じに出力してくる「Cloudcraft」を使ってみた - LIVESENSE made*

2017/06/05 143 users Cloudcraft コンポーネント AWS インフラ 運用

2017 - 06 - 05 AWSの構成図をいい感じに出力してくる「Cloudcraft」を使ってみた AWS インフラ 運用 ネットワーク 背景 Cloudcraft 概要 料金プラン Cloudcraftを使ってみた 初回作成 最終的に出来上がった構成図 良かった点 Live Sync機能 関係する各コンポーネント間を自動でリンク フィルタ機能 コンポーネントの自動更新 構成図を作成するだけ... 続きを読む

[AWS]構成図からAWS環境を自動構築するツール「VisualOps」を触ってみた - Qiita

2016/04/03 119 users Qiita AWS クラウド テンション AWS環境

こんにちは。 今回は、 「VisualOps」 という、書いた構成図から自動で構築してくれるツールを触ってみようと思います！ これぞクラウド！という感じがして、とてもテンションが上がるツールです。 昔は「Madeiracloud」という名前だったようです。 1.概要 さくっと概要ですが、VisualOpsでは、こんなことができます！！！ 構成図描いて... ローンチすると... AWS環境が自動で... 続きを読む

AWSの構成図を公式のアーキテクチャ図っぽくかける「Cloudcraft」を触ってみた ｜ Developers.IO

2015/12/09 173 users リファレンスアーキテクチャ アーキテクチャ アマゾン AWS

急に寒くなってきてmk5（マジで風邪引く5秒前）な森永です。 なんだかテンションの上がるツールが有りましたのでご紹介します。 公式リファレンスアーキテクチャ AWSでよくある構成を公式のリファレンスアーキテクチャとして公開されています。 AWS アーキテクチャーセンター | アマゾン ウェブ サービス（AWS 日本語） 今回注目したいのはアーキテクチャの内容ではなく、このカッコイイ図のほうです！ ... 続きを読む

VisualOpsを使って構成図からAWS環境を構築する ｜ Developers.IO

2015/07/19 114 users VPC CloudFormation jsonファイル 構築

はじめに オペレーション部の高橋です。 面白そうなツールを見つけたので紹介します。 構成図を作成するとAWS環境が構築できる「VisualOps」というツールです。 何ができるか ・構成図を描いてAWS環境に構築 ・CloudFormationのjsonファイルもimportしてVisualOps上で構築 ・VPCをimportしてVisualOps上で構築 ・作成した構成をjsonファイル、Cl... 続きを読む

構成図を描いたらAWS上に環境をローンチしてくれるMadeira Cloudを試してみた - Cloud系Architectの日々是好日

2013/12/21 331 users Cacoo AWS上 日々是好日 AWS 環境

2013-12-21 構成図を描いたらAWS上に環境をローンチしてくれるMadeira Cloudを試してみた AWS 11月のJAWS-UG大阪で「Cacooで構成図描いたら、自動でAWS上に環境をローンチしてくれるといいよね〜」って話をしていた覚えがあります。すみません、ありましたw Visual Cloud Management for AWS | MadeiraCloud ｷﾀ━(ﾟ∀ﾟ)... 続きを読む

コードや構成図で使う、例示のための仮名たち（メタ構文変数など）まとめ ｜ Developers.IO

2013/08/08 62 users 例示 権兵衛 メタ構文変数 仮名 Developers.IO

コードや構成図で使う、例示のための仮名たち（メタ構文変数など）まとめ NEW: 2013年08月08日 都元です。お役所で申請書等を書く時、その申請書の記入例に「日本 太郎」等の架空の名前があると思います。 このような名前は、実在の人物名ではなく仮名、しかも多くの人が「これは実際の名前ではなく、例示のための名前である」ということを理解している仮名を使うのが通例です。日本では古くから「名無しの権兵衛... 続きを読む

ワイヤーフレーム作成時に役立つツールや素材、参考になるショーケース | NxWorld

2013/08/06 165 users ワイヤーフレーム NxWorld コーディング レイアウト

ワイヤーフレームとは、簡単に説明するとコンテンツやレイアウトなどを示した設計図や構成図のことを言い、これをしっかり作っておくことでデザインやコーディングといったその後の作業をスムーズに進めることができます。単にワイヤーフレームと言っても「ツールやソフトを使用する」「基本的に全て手書きで行う」など人によって作り方は違うと思いますが、個人的にワイヤーフレーム作成時に便利だなと感じたツールや素材を紹介し... 続きを読む

WEBサイトの構成図、モックアップを作成できるサービス - NAVER まとめ

2011/11/24 92 users モックアップ シャッフル NAVER Web制作 Webサイト

Webデザイン(140)Webサービス(749)Web制作(27) シャッフル WEBサイトの構成図、モックアップを作成できるサービス 続きを読む

企画書やプレゼン資料のチャート図が簡単キレイに作れるWEBアプリ「Cacoo」 : ライフハッカー［日本版］, 仕事も生活も上手くこなすライフハック情報満載のブログ・メディア

2010/01/12 482 users Cacoo ライフハッカー プレゼン資料 チャート図 掲載日時

Webツール , その他 , デザイン , フリーソフト , 仕事術 企画書やプレゼン資料のチャート図が簡単キレイに作れるWEBアプリ「Cacoo」 掲載日時：2010.01.12 14:00   コメント [0] , トラックバック [0] 企画書やプレゼン資料を作っていると、チャート図や構成図やネットワーク図など、図解しなければいけないことも多いですよね。でも、分かりやすくて見やすい図を描くの... 続きを読む

WEBサイトの構成図を作成できるオンライン ソフト「SlickPlan」HTML、PDFで共有可能 - WEBマーケティング ブログ

2009/09/23 501 users 購買意欲 org net オプション マインドマップ作成

WEB サイトの構成図 を作成するソフトとして使えるのはマインドマップ作成ソフトですが、多機能なだけに重かったり、サイトマップを作成するのにオプションの設定が必要だったりと、あまり手軽ではないと思います。そんなサイト 構成図 をサクッと作って提示、共有したい時に便利なオンライン ソフトをご紹介します。ドメイン価格破壊。今なら.com .net .org が920円オーバーチュアで購買意欲の高い携帯... 続きを読む