Get your ideas out quickly & clearly with Balsamiq — the low-fidelity, high-impact tool loved by product managers, founders, developers, & UX teams everywhere.
Balsamiq. Rapid, effective and fun wireframing software. | Balsamiq
Get your ideas out quickly & clearly with Balsamiq — the low-fidelity, high-impact tool loved by product managers, founders, developers, & UX teams everywhere.
勝手に作成 ストライクウィッチーズ、キャラクター相関図 Unofficial Correlation Diagram
勝手に作成 ストライクウィッチーズ、キャラクター相関図 FLASH / jpg STRIKE WITCHES Unofficial Correlation Diagram FLASH版 11/7更新 jpg画像版 11/7更新 FLASH版URL引数一覧 劇場版ストライクウィッチーズBD&DVD発売中 あとこっそりリニューアル中（もう完全に入らないから拡張･･･いつになるやら… このページはファンが勝手に作成したストライクウィッチーズのストライクウィッチーズ2、コミック他に登場したキャラクター相関図、紹介です。 記載されている情報は過去に読んだ書籍、先人による各種まとめ、ｗｉｋｉ、本家クリエイタ陣の文章、twitter等、wikipedia、より収集し記載しており、間違い、勘違いがある場合がありますのでご注意ください。 このページが移動した、もしくは見失った場合はストライクウィッチーズまと
デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール
システムの構成を社内で共有したり外部に説明したりする際に、システム構成図を作成した経験のあるエンジニアは多いはず。ダイアグラム作成ソフト「Diagrams」を使うと、AnsibleやSubiquityといった「Infrastructure as Code(IaC)」に関連するサービスのように、プログラミング言語のPythonでコードを書くことで、クラウドやオンプレミスの構成図を描くことができます。 Diagrams · Diagram as Code https://diagrams.mingrammer.com/ まずはDiagramsの動作に必要なパッケージをインストールします。今回Diagramsのインストールに利用するのはUbuntu 18.04です。 sudo apt install -y python3 python3-pip graphviz 続いてDiagramsをインスト
Serverless Architectures
Serverless architectures are application designs that incorporate third-party “Backend as a Service” (BaaS) services, and/or that include custom code run in managed, ephemeral containers on a “Functions as a Service” (FaaS) platform. By using these ideas, and related ones like single-page applications, such architectures remove much of the need for a traditional always-on server component. Serverl
Diagram An activity diagram to describe the resolution of HTTP response status codes, given various headers. The diagram is available in various formats: http-headers-status.gif (205 kb) http-headers-status.jpg (340 kb) http-headers-status.png (447 kb) http-headers-status.svg (315 kb) please see request for assistance below The Visio diagram, published on Google Code Request for assistance
nwdiagって何？ ブロック図生成ツール blockdiagシリーズの1つです。きれいな論理ネットワーク図を作成することができます！ 公式サイト(http://blockdiag.com/ja/nwdiag/introduction.html) 特徴 テキストベース 自動レイアウト SVG出力可能 インストール方法 Pythonで動き、Win・Mac・Linuxすべて対応しています。今回はMacでのインストール方法を紹介します。 Windowsの場合は事前にPythonのインストールを行ってください。2系、3系はお好みでどうぞ！ インストール 一行で簡単にインストール完了です。 pip install nwdiag サンプルコードを使って動作を確認します。 まず以下のファイルを作成してください。 sample001.nwdiag nwdiag { network dmz { addres
Draw.io（diagrams.net）で作成したインフラ構成図をコードで管理する、GitHubで編集差分を確認する | DevelopersIO
こんにちは、CX事業本部 IoT事業部の若槻です。 Draw.io（diagrams.net）は、JGraph Ltdにより提供されているオンラインのダイアグラム作成サービスです。無料で利用可能です。 Diagram Software and Flowchart Maker 今回は、Draw.io（diagrams.net）で作成したインフラ構成図をコードで管理し、GitHubで編集差分を見る方法を確認してみました。 やってみた VS Codeプラグインの導入 Draw.ioの構成図のデータは、Draw.io Integrationというプラグインを使えばVisual Studio Codeで編集できます。とても便利なプラグインなので導入します。 Draw.io Integration - Visual Studio Marketplace Draw.ioで構成図を作成する Draw.io
Radrails
MESIN SLOT ONLINE: Situs Judi Slot Online Gacor & Terpercaya 2023 Last updated: Sep 28, 2023 MESIN SLOT ONLINE: Situs Judi Slot Online Gacor & Terpercaya 2023 Sekarang ini banyak situs penyuplai permainan slot yang dapat Anda dapatkan secara gampang di Indonesia. Tetapi penting diingat, tidak seluruhnya situs itu bisa dibuktikan paling dipercaya, dalam beberapa kasus beberapa situs atau bandar jud
よくあるAWSサーバーレス構成のシーケンス図をMarkdown（Mermaid）で描いてみた | DevelopersIO
こんにちは、CX事業本部 IoT事業部の若槻です。 今までシステムのドキュメントなどでUML図を使用したい場合は、別途PlantUMLで書いて画像ファイルを生成し、MarkdownやAsciiDoc内に配置するということをしていました。 しかしこちらの記事の通り、Mermaidを使用すればMarkdown内で直接UML図の定義をコードで記述し、さらにGitHub上ではそのまま描画までしてくれるとのことです。知らなかった…！ GitHubでmermaid記法が使えるようになったのでアーキテクチャーの図を書いてみた | DevelopersIO そこで今回は、下記のようなよくあるAWSサーバーレス構成（API Gateway + Lambda + DynamoDB + α）のシーケンス図をMermaidで描いてみました。 描いてみた Mermaidにおけるシーケンス図の文法はこちらを参考にしま
ある日いきなり関西弁しか喋れなくなった（追記）
中学生のとき、朝起きたら関西弁になっていた。 千葉在住だし、関西には行ったことなかったし、 関西弁はテレビの中でしか知らなかったので物凄いびっくりした。 私は標準語で喋っているつもりなのに、口にすると何故か関西弁になってしまう。 自分でも不気味だった。いわゆるエセ関西弁とかではなく、イントネーションも完璧だった。 もちろん周囲も驚いていて、親や教師にはちゃんと喋れと凄い怒られた。 クラスでも中二病扱いされてほぼ友達はいなくなった。 何かの病気だったのかもしれないが、親は病院に連れて行く気はなく、いつか治るだろうと楽観的だった。私も治ると思っていた。 高校に入ってからは、中学まで関西で暮らしていたという設定を作ったため比較的受け入れられた。 大学に進学するときは、関西の学校に行きたいと親を説得した。 親もしょうがないという感じで、それからずっと関西に暮らしている。 あとは普通に関西弁のまま就
今月私が目を通した記事の中から、他の人にも読んでほしい、見て欲しいと思った記事を簡単に分類して一覧にさせて頂きました。自分で情報を探してくるのが苦手な方はこちらをすべて読めばかなり勉強になるのではないでしょうか。 Web サービス・プログラマー制作者向け より良いPHPerにならないための20Tips さくらのVPS 設定ガイドリンク集 厳選140 ＼(初心者歓迎)／:浜村拓夫の世界 Webサービス用にさくらのVPSサーバーを借りた後で役に立つ記事色々:phpspot開発日誌 mixi Engineers’ Blog » Flash?いいえ、HTML5です: ファイルのドラッグ&ドロップによるフォトアップロード機能について 404 Blog Not Found:これで最低限! – 書評 – 体系的に学ぶ 安全なWebアプリケーションの作り方 PayPal 基礎知識ゼロから始める、個人利用・
バスタブで学ぶシステム・ダイナミクスあるいは数式なしで湯船で学ぶ微分方程式ー数学となら、できること
◯仕掛けのあるバスタブ 少女：わー、ちっちゃいお風呂。禁煙さん、それ何ですか？ ドール・ハウスの？ 禁煙：ああ、これ。ううん、教材。友達に作ってもらったの。 少女：小さい蛇口もついてるんですね。……教材って何の？ 禁煙：小学生に微分方程式を体験してもらう教材なの。 少女：ええっ、微分どころか方程式も習ってないんですよ。 禁煙：むかしシーモア・パパートって人も、数学をさんざん習わないと微分方程式にたどり着けないなんてダメすぎる、小さい子どもこそ味わうべきなんだ、といつも言ってたわ（それでＬＯＧＯってコンピュータ言語を作ったのだけど）。 少女：じゃあ、私にも分かりますか？ 禁煙：試しに遊んでみる？ デジタル表示が三つついているでしょ。 少女：はい。〈入る蛇口〉と〈出る蛇口〉と、あと〈バスタブ〉って書いてあります。 禁煙：〈バスタブ〉の数字は、文字通りバスタブに今入っている水の量を表してるの。〈
Linux Performance
static, benchmarking, tuning: sar, perf-tools, bcc/BPF: bpftrace, BPF book: Images license: creative commons Attribution-ShareAlike 4.0. This page links to various Linux performance material I've created, including the tools maps on the right. These use a large font size to suit slide decks. You can also print them out for your office wall. They show: Linux observability tools, Linux static perfor
ちょっと懐かしめの、それでいて現役で役立つソフトウェアの紹介だ。 オフィスのLAN配線図や、Webサービスのサーバ配置図を作る際にネットワーク図を作ることがある。Microsoft Visioがあれば良いが、高価なソフトウェアだけに全員分は難しい。とは言え、単なる四角などではちょっと雰囲気が出ないので寂しいだろう。 ネットワーク図を簡単に作成する そこで使ってみたいのがNetwork Notepadだ。Windows向けのフリーウェアで、ネットワーク図を作成するのに必要な機能およびアイコンが多数登録されている。 Network Notepadは各種オブジェクトを配置して線で結んだり、水平線を引いたりしてネットワーク図を作成するためのソフトウェアだ。もちろんオブジェクト同士をつないだ線は、オブジェクトの移動に合わせて長さが変わるようになっている。 多数のオブジェクトが存在する IPアドレスを
Twitter aims to deliver you the best of what’s happening in the world right now. This requires a recommendation algorithm to distill the roughly 500 million Tweets posted daily down to a handful of top Tweets that ultimately show up on your device’s For You timeline. This blog is an introduction to how the algorithm selects Tweets for your timeline. Our recommendation system is composed of many in
ボロノイ折り紙 - みたにっき＠はてな
先日、Webで公開している「折り紙研究ノート」で、平織りに関する解説を公開しました。 （この内容は日本折紙学会の研究会でもちょっと紹介したいと検討中。日本図学会の連載記事でも紹介される予定です。） ↑こんな感じで、正方形などの正多角形を規則的に並べることで、ねじり折り要素をタイリングすることができます。 解説の中では、Robert J. Lang氏と Alex Bateman 氏の研究によって、正多角形でないタイルであっても、「縮小と回転」で平坦に折りたたむことができるケースがあることが示されていること、そして、ボロノイタイリングが、その条件を満たすということを紹介しました。 下の図のように、適当に作られたボロノイ図でも、ボロノイ領域を縮小・回転させることで、平坦折りできる展開図になります。不思議。 これまでに、驚くほど見事な平織り作品を数多く創作してきた Eric Gjerde 氏も、ボ
How to Choose Chart Types How to Find the Right Chart Type This graphic is an extract from Andrew Abela's book Advanced Presentations by Design. Please credit the book and author when using this diagram. Done
シーケンス図（Sequence Diagram） シーケンス図とは、クラスやオブジェクト間のやりとりを時間軸に沿って表現する図です。機能ごとに相互作用（Interaction）と呼ばれる下記のようなフレーム内に処理内容を記述します。 記述例 下の図は、在庫管理システムの一機能を表したものです。 【要件定義】 店員は在庫管理画面から在庫一覧を確認できる。 この機能は、「店員オブジェクト」、「管理画面オブジェクト」、「倉庫オブジェクト」、「商品オブジェクト」から構成されている。 メッセージと呼ばれる矢印で各オブジェクト間の応答を表し、縦軸（上から下）を時系列として応答の順序を表現しています。 これにより、ある機能（例では在庫一覧）を実現する各オブジェクトが時間に沿ってどのように相互作用しているかがわかります。 ▲PageTop 構成要素 シーケンス図は次の要素で構成されます。 構成要素一覧
Amazon Web Services(AWS)がIoTアプリケーションの開発者向けにダイアグラム作成用オープンソースライブラリ「Diagram Maker」を公開しました。Diagram Makerを利用することで、開発者が外観や使い勝手などを独自に定義しつつ、簡単にダイアグラムエディタ機能をアプリケーションに実装することができるようになります。 Diagram Maker · A library to display an interactive editor for any graph-like data. https://awslabs.github.io/diagram-maker/ GitHub - awslabs/diagram-maker: A library to display an interactive editor for any graph-like data.
Open-source tool that uses simple textual descriptions to draw beautiful UML diagrams.
🌱 PlantUML at a Glance 🚀 Getting Started PlantUML is a highly versatile tool that facilitates the rapid and straightforward creation of a wide array of diagrams. Utilizing a simple and intuitive language, users can effortlessly draft various types of diagrams. For a detailed exploration of the language's capabilities and syntax, please refer to the PlantUML Language Reference Guide. If you are n
Visual Communication Software To Make Pro Diagrams - OmniGraffle - The Omni Group
You've got some explaining to do Download OmniGraffle for Mac Includes a free 14-day trial Powerful visual communication With the power to diagram, rapid-prototype, and design, OmniGraffle was made for professionals who need to organize or communicate visually—beautifully.
「Software Test ＆ Quality Advent Calendar 2011」の8日目。アドベントカレンダーということで、普段と少しトーンを変えてソフトウェアテストにあまり造詣のない方へ向けて何か役に立つ記事を考えてみました。先の記事でも述べたとおり、ソフトウェアテストの関連技術を表す用語はそれが何に使えて、何に役立つのか、門外漢にはとってもわかり難いので、そちらを軸にした紹介があると便利かもしれないということで、関連技術を目的別に整理し、参考になる記事や資料にリンクする形でお届けします。 テストの戦略を定めたい ソフトウェアテストプロジェクトの最上流工程と考えられているテスト分析の方法論です。プロダクト、プロジェクトに対してそれぞれ独自の方式で戦略を検討します。テスト計画と一部被る部分もありますが、プロジェクトの予算やスケジュールをひとまずおいて技術的な視点から本当に必要な
Graphviz チュートリアル
Graphviz というツールは、 「DOT 言語」という言語で書かれたグラフ表現を GIF や PNG などのファイルフォーマットに変換してくれるシステムです。 本家のホームページは http://www.graphviz.org/ です。 ここでは、Graphviz のインストールと使い方についてまとめてみました。 なお、ここでインストール／使用する Graphviz は version 2.4（2005-08-01 現在）です。 また、インストール先の環境は Cygwin です。 ダウンロードとインストール 簡単なサンプル グラフ全体の属性 ノードの属性 エッジの属性 その他の事項 レコード サブグラフ 無向グラフ 形の一覧 トップへ ↑
Earned media is complicated. Google’s algorithm changed 729 times, just in 2022. Our algorithmic-proof strategies not only help align websites with Google best practices, they ensure optimal visibility across other earned media platforms, like Google Play, the App Store, YouTube, Amazon and Pinterest. We’re experts at making complicated things simple. If you’re not in the top 3 spots for the keywo
draw.io
Front makes you look at things from a different perspectives.
【レビュー】申し分なし! Web版ドローツール『Cacoo』の使い心地 - リアルタイムコラボにもおすすめ! | ネット | マイコミジャーナル
Webサイトのデザイン、社内のネットワーク図、オフィスのレイアウト図、UMLなどドローツールに対する需要は高い。いくつかのローカルアプリケーションが存在するが、もっとも有名な Microsoft Visio は高価であり、利用頻度によってはコストメリットが出ない場合もある。またオープンソース・ソフトウェアやフリーウェアにもいくつか存在するが、オブジェクトが足りなかったり使い勝手の面でいまひとつなものも少なくない。 さらに最近では一人ですべてのドローを作成するのではなく、複数人で図の共有や編集を行なう需要が出てきている。その場合、ローカルアプリケーション型は、コスト的にも共同編集の面でも選択するのは難しい。そこで注目を集めているのがオンラインのドローアプリケーションだ。 今回は『Cacoo』というWebアプリを紹介したい。ヌーラボによる日本語向けのドローアプリケーションだ。 「Cacco」の
Win/Mac/Linuxのクロスプラットフォームに対応したシーケンス図エディタ「daisy sequence」がリリース。
Win/Mac/Linuxのクロスプラットフォームに対応したシーケンス図エディタ「daisy sequence」がリリースされています。詳細は以下から。 daisy sequenceはMichinari Nukazawaさんが開発＆公開したシーケンス図エディタで、Electron製でWindows/Mac/Linuxのクロスプラットフォーム用バイナリが公開されています。 Release "daisy sequence" is (not) UML sequence diagram editor. for win / mac / linux !https://t.co/iVCpQS46m9 pic.twitter.com/tvBDw99vTn — Michinari Nukazawa (@MNukazawa) 2018年3月1日 概要 daisy sequenceは、Win/Mac/Linux
業務効率化のアイデア。経営者を本業に集中させるツール15選 - 経営ハッカー ｜ 「経営 × テクノロジー」の最先端を切り拓くメディア
「業務を効率化して、本業に集中したい！」 フリーランス、もしくは少人数で会社を経営していると、面倒な業務でも経営者が行わなければならない状況がでてきます。 この問題を解決するため、今回、経営ハッカーでは、業務を効率化するツールを厳選しました。 今回の記事は、フリーランスのWEBマーケターとして活躍する方のインタビューを元に作成致しました。 確定申告はfreee 会計・税務を効率化 「misoca」で簡単に請求書管理 仕事をする上で必ず作成しなければならない請求書。 misocaならクラウドで簡単に管理できるので使っています。7000社を突破しています。 無料の見積・請求書管理サービス misoca（みそか） 会計ソフト「freee（フリー）」で会計業務を自動化 会計を自動化できる会計ソフト。 なるべくクレジットカードを使って、税務の簡略化を目指しています。10000事業所を突破しています。
Infinite whiteboard to visualize everything 1000+ Templates to get started fast Easy sharing and collaboration Data security with regional data storage Many exporting options including PDF & SVG
Web サイトをどうつくっていくのか。 ワークフローの最適化って難しいし、会社の個性が強く現れるところだと思うんだよね。 今日は深入りはしないで、見せ方の気に入ったワークフローを並べてみることにしました。 コンサルティング中心の会社も入ってますが。 キノトロープ 初期コンタクト 成功予測 戦略策定 戦術策定 制作・公開 更新・運用 効果測定 全体的に若い会社の多いこの業界の中では老舗（1993年創立）。 かっちりしていてある意味でお手本的。ワークフローの本も出してるしね、確か。 イージェーワークス 戦略 構築 運用 ISP系の会社だそうです。図がみやすい！プロモーションの設計〜実行を "明示的に"（他社も当然やってはいるけど）フローに入れてるところが特徴かな。 ビービット サイト戦略策定 サイト設計 デザイン / 制作 効果検証 ユーザビリティに強いことで有名な会社。ちなみに上の図は1.戦
Dynamic Draw
Thought Tickler Thought Ticklerは、思考プロセスレコーダーです。 一種のアイディアプロセッサーですが、思考過程を記録するという特別な機能があります。 Thought Tickler は、全てのユーザー操作を記録することによってユーザーの思考過程を記録することができます。 お知らせ 2023/8/27 Dynamic Draw Web を更新しました。 日本語をサポートしました。 2023/7/2 Dynamic Draw/Thought Tickler 6.4.2をリリースしました。 ペーストのバグ、SVG出力のバグを修正しました。 2023/6/11 Dynamic Draw/Thought Tickler 6.4.1をリリースしました。 画像のエクスポート時にDPIが指定できるようになりました。 2023/3/9 Dynamic Draw Portable
Understanding how Facebook disappeared from the Internet
Understanding how Facebook disappeared from the Internet10/04/2021 This post is also available in 简体中文, 繁體中文, 日本語, 한국어, Deutsch, Français, Español, Português, Pусский, and Italiano. The Internet - A Network of Networks“Facebook can't be down, can it?”, we thought, for a second. Today at 15:51 UTC, we opened an internal incident entitled "Facebook DNS lookup returning SERVFAIL" because we were worr
thinkpython.dvi
Think Python B 2 Think Python: How to Think Like a Computer Scientist 2nd Edition Allen B. Downey Copyright c �2018 ThinkPython: by is licensed under a Creative Commons 3.0 License 3 11 1 15 1.1 . . . . . . . . . . . . . . . . . . . . . . . . . . 15 1.2 Python . . . . . . . . . . . . . . . . . . . . . . . . . . . 16 1.3 . . . . . . . . . . . . . . . . . . . . . . . . . . 17 1.4 . . . . . . . . . .
EngineeringOpen SourceInclude diagrams in your Markdown files with MermaidA picture tells a thousand words. Now you can quickly create and edit diagrams in markdown using words with Mermaid support in your Markdown files. A picture tells a thousand words, but up until now the only way to include pictures and diagrams in your Markdown files on GitHub has been to embed an image. We added support for
This should be a diagram! If you don't see it you need Javascript enabled Intro A simple javascript library to turn text into vector UML sequence diagrams. Heavily inspired by websequencediagrams.com, who offer a serverside solution. We use Jison to parse the text, and Snap.svg to draw the image. Examples
なぜコンパスと定規だけで精密な作図が可能に？ 職人さんに伝わる伝統的な“紋”の作図法を現代の数学でひもとく #デザインあ おとなスペシャル2020
NHK デザインあneo @nhk_ah_neo デザインあ おとなスペシャル2020 日本の伝統的なもんは、コンパスと定規だけで描いていることを、ご存じですか？ おとなSPでは、職人さんに伝わる作図法を、現代の数学でひもといてみます。語りはもちろん、渡辺篤史さん。解説は、数学講師のヨビノリたくみさんです！ 1月2日(木) 夜10:15 Eテレ pic.twitter.com/aKgrVgF7vj 2019-12-29 17:00:57
AWSの構成図をChatGPT(GPT-4V)に読み込ませてIaCコードを生成してみた | DevelopersIO
こんにちは、つくぼし(tsukuboshi0755)です！ 最近ChatGPTがGPT-4Vを発表し、AI業界がさらに盛り上がりを見せてますね。 GPT-4Vを用いる事で、ChatGPTがユーザ側から入力された画像を読み取った上で、応答を返してくれるようになります。 GPT-4V(ision) system card この機能追加により、なんと以下のようにAWSの構成図を読み取って、IaCコードを生成できる事が話題になっていました。 本日をもって引退します pic.twitter.com/fygAQDQ5kj — 電気ひつじ(onoteru) (@teru0x1) October 13, 2023 これを見て私もGPT-4Vを試してみたくなったので、今回はChatGPTを使って、様々なAWSの構成図を入力し、どこまで正確にIaCコードを生成できるか確認してみます！ GPT-4Vを利用する際
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
シンプルな無料フローチャート作成ツール『Diagram Designer』 | ライフハッカー・ジャパン
Pythonでコードを書いてAWSやKubernetesのシステム構成図を出力できる「Diagrams」
HTTP/1.1 (DELETE, GET, HEAD, PUT, POST) : Alan Dean
d3.js - Data-Driven Documents
テキストでネットワーク図を作ろう！nwdiag | DevelopersIO
2011年3月のこれだけ読めば分かる Web 制作者向け情報まとめ | ウェブル
MOONGIFT: » ネットワーク図を簡単に描ける「Network Notepad」:オープンソースを毎日紹介
Twitter's Recommendation Algorithm
Flickr Photo Download: How to Choose Chart Types
シーケンス図(Sequence Diagram) - UML入門 - IT専科
AWSがダイアグラムエディタの開発に便利なライブラリ「Diagram Maker」を公開
逆引きソフトウェアテスト関連技術まとめ - >& STDOUT
the 12-step landing page rehab program
http://www.makelinux.net/kernel_map/
Creately | Visual Collaboration & Diagramming Platform
Web 制作会社ワークフローあれこれ12選 - カタコト日記
Include diagrams in your Markdown files with Mermaid
js-sequence-diagrams by bramp