はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマークって?
  • アプリ・拡張の紹介
  • ユーザー登録
  • ログイン
  • Hatena

はてなブックマーク

トップへ戻る

  • 総合
    • 人気
    • 新着
    • IT
    • 最新ガジェット
    • 自然科学
    • 経済・金融
    • おもしろ
    • マンガ
    • ゲーム
    • はてなブログ(総合)
  • 一般
    • 人気
    • 新着
    • 社会ニュース
    • 地域
    • 国際
    • 天気
    • グルメ
    • 映画・音楽
    • スポーツ
    • はてな匿名ダイアリー
    • はてなブログ(一般)
  • 世の中
    • 人気
    • 新着
    • 新型コロナウイルス
    • 働き方
    • 生き方
    • 地域
    • 医療・ヘルス
    • 教育
    • はてな匿名ダイアリー
    • はてなブログ(世の中)
  • 政治と経済
    • 人気
    • 新着
    • 政治
    • 経済・金融
    • 企業
    • 仕事・就職
    • マーケット
    • 国際
    • はてなブログ(政治と経済)
  • 暮らし
    • 人気
    • 新着
    • カルチャー・ライフスタイル
    • ファッション
    • 運動・エクササイズ
    • 結婚・子育て
    • 住まい
    • グルメ
    • 相続
    • はてなブログ(暮らし)
    • 掃除・整理整頓
    • 雑貨
    • 買ってよかったもの
    • 旅行
    • アウトドア
    • 趣味
  • 学び
    • 人気
    • 新着
    • 人文科学
    • 社会科学
    • 自然科学
    • 語学
    • ビジネス・経営学
    • デザイン
    • 法律
    • 本・書評
    • 将棋・囲碁
    • はてなブログ(学び)
  • テクノロジー
    • 人気
    • 新着
    • IT
    • セキュリティ技術
    • はてなブログ(テクノロジー)
    • AI・機械学習
    • プログラミング
    • エンジニア
  • おもしろ
    • 人気
    • 新着
    • まとめ
    • ネタ
    • おもしろ
    • これはすごい
    • かわいい
    • 雑学
    • 癒やし
    • はてなブログ(おもしろ)
  • エンタメ
    • 人気
    • 新着
    • スポーツ
    • 映画
    • 音楽
    • アイドル
    • 芸能
    • お笑い
    • サッカー
    • 話題の動画
    • はてなブログ(エンタメ)
  • アニメとゲーム
    • 人気
    • 新着
    • マンガ
    • Webマンガ
    • ゲーム
    • 任天堂
    • PlayStation
    • アニメ
    • バーチャルYouTuber
    • オタクカルチャー
    • はてなブログ(アニメとゲーム)
    • はてなブログ(ゲーム)
  • おすすめ

    プライムデーセール

