18
19

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Qiita(とかブログとか)にPlantUMLで書いたUML図を貼れるようにChrome拡張機能を作った

Last updated at Posted at 2017-05-16

はじめに

先日こんな記事を書きました。

確かにコピーしてきて貼り付けてすれば表示されるんですが、なんどもやると面倒です。
勉強も兼ねてChrome拡張機能にまとめて公開したので、どうぞ使ってやってください。

READMEとかなんもないですが、コードはGitHubに公開しました。

使い方

  • インストールするとChromeにボタンが表示されるようになります。(↓こんな感じ)
    名称未設定3.png

  • PlantUML Web Server 以外のURLでボタンを押すと、PlantUML Web Server を新しいタブで開きます。

  • 開いたPlantUML Web Server でUMLを記述して submit をクリックすると、URLが更新されます。

  • この状態で再度ボタンを押すと、URLが下記のフォーマットでクリップボードにコピーされます。

    • [![](http://www.plantuml.com/plantuml/svg/{SyfFKj2rKt3CoKnELR1Io4ZDoSa70000})](http://www.plantuml.com/plantuml/uml/{SyfFKj2rKt3CoKnELR1Io4ZDoSa70000})
  • あとはmarkdownがかけるところにペーストすればUMLが画像として貼り付きます。(↓こんな感じ)

  • 画像には PlantUML Web Server へのリンクが貼られているので(ここ重要!)、UMLを変更したい場合は、画像をクリックしてPlantUML Web Server へ飛んで修正後、再度ボタンをクリックしてURLをコピー、もとのURLと置き換えれば更新完了です。

おわりに

気が向いたらコードとか解説します。
今日は一旦ここまで。

2017/09/29 追記

おかげさまでじわりじわりとユーザーさんが増え、もうすぐ100人です。ありがとうございます。

スクリーンショット 2017-09-29 15.16.41.png

2017/11/11 追記

ユーザー100人越えましたー :tada:

  • またまた @takasek さんに permission 設定がまずくなっている件GitHubでプルリク頂きまして、マージさせていただきました。
  • あと、GitHubちゃんとREADME書いてMakefileも置いときました
  • アイコンが未だにフリー素材でアレなので、どなたかアイコンとか作ってくださると喜びます...
18
19
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
18
19

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?