workspacer - キーボード操作主体のウィンドウマネージャ
デスクトップOSを使っていると、ついついウィンドウを開いてしまいがちです。その結果ウィンドウに埋もれてしまったり、どれが目的のウィンドウか分からなくなってしまいます。 そこで使ってみたいのがウィンドウマネージャです。今回はWindows用のworkspacerを紹介します。 workspacerの使い方 起動するとウィンドウが一気に整列します。 別なワークスペースに変えればウィンドウは見えなくなります。 新しく開く度に整列していきます。 キーボードショートカットです。 workspacerはほぼすべての操作がキーボードベースになります。そのため若干使いこなすのに時間がかかりそうです。しかし一旦慣れてしまえば、素早いウィンドウ操作が可能そうです。 workspacerはWindows用、C#製のオープンソース・ソフトウェア（MIT License）です。 workspacer rickbut
DBML - データベースのスキーマ設計用言語
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました データベースのスキーマ設計を行うソフトウェアは幾つもありますが、固有のデータベースに依存していたり、専用のソフトウェアを使わないといけません。案件によってデータベースを変える際に、その知見が活かせないのは面倒です。 そこで使ってみたいのがDBMLです。データベースのスキーマ設計用言語です。 DBMLの使い方 DBMLの例です。波括弧、カギ括弧を使って構造を表現しています。Refはテーブル同士の結合を表現します。 Table users { id integer username varchar role varchar created_at timestamp } Table posts { id integer [primary key] title varchar body t
gen - Markdownで使えるテンプレート機能
Markdownを開発現場で使っていると、ドキュメントの一部を使い回したくなります。HTMLなのでリンクでもいいのですが、可読性を高めるなら同じ内容であっても書いてある方が分かりやすいです。 そうしたニーズに対応できるのがgenです。Markdownでテンプレート化できるライブラリです。 genの使い方 genでは次のように記述します。import元を外部ファイルなどで指定できます。 --- layout: layout/index.html author: Atsushi a: import: - content/another.md --- This page is written by {{ .author }} Another page was written by {{ .a.author }}
Tabler Icons - 300種類のSVGアイコン集
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 最近は画像ではなく、SVGでアイコンを表示するケースも増えています。PNGなどのバイナリとは異なり、SVGならば縮小、拡大しても綺麗だというのが利点です。さらにちょっとしたデータ変更であれば（色など）、データを書き換えたり、CSSで変更できます。 今回紹介するTabler IconsはSVGで作られた300種類のアイコン集になります。 Tabler Iconsの使い方 開発系のアイコンが多いようです。 マグアイコン。 線の太さを変えた例です。 Tabler IconsはSVGなので、画像としての利用はもちろん、直接HTML上に記述することもできるので別途ファイルを用意しなくてもいいのが利点です。パラメータを変更することで、塗りつぶしやカラーリング、線の太さなどを自由に指定できるのも
css.gg - 500種類を超えるCSSアイコン集 MOONGIFT
Web上でアイコン画像を使う方法は幾つかあります。オーソドックスな画像に加えて、アイコンフォントを使うこともできます。画像はバイナリもあれば、SVGも利用できます。高解像度でもぼやけず、小さな画面でもつぶれないSVGは最近利用が広まっています。 さらに覚えておきたいアイコンがCSSアイコンです。SVG同様に拡大しても綺麗なのが特徴です。今回はそんなCSSアイコンを500種類以上集めたcss.ggを紹介します。 css.ggの使い方 一覧です。黒単色で描かれたアイコンになります。 左側にカテゴリが多数並んでいるのが分かります。 その中の一つです。 CSSも公開されています。これをコピーして貼り付けるだけでCSSアイコンとして利用できます。 css.ggに限りませんが、CSSアイコンの魅力としては外部リソースとして用意する必要がなく、HTMLのインラインですら利用できることでしょう。また、全部
Kroki - テキストからドローに変換するWeb APIサーバ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました プログラマーは図を書くのが嫌いです（たぶん）。少なくともドローソフトウェアを使って書くのは嫌がるでしょう。メンテナンスしづらいですし、コードと図の乖離が発生しがちです。せめてテキストで書いて、自動的に図にしてくれるものであれば、元のテキストを自動生成する方法が選べたり、バージョン管理で差分が取れるようになります。 そんなことを考える方達のためのソフトウェアがKrokiです。様々なテキスト変換ソフトウェアに対応したWeb APIサーバです。 Krokiの使い方 KrokiはBlockDiag、C4、Ditaa、Erd、GraphViz、Mermaid、Nomnoml、PlantUML、SvgBobそしてUMLetなどを一つのサーバで扱えるようにした画像生成サーバです。 例えばこんな感
GraphvizOnline - GraphvizをWebブラウザ上で使う
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 複雑なチャートを描く際に、ExcelやPowerPointを使っていては、後々の更新コストが大きくなります。そこでお勧めなのがGraphvizです。dotファイルを作れば、チャート化する部分は自動で任せられるようになります。 今回紹介するGraphvizOnlineはWeb上でGraphvizを試せるツールです。各自のローカルにインストールする手間がなくなるのでお勧めです。 GraphvizOnlineの使い方 左側にエディタ、右側に生成されたチャートが表示されます。 エンジンを変えることで、同じ内容でも異なった表示になります。 フォーマットは画像の他、SVGも選択できます。 別なファイルでの例。 内容によって最適なエンジンがありそうです。 GraphvizOnlineを社内に一台
Domain Storytelling Modeler - 業務フローの可視化、モデリングに MOONGIFT
システム開発を行う際にモデリングが良く行われます。業務フローを一般化したり、特定ドメインを可視化するのに便利です。それによって効果的なシステム化が可能になります。多くの場合、専用のソフトウェア（Visioのような）であったり、スライド作成ソフトウェアを使ったりします。 今回は専用ソフトウェアのDomain Storytelling Modelerを紹介します。この手のソフトウェアはあまり存在しないので貴重です。 Domain Storytelling Modelerの使い方 各パーツをドロップして、さらに各パーツを接続してモデリングしていきます。 アクションを伴うところは数字が表示され、ワークフローの発生順番を定義できます。 できあがったモデルはSVGで出力できます。 Domain Storytelling Modelerを使うことでビジネスのモデリングがとても簡単にできます。各ノードを接
YubinBango - 郵便番号検索の決定版
郵便番号検索は多くのWebサイトで実装されています。しかし使い勝手の良いところは限られます。ポップアップが出たり、画面全体を再読込したりするものは、とても使い勝手が良いとは言えません。 今回紹介するYubinBangoは郵便番号検索のユーザビリティを極めたソフトウェアです。 YubinBangoの使い方 デモです。郵便番号を入力するとすぐに住所が反映されます。コードは1行も書きません。 分割することもできます。こちらもまた、コードは不要です。 YubinBangoはJavaScriptファイルを読み込むだけ、後はクラス名を指定して反映される内容を決めるだけで使えます。データは郵便局の提供するデータを自動で反映しているとのことで、市区町村の統廃合も問題ありません。 YubinBangoはJavaScript製のオープンソース・ソフトウェア（MIT License）です。 YubinBango
Mermaid Live Editor - Mermaid記法をリアルタイムにチャート化
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 複雑な情報も図式化することによって分かりやすくなりますが、バイナリにしてしまうとメンテナンスコストが大きくなります。最初こそ気合いを入れて作ったチャートもメンテナンスで一気に崩れてしまったらやる気もなくなるでしょう。 そこで使ってみたいのがMermaid Live Editorです。テキストからチャートにしてくれるソフトウェアです。 Mermaid Live Editorの使い方 Mermaid Live EditorはMermaidの記法で書いた情報をグラフィカルに表示します。 日本語も使えます。 カラーテーマが変更できます。 シーケンス図もサポートしています。 さらにガントチャート。 Mermaid Live Editorはフローチャート、シーケンス図そしてガントチャートに対応
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
