MOONGIFT更新停止のご連絡 MOONGIFT
いつもMOONGIFTをご覧いただきありがとうございます。タイトルにあります通り、MOONGIFTの更新を恒久的に停止するご連絡となります。最終更新記事は2021年07月16日になります。 背景 MOONGIFTはオープンソース・ソフトウェアの紹介サイトとして2004年01月29日に運営を開始しました。一番最初はlivedoorブログにて開始し、その後様々なブログプラットフォームを利用し、さらに一時はサイト名の変更（Open Alexandria）を経て、MOONGIFTという名称で運営を続けてきました。 MOONGIFTでは、これまでに16,000以上のソフトウェア（一部オープンソース・ソフトウェア以外のソフトウェアを含む）を紹介してきました。オープンソース・ソフトウェアは多くの先進的な技術への取り組みが行われており、オープンソース・ソフトウェアを知ることはソフトウェアの開発トレンドを知
billboard.js - D3.jsを用いた多彩なグラフライブラリ MOONGIFT
Web上でグラフを描きたいケースはとても多いです。そしてグラフは単に1種類知っておけばいいわけではなく、用途に合わせて最適なものを選ばないといけません。一つのライブラリだけで行うなら、なるべく多くの表示パターンに対応したものを使うべきでしょう。 今回紹介するbillboard.jsは一般的なグラフであれば、大抵こなせる強い味方です。覚えておくと使える場面が多そうです。 billboard.jsの使い方 主なグラフについて紹介していきます。まずは円グラフ。 オンマウスに対応しています。他のグラフも同様です。 エリアチャート。 エリアレンジチャート。 棒グラフ。 バブルチャート。 複合グラフ。 ドーナッツグラフ。 ゲージグラフ。 折れ線グラフ。 折れ線グラフですが、途中線種を変えています。 レーダーチャート。 散布図。 曲線グラフ。 積み重ねの棒グラフ。 ステップグラフ。 グリッドライン。 横
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は
NeutralinoJs - Electronよりもメモリ消費が小さいデスクトップアプリケーション開発環境 MOONGIFT
Web技術を使ってデスクトップアプリケーションを作成する事例が増えています。有名なところではAtomやVisual Studio Codeが挙げられるでしょう。プログラミングエディタができるなら、大抵のソフトウェアが作れるはずです。その基盤としてはElectronを使っている例が多いです。 NeutralinoJsはElectron代替のソフトウェアです。より小さなサイズで動作し、メモリ消費量も小さいのが特徴です。 NeutralinoJsの使い方 NeutralinoJsのコードサンプルです。 let myapp = { myfunction : function () { document.getElementById('info').innerHTML = NL_NAME + " is running on port " + NL_PORT + " inside " + NL_OS
Asobiba - WebAssembly製のGo言語のプレイグラウンド
新しいプログラミング言語を学ぶとき、Webブラウザで確認できると便利です。しかしWebブラウザ上で動くことが保障されている言語はJavaScriptしかありません。他の言語の場合、どうしたらいいでしょうか。 その一つの答えになりそうなのがAsobibaです。AsobibaはWebAssemblyを使ったGo言語のプレイグラウンドです。 Asobibaの使い方 左側にエディタ、右側にコンパイル結果が表示されます。 実行する度にファイルのダウンロードとコンパイルが行われるので若干時間がかかります。 AsobibaはGo言語をWebAssembly化することで、Webブラウザ上で書かれたコードを評価、実行できます。サードパーティーのプラグインは利用できないと思われますが、Go言語の基本的な使い方を学ぶだけならば十分でしょう。 AsobibaはJavaScript製のオープンソース・ソフトウェア（
Diagrams - システム構成図をコードで書く
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 開発者であっても図を描く機会は多いです。仕様書のようなドキュメントであったり、システム構成図の中に書いたりといった具合です。ドローソフトウェアを使ったり、スライド作成ソフトウェアを使ったりしまうが、操作やメンテナンスが面倒でストレスです。 そこで使ってみたいのがDiagramsです。開発者らしく、コードで図を描けます。 Diagramsの使い方 コードで書いた内容で図が書けます。 シンプルな例。 k8sなどの構成にも使えます。 GCP用。 DiagramsはAWS、GCP、k8s、AzureそしてAlibaba Cloud向けにアイコンが用意されています。これらのサービスを作ったシステム構成を考えた時に、Diagramsを使えばメンテナンスもしやすい図が描けます。 Diagrams
Hacker UI - 開発者向けのWeb UIフレームワーク
Webサイトはシンプルなデザインが好みです。情報量が多いと、どこを見ていいのか分かりませんし、情報の取りこぼし（メールマガジンの送付設定など）があってイライラしたりします。 開発者には開発者に合ったUIがあるはずです。今回紹介するHacker UIはまさに開発者のために作られたWeb UIフレームワークです。 Hacker UIの使い方 スクリーンショット多めで紹介します。 ボタンです。 ボタンをアウトライン化した例。 リスト。 フォーム。 ラジオボタン。 チップ。 ツールチップ。 モーダル。 タイポグラフィ。 Hacker UIはボタンなどがはっきりしており、フラットなデザインになっています。シンプルで、何が何を行うUIなのかが分かりやすいです。開発者以外の人にとっては殺風景に見えるかも知れませんが、開発者にとってはこれくらいのデザインがさっぱりしていて、使いやすいのではないでしょうか。
VimMan - Vimを習得できるゲーム
開発者であればVimの操作を一度は習得しようとするのではないでしょうか（またはEmacs）。しかし、独特なキーバインドにどうしても慣れず、サーバでの作業が非効率的なままという人も多いはずです。 そんな方はゲーム形式でVimの操作を学べるVimManを使ってみましょう。 VimManの使い方 まずはキャレットの移動を学びます。 次に終了の方法です。 レベル3になるとテキストの入力、追加などを学びます。そうやって徐々にレベルアップしていくことで、あなたもVim男に成長できるという訳です。これから使い方を習得したい方、さらに使いこなしたい方はVimManで学んでみましょう。 VimManはGo製のオープンソース・ソフトウェア（MIT License）です。 ozankasikci/vim-man: A terminal based game that teaches you how to use
Exment - マスタ管理に便利なWebデータベース
Microsoft Accessはオフィスで活躍しています。ちょっとしたシステムであればエンジニアの手を借りることなく、作成できるでしょう。しかし最近ではmacOSも使われるようになっていたり、スマートフォンからも使いたいと言われるかも知れません。 そこで使ってみたいのがExmentです。手軽に使えるWebデータベースシステムです。 Exmentの使い方 作成例です。基本的にダッシュボード風の画面になるようです。 テーブル一覧です。 テーブルの設定です。 テーブルの列設定です。 基本情報です。 データ一覧です。 グラフも表示できます。 マスターデータを登録するのに良さそうです。 Exmentは情報資産をWeb上で管理するためのソフトウェアとのことで、ユーザ自身がテーブルを設計して、データをメンテナンスできます。Excel出力やカレンダービューなどの業務系で便利そうな機能も備わっています。
goop - Google検索結果をスクレイピング
Googleの検索結果を取得して分析に使いたいと考える人は大勢います。しかし機械的に収集しようとすると、GoogleからCAPTCHA入力が求められます。そのため自動化しづらく、手作業で収集している人も多いでしょう。 しかし裏道がありそうです。Facebookを経由するとそのトラップに引っかからないようです。その実証として作られたのがgoopです。 goopの使い方 goopで検索を行います。その際、Facebookのクッキーを適用するのがコツです。 from goop import goop page_1 = goop.search('open source', '<facebook cookie>') print(page_1) ちゃんと検索結果が返ってきます。 {0: { 'url': 'https://opensource.org/osd-annotated', 'text': '
DevCleaner - Xcodeのストレージ逼迫に悩んだら MOONGIFT
iOSの開発をしていると、シミュレータのデータなどが蓄積されていきます。もちろん細かく各バージョンでの動作確認は必要ですが、ストレージを逼迫するのも問題です。定期的に整理が必要です。 そこで使ってみたいのがDevCleanerです。アプリケーションなどのデータも整理できるXcode用クリーナーです。 DevCleanerの使い方 起動すると、不要（古い）バージョンはチェックがついています。 そしてクリーンボタンを押せばファイルが削除されます。 不要なバージョンを削除すれば、一気に数GB減ることも少なくないでしょう。もちろん検証が必要なバージョンもあるので最新だけが必要な訳ではありません。逼迫した時の整理にぜひ活用してください。 DevCleanerはSwift製のオープンソース・ソフトウェア（GPL v3）です。 DevCleaner for Xcode on the Mac Ap
ProtoGraphQL - GraphQLをビジュアル的に設計
GraphQLはRESTful APIの代替になりえる仕組みです。データ取得に対して自由度が高く、入力と出力両方に対して型指定できるのも良いです。多くはフレームワークと組み合わせて使えますが、自分で一から設計する場合もあるでしょう。 そんな時に使ってみたいのがProtoGraphQLです。GraphQLのスキーマをビジュアル設計できます。 ProtoGraphQLの使い方 メイン画面です。 テーブルを設計します。 その設計を使うためのコードとGraphQLスキーマ、SQLが生成されます。 モデルのビジュアル化もできます。 ProtoGraphQLはクエリ（取得）側の設計が可能で、ミューテーション（更新など）はできないようです。とは言え、型などをビジュアルで設計したり、リレーションも指定できるのは便利です。それこそデータベース設計と同時にできそうです。 ProtoGraphQLはJavaSc
konstellate - Kubernetesの設定をビジュアル化
Kubernetes（以下k8s）は設定ファイルを記述してアーキテクチャを指定しますが、慣れるまでは設定が抜けてしまったり、うまくリンクできなかったりします。さらに設定が複雑化すると、全体を俯瞰的に確認したいと思うことでしょう。 そこで使ってみたいのがkonstellateです。k8sの設定内容をビジュアル化します。 konstellateの使い方 設定ファイルを読み込んだところです。各コンテナが丸で表されて、線でコネクションを表現します。 丸をクリックすると、その内容が分かります。 テキストベースの設定を確認、編集できます。 konstellateを使えばk8sの設定を可視化しながら行えます。すでにある設定ファイルを可視化するのはもちろん、新しく作ることもできます。k8sの設定を行う際にぜひ使ってみたいソフトウェアです。 konstellateはClojure製のオープンソース・ソフトウ
csvdiff - CSVに特化した差分ビューワー
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました CSVファイルは今なおシステムの中で現役ばりばりに利用されています。様々なシステムから出力されるCSVファイルに対して、差分を確認したいと考えることはないでしょうか。通常の差分表示では、CSVのようなフォーマットではうまく表示できないかも知れません。 そこで使ってみたいのがcsvdiffです。CSVに特化した差分表示コマンドです。 csvdiffの使い方 普通にコマンドを打ったところです。追加された行、修正された行が確認できます。 $ csvdiff asof.csv asof2.csv # Additions (1) + 20160525 13:15:00.075,AAPL,98.65,10,NASDAQ,98.55,98.56 # Modifications (19) - 20
GraphQL Visual Editor - ビジュアルでGraphQLを設計
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました GraphQLはRESTfulに代わる、または補助する存在として注目を集めています。しかし、まだ出始めの技術だけに最適な設計手法が確立されていません。スキーマを作る作業する手作業、またはフレームワークを導入していることでしょう。 今回紹介するGraphQL Visual Editorはそんなスキーマの作成をWebブラウザ上で行い、さらにバックエンドまで作れるソフトウェアです。 GraphQL Visual Editorの使い方 設計画面です。ノードが並んでおり、それらを繋ぐことでスキーマを設計します。 追加、削除、変更できます。 例えばこれはGitHubのGraphQLのスキーマ。とても細かく定義されています。 スキーマを確認できます。 GraphQL Visual Editorは
Lightweight PDF - PDFを軽量に
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 利用するOSが増えてきて、スマートフォンとデスクトップ間などでデータの送受信を行う際にPDFが便利です。ビューワーは一般的であり、誰もが持っています。閲覧だけであればどの環境でもできるので、ちょっとしたファイルでもPDFで送ったりします。 そんな中、単純に書類をPDFにするとサイズが非常に大きくなることがあります。そこで使ってみたいのがLightweight PDFです。 Lightweight PDFの使い方 メイン画面です。PDFをドロップするだけで縮小が開始されます。 テキストばかりの場合、サイズは殆ど小さくなりません。画像が多用されていたりすると、その画像を縮小して効率的にサイズ軽減が可能になります。PDFによっては思っている以上に小さくなるのでぜひ試してみてください。 L
Consolas - 開発者用のフォント
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 2019年02月22日追記：こちら、ライセンスが非常に怪しい（というかブラック）です。記事は残しますが、ダウンロード/利用されないことをお勧めします。 プログラマーやWebデザイナーにとってフォントは気になる存在です。そのフォントの善し悪しで作業効率が大幅に変わってきます。視認性の悪いフォントを使うと不用意なバグを生み出してしまう可能性もあります。0やO、Iとlなどが見分けやすいものを選ぶべきです。 今回は開発者向けに作られたフォント、Consolasを紹介します。元々オープンソース・ソフトウェアではなかったのですが、v8.0からオープンソース（といっても現時点ではライセンスはありませんが…）になるとのことです。 Consolasの使い方 フォントの見栄えはこんな感じ。 コードを表
Markline - Markdownを使った年表表示
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Markdownが開発者用ドキュメントのデファクトスタンダードと言える存在になり、とりあえずMarkdownで書いておくという人が増えています。そうすることで将来的にソフトウェアによって多彩な表現が容易に実現できるようになるでしょう。 今回はその一例として、Markdown記法から年表表示を可能にするMarklineを紹介します。 Marklineの使い方 記述法です。リストを使って書きますが、頭に年月日を記述するのがコツです。 * 2012~2014 year to year. * 2012~2014/02 year to year. * 1986/06/28~1986/08/14 from date to another date. * 2012~ year to now. そ
Sushi Browser - Electron製の開発者向きなWebブラウザ
開発をしていて、一つのウィンドウを複数ペインに分けてコーディングすることはよくあります。同様にWebブラウジングしている時に、複数サイトを並べたいと思うこともあるでしょう。その場合、Webブラウザではウィンドウを分けなければなりません。 そこで使ってみたいのがSushi Browserです。マルチペインに対応したWebブラウザです。 Sushi Browserの使い方 起動直後です。 レンダリングエンジンはWebKitなのでSafariやGoogle Chrome同等の結果が得られます。 セッションを保存しておいて、呼び出せる機能。 ユーザエージェントを変更する機能。 スプリット。 さらに細かく分割もできます。 スクリーンショット保存機能。ページ全体も指定できます。 さらに設定には多数の機能があります。 なぜかターミナルも。 ファイル操作もできます。 ノート機能はWYSIWYGでメモできま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