『qiita.com』

  • 人気
  • 新着
  • すべて
  • MermaidでAWS構成図を作成するテクニック - Qiita

    247 users

    qiita.com

    はじめに テキストからダイアグラムを生成できるMermaidを使ってAWS構成図を作成する際のテクニックを、いくつかピックアップしてご紹介します。 Mermaidを使えば、構成図内のテキスト検索はもちろん、アイコンを使って見やすく表現したり、アイコンをクリックしてマネジメントコンソールなどに遷移させたりすることもできるため、実用性の高い構成図が作成できます。 本記事が、Mermaidを活用したAWS構成図の作成に少しでもお役に立てば幸いです。 AWS構成図の使用例 Mermaidで作成したAWS構成図の使用例を紹介します。 例えばQiitaでも以下のように表示できます。(リンクはサンプルです) mermaid記法 --- title: 000000000000-xxxxxxxx環境 config: theme: neutral flowchart: nodeSpacing: 10 rank

    • テクノロジー
    • 2025/06/30 08:04
    • aws
    • あとで読む
    • mermaid
    • API
    • visualization
    • テクニック
    • 設計
    • qiita
    • design
    • Markdown
    • エンジニアにも知って欲しいChatGPT基本テクニック - Qiita

      1314 users

      qiita.com/b-mente

      Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

      • テクノロジー
      • 2024/07/01 17:21
      • ChatGPT
      • あとで読む
      • AI
      • エンジニア
      • プロンプト
      • テクニック
      • LLM
      • 技術
      • Qiita
      • GPT
      • ChatGPTを使って既存の図をMermaid化してみる - Qiita

        3 users

        qiita.com/b-mente

        はじめに この記事は Metaps Advent Calendar 2023 の13日目の記事です。 先日のOpenAI DevDayでGPT4の機能を切り替えることなく使用できるAll Toolsや、オリジナルのGPTが作成できるGPTsが導入されるなど、ChatGPTの大幅なアップデートが発表されました。 特にAll Toolsで GPT-4V + Code Interpreter(Advanced Data Analysis)で画像やPDFを使用した柔軟な入力やコード的な指示ができるようになったので、既存の図を読み込ませてMermaid記法で出力させてみました。 資料上の図をMermaid記法で記述したい場合や、編集したいのに元データがない場合などにも使用できると思いますので、参考になりそうな部分をかいつまんで紹介します。

        • テクノロジー
        • 2024/02/13 11:54
        • 【Qiitaでも使える】テキストから図が生成できるMermaidについてのザックリ解説 - Qiita

          10 users

          qiita.com/b-mente

          はじめに 以前から情報共有に使用しているesa.ioでPlantUMLを使用したUMLをちまちま書いていましたが、去年Zenn1やNotion2、今年に入ってからGithub3やQiita4など続々とMermaidに対応しはじめ、esa.ioでも実はひっそりMermaidに対応5していた事が判明し、PlantUMLからMermaidに完全移行することにしました。 ここではMermaidに完全移行する際に説明した内容や、Mermaidでどのような事ができるのかを初心者向けにザックリ解説していきます。 また、項目が多くなってきたので使用事例については下記に移動しました。 Mermaidとは MermaidはAdobe製品のようにマウスを使って図を描くリッチなペイントツールやドローツールの一種...ではありません。Mermaid用の記法で記載したテキストから図を生成してくれるツールです。 Mer

          • テクノロジー
          • 2022/11/12 17:42
          • mermaid
          • UML
          • qiita
          • GitHub
          • あとで読む
          • テキストから図が生成できるMermaidでAWS構成図をつくる - Qiita

            179 users

            qiita.com/b-mente

            はじめに テキストからダイアグラムの図が生成できるMermaidでAWS構成図をつくる方法を紹介します。 また、MermaidはGithubやQiitaなどのWebサービスやVSCodeやIntelliJなどのツール、コマンドやWebシステムでも使用できますので、良ければ下記の記事もご確認ください。 Mermaidのことはなんとなくわかったけど、AWSの構成図や配置図が描けないか考えていた人にも参考になれば幸いです。 AWSの構成図をつくる ・どんな感じの図ができるのか AWSの構成図を描くときにはAWS公式から提供されている[AWS Architecture Icons]というAWSのダイアグラムを書く際のアイコンセットを利用する機会が多いと思いますが、Mermaidでは残念ながらまだ使用できません。 そこで、アイコンの使用は諦めてAWSに関するグループやサービスについて、それっぽく見え

            • テクノロジー
            • 2022/07/07 02:05
            • Mermaid
            • aws
            • あとで読む
            • Qiita
            • ドキュメント
            • サーバ
            • server
            • architecture
            • 知っておくと便利なCloudWatchメトリクスの機能と活用事例 - Qiita

              51 users

              qiita.com/b-mente

              それ以外にもオプションタブでは表示スケールを変更できたりユニットを変更できたりと様々なカスタマイズができますので、見やすいグラフを作りたい場合は活用してみてください。 ちなみに、活用する機会は少ないかもしれませんが、表示するグラフの種類(ウィジットタイプ)を変更する事ができ、線以外のグラフの場合は時間別の推移ではなく、指定した期間の合計や平均などの数値をグラフとして表示するために使用します。 ・メトリクスのグラフを共有できる 今見ているメトリクスのグラフを後から見直したり他の人に見せたい、せっかく時間をかけてカスタマイズしたグラフを共有したい、と思う場合も多いと思いますが、そういう場合は共有用のURLを利用するとグラフを表示することができます。 共有用のURLはアクションの共有から取得することができ、取得したURLをブラウザで開くと元のグラフがそのまま表示されます。また、グラフをカスタマイ

              • テクノロジー
              • 2022/06/20 00:06
              • aws
              • qiita
              • あとで読む
              • 監視
              • 検索
              • 便利
              • Amazon
              • Linux初心者がコマンドを使うときに知っておくと少し幸せになること - Qiita

                7 users

                qiita.com/b-mente

                はじめに 最近周りでLinuxのBashを触る人が増え、意外と知られていないコマンドの使い方や、おしい所で詰まっているコマンドの記述を目にするようになってきたので、その中でもコマンド共通して参考になりそうなモノをピックアップして紹介します。 また、それぞれの詳細な説明は記事が沢山出ているので、ここでは紹介する程度に留めておきます。 LinuxでBashを触り始めて、なんとなくコマンドやパイプが使えるようになってきた人に、一歩踏み込んだ使い方として参考になれば幸いです。 なお、[Linuxで先頭行や末尾行へ文字列を追加・削除・抽出するいろんな方法]にsedコマンドやawkコマンド、catコマンドなどの応用方法を記載したので、興味のある方はそちらを参照してください。 ・ショートカットが便利 Tabでの補完や、Ctrl+Cで実行したコマンドを中断する、↑↓で実行したコマンドの履歴を表示する以外に

                • テクノロジー
                • 2020/12/09 17:29

                このページはまだ
                ブックマークされていません

                このページを最初にブックマークしてみませんか?

                『qiita.com』の新着エントリーを見る

                キーボードショートカット一覧

                j次のブックマーク

                k前のブックマーク

                lあとで読む

                eコメント一覧を開く

                oページを開く

                はてなブックマーク

                • 総合
                • 一般
                • 世の中
                • 政治と経済
                • 暮らし
                • 学び
                • テクノロジー
                • エンタメ
                • アニメとゲーム
                • おもしろ
                • アプリ・拡張機能
                • 開発ブログ
                • ヘルプ
                • お問い合わせ
                • ガイドライン
                • 利用規約
                • プライバシーポリシー
                • 利用者情報の外部送信について
                • ガイドライン
                • 利用規約
                • プライバシーポリシー
                • 利用者情報の外部送信について

                公式Twitter

                • 公式アカウント
                • ホットエントリー

                はてなのサービス

                • はてなブログ
                • はてなブログPro
                • 人力検索はてな
                • はてなブログ タグ
                • はてなニュース
                • ソレドコ
                • App Storeからダウンロード
                • Google Playで手に入れよう
                Copyright © 2005-2025 Hatena. All Rights Reserved.
                設定を変更しましたx