Drawio

draw.io を使ってみたよ draw.ioとは？ draw.ioは高性能な作画ツールです。 G Suite Markerplaceの説明文をお借りすると以下のように説明しています。 draw.io is completely free online diagram editor built around Google Drive(TM), that enables you to create flowcharts, UML, entity relation, network diagrams, mockups and more. draw.ioはGoogle Driveを利用した完全フリー…

成果目標 低レイヤーエンジニアとして、屈強な地盤を発揮する状態 そのために、セキュリティ/低レイヤーを極めて目の前のプロジェクトに貢献したい : CTF大会で優勝すること ⭐︎⭐︎⭐︎⭐︎⭐︎⭐︎⭐︎⭐︎⭐︎⭐︎⭐︎⭐︎⭐︎⭐︎ : インフラエンジニアとしてプロジェクトをリードした状態 ⭐︎ : SREエンジニアとして1年以上働くこと : セキュリティエンジニアとしての役割の一角を担うこと ⭐︎⭐︎⭐︎⭐︎⭐︎ : セキュリティの攻撃手法が一通り網羅された状態 心理士として、ブランドを確立した状態 そのために、エンジニア心理学を広めて世のプロジェクトという点で貢献したい : 特定のプラットフォ…

MermaidやPlantUMLの限界を感じていたので、Draw.ioを使いたい。 Draw.io Integrationというプラグインを使うことでVS Codeで編集できるようになる。 git上で画像を表示しつつdrawioで編集可能とするには、ベクターファイルにする必要があるが、 svgでも良いがgitクライアントのバージョンによって表示対応していない可能性もあるので、pngの方が無難。 Ctrl + Shift +Pで、Draw.io: New Draw.io Diagramを選択して、新規作成を行う。 XXXX.drawioという名前で作成する。 編集したあとは、XXXX.drawi…

あけましておめでとうございます 🎍今年もよろしくお願いいたします！ 🛠Tech 振り返りサポートツールの個人開発 はじめよう！要件定義を実践 Next.js Supabase 🏠Private スノーボード初滑り 舞子スノーリゾートいつものオリオンツアーのバスプラン yoyaku.orion-tour.co.jp 🔁Keep ランニング 大体10km前後 🙅Problem 個人開発メインで本を読めなかった 💪Try 個人開発サービスを開発しきる 合間で本も読み進めたい 🌏Conclusion 今年の年末年始は秋ごろから構想していた振り返りサポートサービスの個人開発に着手し始めました。 その中で…

これはABEJAアドベントカレンダー2024の13日目の記事です。 こんにちは、ABEJA Platform に搭載しているアプリケーション、「ABEJA Insight for Retail」の開発と運用を担当しているチームのリーダーを務めている森永です。 突然ですが、 みなさんのチームではどんなリモートワークの工夫をしていますか？？ ABEJA 内のエンジニアリングに関わるチームでは、フルリモートでの働き方を取り入れており、弊チームでも関東圏外から参画しているメンバーが複数在籍しています。 最近はリモートワーク下でのマネジメントの難しさや会社資産の有効活用を謳い、各社ともに RTO の動き…

今回は、フリーで利用可能な描画ツールとして有名なDraw.io上でMermaid.jsを利用する方法を紹介する。Draw.io自体はWebアプリとしてブラウザでも利用可能だが、特にVSCodeでの拡張機能で利用する場合について詳しく紹介する。 VSCodeのDraw.io拡張機能について オンラインまたはデスクトップアプリで利用可能な作図ツールであるDraw.io。VSCodeの拡張機能としても提供されており、VSCode内で簡単に利用できる。 もちろん、PowerPointやvisio、お金をかけるならAdobe Illustrator、お金をかけないのであればInkscapeでベクター形式…

今回はGitLab 17.4で紹介されたWeb IDE Extension marketplaceの有効化と利用方法を紹介します。 docs.gitlab.com 背景 GitLab Web IDEはGitLab UIから選択できるファイル編集方法の一つで、Visual Studio Code画面を別ウィンドウに表示し、ファイルの修正や削除、GitLabへのコミットを実行できる機能です。これまでGitLab Web IDEはVisual Studio Codeでお馴染みのExtension機能が利用できませんでしたが、本記事投稿時点では現在はベータ版として利用できます。 なおExtension…

関連記事 概要 参考情報 関連記事 GitHub - devlights/blog-summary: ブログ「いろいろ備忘録日記」のまとめ 概要 以下、自分用のメモです。忘れない内にメモメモ。。。 ダイアグラムを描くのにとても便利な draw.io さん。いつもお世話になっております。 www.drawio.com 知らなかったですが、公式からOffice製品向けのアドインがリリースされているのですね。 www.drawio.com インストール後に「挿入」メニューに draw.io さんのサブメニューが表示されます。 資料に貼り付けるために、いちいち画像にする手間が省けるので結構便利です。 …

AWS Batch の理解があやふやな状態のまま使っていたので、学習し直すために AWS Batch Deep Dive（以下のWorkshop）を一通りCDKで実装してみました。 ECS on EC2 における AWS Batch について、様々なパターンのジョブを学習可能であり、コンテンツとして非常に有益でした。 catalog.workshops.aws なお AWS Batch は L2 Construct も存在しています。v2.74.0 からであり比較的新しいです。 docs.aws.amazon.com

技術評論社から『Visual Studio Code実践ガイド』を出版してから、早4年が経ちました。 74th.hateblo.jp この書籍を改訂し『改訂新版 Visual Studio Code実践ガイド』として出版します。2024年1月25日発売です。 この改訂までの間に、Visual Studio Code（以下VS Code）の基本は大きくは変わりませんでしたが、いくつもの変更点があります。 VS Codeが4年で進化したと思うポイント VS Codeを初期から利用してきたユーザとして、大きく変わったと思ったのは以下の点です。 この4年でWebView機能が強化されました。今までは「…