glauth - 開発や個人利用に最適なLDAPサーバ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 個人的に認証統合は好きで、一つのIDでシステム全体を管理したいと考える派です。そのベースとしてよく使われるのがLDAPです。Active DirectoryもLDAPをベースとしており、社内外における認証統合に一役買っています。 そんなLDAPサーバですが、ちょっと立てるのが面倒に感じていました。しかしglauthであれば開発用途や個人で簡単に使えそうです。 glauthの使い方 設定ファイル指定して起動するだけです。とても簡単です。 $ glauth -c sample-simple.cfg 15:18:52.896862 doConfig ▶ DEBU 001 Debugging enabled 15:18:52.896892 startService ▶ DEBU 002 W
GAS 家計簿 - Google Apps ScriptとVueで作られたWeb家計簿
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました IT技術の発展はめざましく、日々新しい技術が登場しています。例えばサーバレス、VueやReactの仮想DOM、ちょっと前であればRESTful APIなどがあります。それらを漏れなくキャッチアップするのは大変です。 今回紹介するGAS 家計簿はサーバレスにGAS（Google Apps Script）を使って家計簿Webアプリケーションを作るハンズオンを兼ねたソフトウェアです。 GAS 家計簿の使い方 デモです。動作しているのはGitHub Pagesです。サーバの管理が不要ですね。 データの追加用モーダルウィンドウ。フロントエンドはVueを使っています。 設定画面です。データはGoogle Apps Scriptを使ってGoogleスプレッドシートに保存されています。 GAS 家
MySQLSchemaDoc - WebベースのMySQLのテーブル定義書
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました システム開発時において、データベースは要になります。アプリケーションサーバのフレームワークなどは変更したとしても、データベースのスキーマはなかなか容易に変更できるものではありません。 途中からメンバーが入ってきたりすることもあります。データベースの定義はメンバー全体できちんと把握できているのが望ましいでしょう。そこで使えるのがMySQLSchemaDocです。 MySQLSchemaDocの使い方 表示例です。左側にテーブルの一覧、右側でその構造を表示します。 絞り込みもできます。 テーブル名も絞り込んで表示できます。 MySQLSchemaDocが面白いのは、その表示をXSLTで行っていることです。MySQL標準のダンプを使ってスキーマをXMLで出力し、それをXSLTで表示してい
kmdr - コマンドの実行内容を教えてくれるCLI
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 開発者であれば、ターミナルを使って各種コマンドを入力するかと思います。コマンドを探す際に、Webで検索する人も多いでしょう。そんな時、各種オプションがすでに付いており、それぞれの説明がないために何となく実行してしまったりしていないでしょうか。 きちんと把握していないコマンドを打つ際に使ってみて欲しいのがkmdrです。実行内容を解析し、その説明を行ってくれます。 kmdrの使い方 kmdr explainを使ってコマンドを調べます。 $ kmdr explain ? Enter your command: ls -al ls -al EXPLANATION ls List directory contents -a, --all Include hidden files and di
lit - 軽量なレスポンシブWebフレームワーク
CSSフレームワークは大型なものになるほど便利な機能が追加されますが、その制約もまた大きくなります。Webデザイナーであれば、レスポンシブなどの機能だけあって、他は自由度が高いものを選びたいと思うのではないでしょうか。 今回紹介するlitはわずか395byteしかないレスポンシブWebフレームワークになります。小さいだけに余計な機能も少ないことでしょう。 litの使い方 スクリーンショット多めです。まずはグリッド機能。12等分される、よくあるものです。 タイポグラフィ。 ナビゲーションバー。 ボタンとリスト。 フォーム。 テーブル。 カード。 カードを使えば、こんなレイアウトにも。 水平線。 litではあまり多くの機能は用意されていません。別途ユーティリティとして使えるCSSも用意されており、必要に応じて組み合わせることができます。クラスも多くありませんので、習得は容易そうです。 litは
Mailu - Dockerで立てられるメールサーバ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました メールサーバを立てるのはとても面倒なイメージがあります。安定して動かしておかないとメールが受信できない、なんて問題にもなりかねません。メールがビジネスの根幹を担っている場合にはなおさらです。 そこで紹介したいのがMailuです。Dockerで簡単に立ち上げられるメールサーバです。 Mailuの使い方 ログインします。 縦並びの3カラム構成です。左にボックス、中央がメール一覧、右側にメール本文が出ます。 メール作成画面です。 ファイルを添付すると右側に一覧が出ます。 設定画面です。 もちろんDockerだから安定する訳ではないですが、立ち上げが簡単なのはメリットが大きそうです。IMAPやSMTPはもちろん、Let’s encryptを使ったSSL/TLS、アンチウィルススキャナ、スパ
Nautilus - Docker Composeの設定を可視化
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 開発時にDockerを利用している開発現場は多いでしょう。そして、複数のコンテナを組み合わせる場合、Docker Composeを使って管理しているのではないでしょうか。Docker Composeの設定を細かくこだわると、徐々に複雑なものになっていきます。 そこで使ってみたいのがNautilusです。Docker Composeの内容をグラフィカルに可視化してくれます。 Nautilusの使い方 docker-compose.yamlを読み込むと、その内容を表示します。 空いているポート番号を確認できます。 さらにストレージも描画できます。 表示方法を変更しました。 ネットワーク設定を複雑なものにしていたりすれば、より描画するメリットが出そうです。オープンソースでDocker C
Asobiba - WebAssembly製のGo言語のプレイグラウンド
新しいプログラミング言語を学ぶとき、Webブラウザで確認できると便利です。しかしWebブラウザ上で動くことが保障されている言語はJavaScriptしかありません。他の言語の場合、どうしたらいいでしょうか。 その一つの答えになりそうなのがAsobibaです。AsobibaはWebAssemblyを使ったGo言語のプレイグラウンドです。 Asobibaの使い方 左側にエディタ、右側にコンパイル結果が表示されます。 実行する度にファイルのダウンロードとコンパイルが行われるので若干時間がかかります。 AsobibaはGo言語をWebAssembly化することで、Webブラウザ上で書かれたコードを評価、実行できます。サードパーティーのプラグインは利用できないと思われますが、Go言語の基本的な使い方を学ぶだけならば十分でしょう。 AsobibaはJavaScript製のオープンソース・ソフトウェア（
plant_erd - ER図をPlantUML用にエクスポート
UMLをテキストベースで記述できるPlantUMLを使っている方は多いのではないでしょうか。クラス図を流用する形でER図も描くことができます。そして、データベースはすでにあり、そこからPlantUML用に出力できればいいのに、と考えている方もまた多いでしょう。 そんな方にお勧めなのがplant_erdです。各種データベースに対応したER図エクスポートソフトウェアです。 plant_erdの使い方 出力した内容をPlantUMLで表示しています。 plant_erdはSQLite3、MySQLそしてPostgreSQLに対応しています。各データベースの内容をそのままPlantUML向けに出力が可能です。特定のテーブルだけを出力対象にもできます。リレーションも再現され、データベース構造をドキュメントに書き出すのにぴったりです。 plant_erdはGo製のオープンソース・ソフトウェア（MIT
PlainDraggable - SVG/DOMのドラッグ&ドロップライブラリ MOONGIFT
Webアプリケーションが多機能になるにつれて、ローカルアプリケーションライクな操作が求められるようになっています。例えばドラッグ&ドロップはローカルアプリケーションであれば良くある操作と言えます。 そんなドラッグ&ドロップをスムーズに行えるライブラリがPlainDraggableです。 PlainDraggableの使い方 ベジュ曲線的なデモです。 グリッドを効かせたドラッグを行うデモです。 スナップする時に、スムーズに動くこともできます。 特定のDOM内には入らないように指定できます。 応用すると、二つのノード、それぞれが入れない場所を指定できます。 ソートにも使えます。 PlainDraggableはDOMだけでなく、SVGに対しても利用できます。ドロー系のアプリケーションであったり、簡易的なゲームなどでも使えそうです。ソートでも使えるので、様々な場面で利用できそうです。 PlainD
netprint.sh - コマンド一つでネットプリントへ文書登録 MOONGIFT
出先などで、突然印刷しなければならない時があります。そんな時に便利なのがコンビニを使ったネットプリントなのですが、そのUIがとても使いづらいです。ストレスを感じて諦めてしまう人も多いでしょう。 そこで使ってみたいのがnetprint.shです。コマンド一つで印刷設定を行ってくれます。 netprint.shの使い方 netprint.shを実行します。Bash4.0以降が必要です。 $ /usr/local/bin/bash netprint.sh PDF.pdf fileBody=@PDF.pdf paperSize=0 secretNumber= margin=0 mailAddress= colorMode=2 : { "resultCode": 0, "printID": "C5...J6", "detailURL": "https://www.printing.ne.jp/usr
Vscode Google Translate - Visual Studio Code上でGoogle翻訳実行
多言語対応するプロジェクトは多々あります。その際、翻訳ファイルを作成して単語をそれぞれ置き換えるというやり方が良く行われます。その結果、開発時に翻訳サービスは活躍しているのではないでしょうか。 もし開発にVisual Studio Codeを使っているならば、使ってみたいのがVscode Google Translateです。エディタ上でさくっと翻訳できます。 Vscode Google Translateの使い方 文字を選択して、実行します。 翻訳後の言語は多彩に用意されています。 まとめて選択もできます。 複数の文字列を選択して翻訳できるのが特に便利です。なお、Google翻訳の結果をオープンソースや商用サービスに組み込んだりするのは権利上の問題が生じる可能性があるのでご注意ください。 Vscode Google TranslateはVisual Studio Code用のオープンソー
ProtoGraphQL - GraphQLをビジュアル的に設計
GraphQLはRESTful APIの代替になりえる仕組みです。データ取得に対して自由度が高く、入力と出力両方に対して型指定できるのも良いです。多くはフレームワークと組み合わせて使えますが、自分で一から設計する場合もあるでしょう。 そんな時に使ってみたいのがProtoGraphQLです。GraphQLのスキーマをビジュアル設計できます。 ProtoGraphQLの使い方 メイン画面です。 テーブルを設計します。 その設計を使うためのコードとGraphQLスキーマ、SQLが生成されます。 モデルのビジュアル化もできます。 ProtoGraphQLはクエリ（取得）側の設計が可能で、ミューテーション（更新など）はできないようです。とは言え、型などをビジュアルで設計したり、リレーションも指定できるのは便利です。それこそデータベース設計と同時にできそうです。 ProtoGraphQLはJavaSc
LaRecipe - Markdownから格好良いドキュメントを生成
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 開発者に対して見栄えの良いドキュメントを提供する、これはDevRelにおいて大事な要素です。誰だって使いづらい、読みづらいドキュメントは嫌がるものです。デザインはもちろんのこと、文字サイズや見出しの付け方などによっても可読性は変わってきます。 そこで紹介したいのがLaRecipeです。Laravelを使い、Markdownから綺麗なドキュメントを生成してくれるソフトウェアです。 LaRecipeの使い方 デモです。左側に大見出し、中央がコンテンツ、右側にそのページのアウトラインが表示されます。 コードなども綺麗に表示されます。 アウトプットのデモデザインを入れている例。 ドキュメントの下にはコメント欄が用意されています。 左側の目次は非表示にできます。 検索も使えます。 LaRec
PWA Starter Kit - PWAを学ぶためのテンプレート
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました PWA（Progressive Web Apps）というキーワードがトレンドになっています。しかしPWAは特定の技術を指すのではなく、Webでの体験をよりネイティブ並に向上させるという概念でしかありません。そのため何から取り組んだら良いかが分かりづらいです。 そこで勉強のベースに使ってみたいのがPWA Starter Kitです。PWAに関する要素が盛り込まれたテンプレートです。 PWA Starter Kitの使い方 こちらがテンプレートです。 カウンター。これは再読み込みすると消えてしまいます。 ショッピングカート。 マニフェストファイルもきちんと設定されています。 PWA Starter KitではPWAとして必要になる要素（レスポンシブ、SPA、アプリマニフェスト）などの要
Utatane - プログラミング用の日本語等幅フォント
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 日本語でプログラミングをしている時に困るのが英字と日本語のバランスです。記号や英字で幅が違ったりすると何となく気持ちが悪かったり、さらにそこに日本語まで加わるとずれが大きくなります。 そこで使ってみたいのがUtatane、プログラミング用の日本語等幅フォントです。 Utataneの使い方 Utataneの文章例。英語は日本語1文字分にきちんと収まっています。 プログラミングの中で使った場合。可読性も高く、文字幅もちょうどいいです。 UtataneはRichyからフォークしたCicaをさらにフォークして作られています。さらにUbuntu Monoとやさしさゴシック、やさしさゴシックボールド を合成と調整して作られています。様々なフォントの工夫が盛り込まれたフォントだけにプログラミング
Netron - 機械学習のネットワークを可視化
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 機械学習ではフォーマットの標準化が進んでいます。これまでTensorflowやCaffe、Chainerなど様々なソフトウェアがありましたが、生成されるモデルがONNXというフォーマットに統一されつつあります（他にもあるようですが）。 そんなONNXフォーマットのモデルをビジュアル化できるソフトウェアがNetronです。 Netronの使い方 ドロップしたところです。これは4か9を判別するモデルです。 拡大もできます。 パラメータも閲覧できます。 Netronを使うことでPythonのコードではなく、ビジュアル化されたモデルを通じて機械学習のネットワークを学ぶことができます。各ノードにおける出力の数も出ており、ネットワークの詳細が分かりやすくなるでしょう。 NetronはJavaS
swc - Babelの18倍高速なJavaScriptコンバータ MOONGIFT
JavaScriptはそのまま書くのではなく、書いた後に変換して使うケースが増えています。例えばTypeScriptであったり、Babelを使って新しいJavaScriptの仕様を使えるようにする、ReactのJSXを変換するといった具合です。 そんな変換処理は実行速度が命です。遅いと変更するのが面倒になり、更新してからWebブラウザなりで確認するのにも時間がかかってしまいます。そこで紹介したいのがBabelの18倍速いというswcです。 swcの使い方 例えば新しいJavaScriptの仕様であるクラスを使います。 class Foo { set foo(v) { } } class Bar extends Foo { get bar1() {} async bar2() {} } これを変換します。 $ swc index.js そうするとES3スタイルのJavaScriptが出力され
Consolas - 開発者用のフォント
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 2019年02月22日追記：こちら、ライセンスが非常に怪しい（というかブラック）です。記事は残しますが、ダウンロード/利用されないことをお勧めします。 プログラマーやWebデザイナーにとってフォントは気になる存在です。そのフォントの善し悪しで作業効率が大幅に変わってきます。視認性の悪いフォントを使うと不用意なバグを生み出してしまう可能性もあります。0やO、Iとlなどが見分けやすいものを選ぶべきです。 今回は開発者向けに作られたフォント、Consolasを紹介します。元々オープンソース・ソフトウェアではなかったのですが、v8.0からオープンソース（といっても現時点ではライセンスはありませんが…）になるとのことです。 Consolasの使い方 フォントの見栄えはこんな感じ。 コードを表
Tabulator - これはすごい。HTMLテーブルを高機能に MOONGIFT
テーブル表示はWebシステムのデファクトとも言えます。業務システムはいうに及ばず、管理者画面などでも必ず求められる表示です。そしてただ表示すればいいという訳ではなく、ソートやフィルタリング、インラインでの編集など様々な機能が求められるものです。 そんな多機能なテーブル表示を実現してくれるのがTabulatorです。多くのニーズを満たしてくれることでしょう。 Tabulatorの使い方 てんこ盛りなデモテーブル。ざっと見てもフィルタ、ページネーション、グラフ表示、ソートなどの機能が確認できます。 インライン編集もサポートされています。 データに合わせて幅を自動調整。 行をクリックして展開する機能。 カラムをグループ化。 カラムを縦に。これはカラムが多い時に便利そうです。 ドリルダウン。 テーブルを入れ子にもできます。 スパークライン表示。 フッターで集計。 HTMLテーブルを変換する機能もあ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
