MOONGIFT更新停止のご連絡 MOONGIFT
いつもMOONGIFTをご覧いただきありがとうございます。タイトルにあります通り、MOONGIFTの更新を恒久的に停止するご連絡となります。最終更新記事は2021年07月16日になります。 背景 MOONGIFTはオープンソース・ソフトウェアの紹介サイトとして2004年01月29日に運営を開始しました。一番最初はlivedoorブログにて開始し、その後様々なブログプラットフォームを利用し、さらに一時はサイト名の変更（Open Alexandria）を経て、MOONGIFTという名称で運営を続けてきました。 MOONGIFTでは、これまでに16,000以上のソフトウェア（一部オープンソース・ソフトウェア以外のソフトウェアを含む）を紹介してきました。オープンソース・ソフトウェアは多くの先進的な技術への取り組みが行われており、オープンソース・ソフトウェアを知ることはソフトウェアの開発トレンドを知
PDF-LIB - JavaScriptでPDFを作成、更新 MOONGIFT
Web上で扱うことも多いPDF。ただドキュメントとして表示するだけで、あえてJavaScriptから操作することは殆どないでしょう。しかし、JavaScriptとPDFが連携できるようになれば、もっと可能性が広がりそうです。 今回紹介するPDF-LIBはWebブラウザ、nodeのどちらからでも操作できるPDFライブラリです。 PDF-LIBの使い方 JavaScriptだけでPDFを作成しています。 既存のPDFにテキストを追加することもできます。 複数のPDFを一つにまとめることも。 画像を差し込むサンプル。 フォントを指定して実行。 メタデータを追加することもできます。 さらにSVGをPDFに描画します。 PDF-LIBは新規のPDFはもちろん、既存のPDFに手を加えることもできます。レポートを作るレベルになるとそれなりに難しそうですが、簡単な内容であればJavaScriptだけでPD
Mailu - Dockerで立てられるメールサーバ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました メールサーバを立てるのはとても面倒なイメージがあります。安定して動かしておかないとメールが受信できない、なんて問題にもなりかねません。メールがビジネスの根幹を担っている場合にはなおさらです。 そこで紹介したいのがMailuです。Dockerで簡単に立ち上げられるメールサーバです。 Mailuの使い方 ログインします。 縦並びの3カラム構成です。左にボックス、中央がメール一覧、右側にメール本文が出ます。 メール作成画面です。 ファイルを添付すると右側に一覧が出ます。 設定画面です。 もちろんDockerだから安定する訳ではないですが、立ち上げが簡単なのはメリットが大きそうです。IMAPやSMTPはもちろん、Let’s encryptを使ったSSL/TLS、アンチウィルススキャナ、スパ
Hacker UI - 開発者向けのWeb UIフレームワーク
Webサイトはシンプルなデザインが好みです。情報量が多いと、どこを見ていいのか分かりませんし、情報の取りこぼし（メールマガジンの送付設定など）があってイライラしたりします。 開発者には開発者に合ったUIがあるはずです。今回紹介するHacker UIはまさに開発者のために作られたWeb UIフレームワークです。 Hacker UIの使い方 スクリーンショット多めで紹介します。 ボタンです。 ボタンをアウトライン化した例。 リスト。 フォーム。 ラジオボタン。 チップ。 ツールチップ。 モーダル。 タイポグラフィ。 Hacker UIはボタンなどがはっきりしており、フラットなデザインになっています。シンプルで、何が何を行うUIなのかが分かりやすいです。開発者以外の人にとっては殺風景に見えるかも知れませんが、開発者にとってはこれくらいのデザインがさっぱりしていて、使いやすいのではないでしょうか。
linedraw - 画像をSVGに変換
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 画像を変換する類のソフトウェアは多数あります。例えばアスキーアートに変換したり、グレースケールにする、油絵風にするなど様々です。手法を知っておけば、目的に応じてぴったりなソフトウェアが選べるはずです。 今回紹介するlinedrawは画像をSVGにしてくれるソフトウェアです。他では見られないものだけに知っておくと役立ちそうです。 linedrawの使い方 元画像。 変換後。SVGです。 筆者の写真を変換した場合。 linedrawはラフなスケッチ的な感じで画像をSVGに変換してくれます。SVGなので縮小や拡大をしても綺麗なままです。構造が分かれば、JavaScriptから操作することもできるでしょう。バイナリの画像ではないところが使い道につながりそうです。 linedrawはPyth
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': '
Exment - マスタ管理に便利なWebデータベース
Microsoft Accessはオフィスで活躍しています。ちょっとしたシステムであればエンジニアの手を借りることなく、作成できるでしょう。しかし最近ではmacOSも使われるようになっていたり、スマートフォンからも使いたいと言われるかも知れません。 そこで使ってみたいのがExmentです。手軽に使えるWebデータベースシステムです。 Exmentの使い方 作成例です。基本的にダッシュボード風の画面になるようです。 テーブル一覧です。 テーブルの設定です。 テーブルの列設定です。 基本情報です。 データ一覧です。 グラフも表示できます。 マスターデータを登録するのに良さそうです。 Exmentは情報資産をWeb上で管理するためのソフトウェアとのことで、ユーザ自身がテーブルを設計して、データをメンテナンスできます。Excel出力やカレンダービューなどの業務系で便利そうな機能も備わっています。
OpenDrop - Pythonで実装されたAirDrop
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました macOSやiOS間でファイルを送受信するのに便利なのがAirDropです。しかしWindowsでは使えないという問題があります。また、macOSでも標準実装されているAirDrop機能を使わないとならず、Finderを立ち上げたりするのが面倒です。 そこで使ってみたいのがOpenDropです。PythonによるAirDrop実装です。 OpenDropの使い方 OpenDropを立ち上げます。まずfindで対象になるデバイスを探します。 $ opendrop find Looking for receivers. Press enter to stop ... 後は send または receive を使います。sendはファイルを指定し、receiveはファイルが送られてきます
DevCleaner - Xcodeのストレージ逼迫に悩んだら MOONGIFT
iOSの開発をしていると、シミュレータのデータなどが蓄積されていきます。もちろん細かく各バージョンでの動作確認は必要ですが、ストレージを逼迫するのも問題です。定期的に整理が必要です。 そこで使ってみたいのがDevCleanerです。アプリケーションなどのデータも整理できるXcode用クリーナーです。 DevCleanerの使い方 起動すると、不要（古い）バージョンはチェックがついています。 そしてクリーンボタンを押せばファイルが削除されます。 不要なバージョンを削除すれば、一気に数GB減ることも少なくないでしょう。もちろん検証が必要なバージョンもあるので最新だけが必要な訳ではありません。逼迫した時の整理にぜひ活用してください。 DevCleanerはSwift製のオープンソース・ソフトウェア（GPL v3）です。 DevCleaner for Xcode on the Mac Ap
Vscode Google Translate - Visual Studio Code上でGoogle翻訳実行
多言語対応するプロジェクトは多々あります。その際、翻訳ファイルを作成して単語をそれぞれ置き換えるというやり方が良く行われます。その結果、開発時に翻訳サービスは活躍しているのではないでしょうか。 もし開発にVisual Studio Codeを使っているならば、使ってみたいのがVscode Google Translateです。エディタ上でさくっと翻訳できます。 Vscode Google Translateの使い方 文字を選択して、実行します。 翻訳後の言語は多彩に用意されています。 まとめて選択もできます。 複数の文字列を選択して翻訳できるのが特に便利です。なお、Google翻訳の結果をオープンソースや商用サービスに組み込んだりするのは権利上の問題が生じる可能性があるのでご注意ください。 Vscode Google TranslateはVisual Studio Code用のオープンソー
copy-code-block - プログラミングコードをクリップボードにコピー MOONGIFT
ブログなどでコードを記載しているサイトは多いです。その表示方法も様々で、行番号があるもの、ハイライトが付いているものなどがあります。そのコードをコピーしても余計な行番号が付いてきたりして、ストレスと感じたりします。 そこで使ってみたいのがcopy-code-blockです。自由度の高くコードのコピーが可能です。 copy-code-blockの使い方 コードハイライタと組み合わせた例です。 コピーボタンを押すと、コードだけがコピーできます。 <div class='cool-container'> <p class='cool-description'>Get ready for...</p> <ul class='cool-list'> <li class='cool-item'>rainbows</li> <li class='cool-item'>and</li> <li class
ProtoGraphQL - GraphQLをビジュアル的に設計
GraphQLはRESTful APIの代替になりえる仕組みです。データ取得に対して自由度が高く、入力と出力両方に対して型指定できるのも良いです。多くはフレームワークと組み合わせて使えますが、自分で一から設計する場合もあるでしょう。 そんな時に使ってみたいのがProtoGraphQLです。GraphQLのスキーマをビジュアル設計できます。 ProtoGraphQLの使い方 メイン画面です。 テーブルを設計します。 その設計を使うためのコードとGraphQLスキーマ、SQLが生成されます。 モデルのビジュアル化もできます。 ProtoGraphQLはクエリ（取得）側の設計が可能で、ミューテーション（更新など）はできないようです。とは言え、型などをビジュアルで設計したり、リレーションも指定できるのは便利です。それこそデータベース設計と同時にできそうです。 ProtoGraphQLはJavaSc
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
legit - Gitでプログラミング
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました プログラミングとバージョン管理は切っても切り離せないものです。それは開発者であれば誰しもが納得するでしょう。しかし、プログラミングとバージョン管理を一つにして、学習すべき要素を減らしてしまおうという発想はなかなか出てこないはずです。 それを実現してしまったのがlegitです。何を言っているのかよく分からないと思いますが、ぜひご覧ください。 legitの使い方 例です。例えば以下のコードはHello worldを出力します。しかしこのディレクトリにはGitリポジトリがあるだけで、中身は何もありません。 $ ruby interpreter.rb examples/hello/ Hello world ディレクトリでログを見たところです。怪しくHello worldだのputだのといっ
VSCodium - VS Codeを完全にオープンソース化
VS Code（Visual Studio Code）は開発者に人気のプログラミングエディタです。操作性、テーマ、機能拡張など便利な機能がたくさんあります。仕事で使っている方も多いのではないでしょうか。 VS Codeはオープンソース・ソフトウェアですが、Microsoftのトラッキングコードやロゴ商標などが絡んでいるのを知っているでしょうか。もしそれらを嫌うならばVSCodiumを使いましょう。 VSCodiumの使い方 起動したところです。ぱっと見はVS Codeと変わりません。 こちらはVS Code。機能的にも変わりはないので、入れ替わっていても気付かないでしょう。 VS CodeはGitHubリポジトリにあるものをベースに、商標やトラッキングコードを埋め込んでコンパイルされています。Google ChromeとChromiumに近いものと言えるでしょう。VSCodiumはVS C
GraphQL Visual Editor - ビジュアルでGraphQLを設計
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました GraphQLはRESTfulに代わる、または補助する存在として注目を集めています。しかし、まだ出始めの技術だけに最適な設計手法が確立されていません。スキーマを作る作業する手作業、またはフレームワークを導入していることでしょう。 今回紹介するGraphQL Visual Editorはそんなスキーマの作成をWebブラウザ上で行い、さらにバックエンドまで作れるソフトウェアです。 GraphQL Visual Editorの使い方 設計画面です。ノードが並んでおり、それらを繋ぐことでスキーマを設計します。 追加、削除、変更できます。 例えばこれはGitHubのGraphQLのスキーマ。とても細かく定義されています。 スキーマを確認できます。 GraphQL Visual Editorは
Codecrumbs - システム理解を高める可視化システム
システムが大規模になるとファイルを分割し、各機能が分割して管理されるようになります。一つのファイルで長大なコードが書かれているよりも分かりやすいですが、定義元がどこで、何の変数を見ているのか分からなくなることもしばしばです。 そこで使ってみたいのがCodecrumbsです。コードに印をつけることで、コード同士の関連性が可視化されます。 Codecrumbsの使い方 デザイン例です。 折りたたむこともできます。 フローチャートで確認することもできます。 コードには以下のような独自のコメントを定義する必要があります。 function authenticate(provider) { return dispatch => { //cc:signin#1;firebase sign in;+2;call to firebase with auth provider, proceed if suc
indigo-player - 高い拡張性を誇る動画プレイヤー
videoタグの登場によってWeb上でも動画が再生できるようになりました。しかし機能的には実に簡素で、ただ再生する以上の機能がありません。大抵は別途ライブラリを用意して、そのライブラリ経由でvideoタグを使うでしょう。 今回紹介するindigo-playerもそんな動画プレイヤーの一つです。扱える動画が多いのが特徴です。 indigo-playerの使い方 見て分かる通り、標準では機能はあまり多くありません。 PinPにする機能もあります。 indigo-playerはMPEG4の他、Dash（DRM含む）やHLSに対応しています。さらに動画の前や途中で広告を表示したり、WebVTTを使った字幕表示も可能です。標準機能は多くありませんが、拡張が容易に行える設計になっているようです。 indigo-playerはTypeScript製のオープンソース・ソフトウェア（Apache Licne
Tabulator - これはすごい。HTMLテーブルを高機能に MOONGIFT
テーブル表示はWebシステムのデファクトとも言えます。業務システムはいうに及ばず、管理者画面などでも必ず求められる表示です。そしてただ表示すればいいという訳ではなく、ソートやフィルタリング、インラインでの編集など様々な機能が求められるものです。 そんな多機能なテーブル表示を実現してくれるのがTabulatorです。多くのニーズを満たしてくれることでしょう。 Tabulatorの使い方 てんこ盛りなデモテーブル。ざっと見てもフィルタ、ページネーション、グラフ表示、ソートなどの機能が確認できます。 インライン編集もサポートされています。 データに合わせて幅を自動調整。 行をクリックして展開する機能。 カラムをグループ化。 カラムを縦に。これはカラムが多い時に便利そうです。 ドリルダウン。 テーブルを入れ子にもできます。 スパークライン表示。 フッターで集計。 HTMLテーブルを変換する機能もあ
JavaScript Visualizer - JavaScriptの実行内容を可視化 MOONGIFT
プログラミングコードはコンピュータ上で実行されるので、実行を開始して終わるまでが一瞬です。そのため、どう動いているのかを確認するのは困難で、初学者にとっては魔法のように感じてしまうでしょう。 そこで使ってみたいのがJavaScript Visualizerです。JavaScriptをステップ実行してその内容を把握できます。 JavaScript Visualizerの使い方 実行中です。 実行速度が指定でき、左側に書いたコードを実行してくれます。 thisの内容など変数も確認できます。 JavaScript Visualizerを使うことでJavaScriptのコードがどう実行されているのかが分かりやすくなります。処理の順番が分かればデバッグもしやすくなるでしょう。プログラミング初級者にもお勧めなソフトウェアです。 JavaScript VisualizerはJavaScript製のソフト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
