MOONGIFT

Tank Vs Zombie Game Built in Ruby - Rubyで書かれた戦車 vs ゾンビゲーム

2021-07-16T21:00:00+09:00

Webアプリケーションやサーバサイドのソフトウェアとゲームは勝手が大きく異なります。サーバサイドの開発者がゲーム開発を行おうと思うと、新しく覚えないといけないことが多数あるでしょう。しかし少なくとも言語が同じならば入り込みやすいかも知れません。

今回紹介するTank Vs Zombie Game Built in Rubyは名前の通り、Rubyで作られたゲームです。Webベースで動くので、Ruby開発者の方は実装を見てみても良さそうです。

Tank Vs Zombie Game Built in Rubyの使い方

ゲーム開始します。

Kopia - マルチベンダー対応のバックアップソフトウェア

2021-07-16T17:00:00+09:00

バックアップはとっていますか。バックアップは取っている時には何も起きないものですが、取り忘れた時に限って障害が発生するものです。さらにバックアップ先が障害を起こす可能性もあるので、複数バックアップを行っておくと安心です。

今回紹介するKopiaはマルチプラットフォーム、複数サービスに対応したバックアップソフトウェアです。

Kopiaの使い方

バックアップ先を選択します。様々なストレージサービスに対応しています。

Polyfoto - モザイク画像を作成するPythonスクリプト

2021-07-15T21:00:00+09:00

多くの写真を集めて、そこから一枚の写真を作る、いわゆるモザイク写真。一度は見たことがあるでしょう。拡大してみると一つ一つがイラストや写真だったりして、とても面白い作品です。

そんなモザイク写真を作ってくれるスクリプトがPolyfotoになります。

Polyfotoの使い方

実行例です。モザイクになる画像群（フォルダ）、モザイク元の画像、出力先を指定します。カラムの数を多くするとより精密になりますが、時間がかかります。

$ python polyfoto.py -f /path/to/logo.png -d /path/to/dir -o output.png -n 50
CONVERTING / LOADING
BUILDING                      
629 / 758 images, 1 / 50 rows

作例です。

SwiftLaTeX - WebベースのLaTeXエディタ

2021-07-15T17:00:00+09:00

LaTeXを利用することは久しくないのですが、時々必要になることがあります。そんな時にサイズの大きな作成環境をダウンロードし、セットアップするのがとても手間です。環境構築に時間がかかると、さらに利用する意欲が削がれてしまいます。

今回紹介するSwiftLaTeXはWebベースで使えるLaTeXエディタになります。これならばセットアップする手間なく利用できるでしょう。

SwiftLaTeXの使い方

エディタ画面です。

Div.js - divタグだけでHTMLページを作成できる？

2021-07-14T21:00:00+09:00

Webの進化形としてセマンティックWebが知られています。タグを使って文書をより構造的に、情報処理しやすい形に書いていくという考え方です。しかし、そのためにタグを多数覚えるのは面倒かも知れません。

今回紹介するDiv.jsで描くHTMLにおいては覚えるタグがdivしかありません。それなのに十分な表現が可能です。

Div.jsの使い方

実際の内容です。ものすごい出落ち感があります。

<div is="h1">Hello world!</div>
<div is="p">This is a <div is="b">bold</div> paragraph.</div>
<div is="ol">
  <div is="li">This is a list item.</div>
  <div is="li">This is a list item.</div>
  <div is="li">This is a list item.</div>
</div>

Div.jsは確かにdivタグしか使いません。そしてis要素で書かれたタグにJavaScriptで置き換えます。もちろんこれはジョークライブラリになるでしょうし、セマンティックWebに喧嘩を売っているとも言えそうです。HTMLコーディングもなかなか大変そうです（普通のHTMLを書いてから正規表現で置き換えるという二度手間をしそうですね）。

Div.jsはJavaScript製のオープンソース・ソフトウェア（MIT License）です。

GitHub - willmartindev/div.js: A framework for the HTML programming language.

ASCIIFlow - アスキーアート用ドローアプリ

2021-07-14T17:00:00+09:00

かつて今ほどイラストやペイントが手軽に扱えなかった頃、アスキーアートを使って図示するのが基本でした。今では滑らかな、情報量の多い画像が簡単に使えるようになっていますが、それでもアスキーアートの活躍する場面は数多くあります。

今回紹介するASCIIFlowはWebベースのアスキーアート用ドローアプリケーションです。

ASCIIFlowの使い方

メイン画面です。

yaydl - Rust製のYouTube DL代替

2021-07-13T21:00:00+09:00

YouTube DLが一時GitHubから消えた時、ネット界隈は騒然としました。代替となるソフトウェアも存在せず、動画をダウンロードする方法がなくなってしまうところでした。幸い、削除は回避されましたが、コミュニティに大きな遺恨を残した出来事でした。

今回紹介するyaydlはRustで作られたYouTube DL代替になります。こうした多様性が今後の活動の広がりを支えていくことでしょう。

yaydlの使い方

実行例です。

$ yaydl "https://www.youtube.com/watch?v=jNQXAC9IVRw"
Fetching from YouTube.
"Me at the zoo.mp4" successfully downloaded.

ヘルプです。


$ yaydl --help

yaydl 0.6.6

Yet Another Youtube Down Loader



USAGE:

    yaydl [FLAGS] [OPTIONS] <url>



ARGS:

    </url><url>    Sets the input URL to use



FLAGS:

    -h, --help          Prints help information

    -x, --only-audio    Only keeps the audio stream

    -v, --verbose       Talks more while the URL is processed

    -V, --version       Prints version information



OPTIONS:

    -f, --audio-format <audio>    Sets the target audio format (only if --only-audio is used)

MovingLensOnWorksheet - Excel上で動く拡大レンズ

2021-07-13T17:00:00+09:00

Excelは魔境というか、時にとんでもないものが生まれる可能性を秘めています。ゲームを作ってしまう人がいたり、Excelですべての帳票を作ってしまう達人もいます。本当に恐ろしいツールです。

今回紹介するMovingLensOnWorksheetはExcel上で拡大レンズを作ってしまう、そんなスクリプトです。

MovingLensOnWorksheetの使い方

実際に動かしているところです。

HNReaderApp - macOS用のHacker Newsクライアント

2021-07-12T21:00:00+09:00

Hacker NewsはYコンビネータがはじめたテクノロジーに関するニュースを使ったコミュニティサイトです。新しい情報がどんどん投稿されていくので、見ていて飽きないサイトです。

そんなHacker Newsにある情報をカテゴライズし、見やすくまとめてくれるのがHNReaderAppです。

HNReaderAppの使い方

メイン画面です。

Carden - Webサイトから作成するフラッシュカード

2021-07-12T17:00:00+09:00

フラッシュカードというのは、日本では単語帳としてよく知られています。表に問題、裏に答えを書いた紙の束といったものです。単語帳というと1文字ごとのイメージがありますが、特に文字数制限がある訳ではありません。

今回紹介するCardenはWebサイトごとに作成する、そんなフラッシュカード作成・実行ソフトウェアです。

Cardenの使い方

Chromeで文字列を選択して、Cardenのメニューを選択します。

CSV+ - マルチプラットフォームで動作するCSVエディタ

2021-07-11T21:00:00+09:00

CSVファイルを編集する場合、表計算ソフトウェアがよく使われます。たとえばExcelです。もちろん編集できるのですが、使いづらい部分もあります。特に自動変換が厄介だったり、ファイルごとに別ウィンドウになるのも面倒です。

そこで使ってみたいのがCSV+です。シンプルかつ十分なCSVエディタです。

CSV+の使い方

メイン画面です。

Organic Maps - 経路探索可能。オフラインでも使える地図アプリ

2021-07-11T17:00:00+09:00

規模の大小はあれど、旅行に地図は付き物です。最近では電車や車だけでなく、徒歩や自転車での経路も地図に表示できるようになっています。地図アプリがあれば、どんな場所でもいけるでしょう。

しかしネットワークがなければ情報が見られないものが多いのが不便です。そんな時にはオフラインでも使えるOrganic Mapsを使ってみましょう。

Organic Mapsの使い方

地図データをダウンロードしています。

Utopia - Reactのデザイン設計をスムーズしてくれるWebエディタ

2021-07-10T21:00:00+09:00

最近のWebフロントエンドフレームワークでは、デザインとコードの分離ではなく、画面の役割をもって分離しています。そのためデザインとコードが一つのコードの中にあり、デザイナーにとっては慣れるまでデザインしづらいと感じているかも知れません。

もしReactで開発しているプロジェクトならば、Utopiaを使ってデザインしてみると良さそうです。

Utopiaの使い方

エディタ画面です。

LinearMouse - マウスの加速する動作を取り除く

2021-07-10T17:00:00+09:00

OS側で便利だと思って追加した機能も、それまで使ってこなかった人にすると不便に感じるものがあります。macOSでスクロールが逆になった時、ものすごく不便に感じました。一旦慣れると、何も考えずに使えてしまうのが不思議なものです。

今回紹介するLinearMouseはマウスのスクロール加速を取り除いてくれるユーティリティです。

LinearMouseの使い方

アプリケーションは常駐します。

Taskbar Groups - アプリをグルーピングしてタスクバーからアクセス

2021-07-09T21:00:00+09:00

よく使うソフトウェアはすぐにアクセスできる場所に置いておくのが便利です。人によってそれはデスクトップだったり、特定のフォルダだったりします。ランチャーを使う人もいるでしょう。

今回紹介するTaskbar Groupsは複数のソフトウェアにタスクバーからアクセスする、そんなユーティリティです。

Taskbar Groupsの使い方

メイン画面です。

Instatus Out - 各種クラウドサービスのステータスを監視

2021-07-09T17:00:00+09:00

クラウドサービスを利用するのが当たり前になっている現在、サービスが突然障害を起こしたりすると、その対応に大わらわになります。少なくとも、障害が起きたらすぐに知りたいと考えることでしょう。

そこで使ってみたいのがInstatus Outです。各種サービスのステータスを監視してくれるユーティリティです。

Instatus Outの使い方

メニューバーに常駐します。

LANDrop - マルチプラットフォームで使えるAirdrop代替

2021-07-08T21:00:00+09:00

パソコンやスマートフォンでファイルを送受信し合うのは意外と面倒です。Apple製品同士であればまだ良いですが、WindowsやAndroidが入ると途端に面倒になります。結局メールで送ったりするのも手間です。

そこで使ってみたいのがLANDropです。LAN内でつながっているデバイスに対してファイルを送信できるソフトウェアです。

LANDropの使い方

ファイルを送ります。

Statsig - GitHub Actionsを使ったサーバレスなステータスページ

2021-07-08T17:00:00+09:00

Web APIやWebサービスのステータスページは大事です。障害が発生した際に、ステータスページがあれば状況が把握できます。何も情報がないのが最も不安を煽るので、ダメな場合でもダメという情報を伝えるのが肝心です。

今回紹介するStatsigはGitHubを使って構築する静的サイトなステータスページです。

Statsigの使い方

ステータスページです。

Amethyst - macOSのウィンドウ管理

2021-07-07T21:00:00+09:00

ウィンドウを開きすぎて、切り替えても目的のウィンドウにたどり着けなくなったりします。一度すべてのウィンドウを閉じても良いですが、またすぐに散らかってしまうでしょう。

そこで使いたいのがウィンドウマネージャです。今回はmacOS用のAmethystを紹介します。

Amethystの使い方

メニューバーに常駐します。

Akwaba - Notionをバックエンドにしたコメントシステム

2021-07-07T17:00:00+09:00

静的サイトに慣れると、ちょっとした機能のためにサーバサイドを開発するのが面倒になってしまいます。そこでAPIを使ってデータをクラウドで管理するようになります。Webサイトによくあるコメント機能もその一つです。

今回紹介するAkwabaはNotionをバックエンドにしたコメントプラットフォームです。

Akwabaの使い方

コメント一覧です。

ニューテゴミン - 手書きの明朝体フォント

2021-07-06T21:00:00+09:00

日本語は美しい文字だと思います。特に少し昔の文体が好きです。コンピュータ上で読みやすいのはゴシックかも知れませんが、美しさでは明朝体の方が好きな方は多いのではないでしょうか。

今回紹介するニューテゴミンは手書きの揺らぎが気持ちいい、そんなフォントになります。

ニューテゴミンの使い方

インストールします。

Twoslash - ドキュメントの中で入力補完や説明を表示

2021-07-06T17:00:00+09:00

ドキュメントの中にコードを記載するのは良くあることですが、単に書いてあるだけでは分かりづらいこともあるでしょう。たとえばIDEのようにマウスオーバーで説明を出したり、コメントなどで説明されているとより便利です。

今回紹介するTwoslashはそんなドキュメントを作成するライブラリです。

Twoslashの使い方

Twoslashの例です。コードに説明が追加されています。

cindr.musicPlayer.js - シンプルなUIの音楽プレイヤー

2021-07-05T21:00:00+09:00

オンラインで音楽を公開すれば多くの人に聴いてもらえるでしょう。そんな時、MP3ファイルを単に置くだけでは物足りないものです。格好良いUIのプレーヤーがあってこそ、聞き手も楽しくなるというものでしょう。

今回はWebベースのシンプルなミュージックプレイヤー、cindr.musicPlayer.jsを紹介します。

cindr.musicPlayer.jsの使い方

UIです。

Health Icons - 健康、身体に関するアイコンセット

2021-07-05T17:00:00+09:00

コロナ禍になって健康に対する意識が格段に上がっています。COVID-19はもちろん、メンタルなども問題になりやすいです。そのため、数多くの健康に対するWebサイトやアプリが開発されています。

そんな時に使えそうなアイコン群がHealth Iconsです。健康にフォーカスした、特徴的なアイコンが揃っています。

Health Iconsの使い方

血液やデバイス。

Comet - Discord風のコミュニケーションツール

2021-07-04T21:00:00+09:00

コミュニティでのオンラインコミュニケーションツールとして採用されることが多いのはSlack、またはDiscordではないでしょうか。元々ゲームのイメージが強かったですが、Discordを利用するケースも増えています。

今回紹介するCometはそんなDiscordに似たUIのコミュニケーションツールです。

Cometの使い方

チャット画面です。この表示はDiscord風です。

Whiteboard - Webベースのコラボレーションできるホワイトボード

2021-07-04T17:00:00+09:00

会議でよく使われるホワイトボード。リモートワークが続くと、ホワイトボード的に手軽に書き込めるツールが欲しくなってきます。紙に書いて写真を撮ってシェアするのはナンセンスです。

そこで使ってみたいのがWhiteboardです。名前の通り、Web上でコラボレーション可能なホワイトボードを提供します。

Whiteboardの使い方

手書き、図形を書き込めます。

javascript-notebook - Jupyter Notebook風にブラウザのJavaScriptを実行

2021-07-03T21:00:00+09:00

JavaScriptの実行環境として開発者ツールがよく使われます。便利な反面、手順などの説明は別途ドキュメントが必要になります。ドキュメントを見ながらコードを実行するのは、読み違えてしまったり、どこまで読んだか分からなくなるリスクがあります。

そこで使ってみたいのがjavascript-notebookです。簡易的なJavaSript版Jupyternote Bookです。

javascript-notebookの使い方

メイン画面です。テキストを編集したり、コードを記述できます。コードを実行すると、下の行に結果が出力されます。

LiteDB.Studio - LiteDB用の管理UI

2021-07-03T17:00:00+09:00

LiteDBというのはC#製のドキュメントデータベースになります。MongoDBのように使えますが、DBファイル一つで使える点はSQLite3のようなものになります。ローカルにちょっとしたデータベースが欲しいときに便利です。

そんなLiteDBのデータを管理できるのがLiteDB.Studioになります。GUIで使えるのが便利です。

LiteDB.Studioの使い方

データベースファイルを指定して実行します。

Win10_BrightnessSlider - タスクバーに常駐する輝度調整ユーティリティ

2021-07-02T21:00:00+09:00

モニターの輝度は作業によって変えたくなります。さらに時間帯によって調整することで、目の疲れを軽減できるでしょう。最近では自動で行ってくれるソフトウェアもありますが、手作業で行いたい人もいるはずです。

そんな方にお勧めなのがWin10_BrightnessSliderです。Windows7以降で使える輝度調整ユーティリティです。

Win10_BrightnessSliderの使い方

タスクバーに常駐します。

GoFPDF - GoでPDFを出力するならば使おう

2021-07-02T17:00:00+09:00

システム開発でPDFを生成する場面は少なくありません。特に業務システムに関わっていると避けては通れないでしょう。最近ではWebブラウザのPDF印刷機能を使ったりもしますが、描画を細かく制御するならサーバ側で出力すべきです。

今回紹介するGoFPDFはGo製のPDF生成ライブラリです。多機能なのが特徴となっています。

GoFPDFの使い方

生成したPDFです。一例としてウォーターマークをサポートしています。

Rustpad - Rust製のコラボレーションテキストエディタ

2021-07-01T21:00:00+09:00

Webアプリケーションの特徴はコラボレーションにあると言えるでしょう。ローカルアプリケーションではなかなか難しい同時作業も、Web上であればサーバ側で連結してくれます。

今回紹介するRustpadはそんなコラボレーションを可能にするエディタです。データベース不要で使えます。

Rustpadの使い方

トップページです。ユニークなURLが生成されるので、それを他の人と共有します。

Pikchr - 詳細なドローが可能なテキスト記法

2021-07-01T17:00:00+09:00

仕様書など、ドキュメントの中に図を埋め込みたい場面は多いです。そんな時にドローアプリなど専用のアプリケーションを立ち上げて描くのは面倒でしょう。何より更新が面倒になります。

そこで使ってみたいのがPikchrです。ドキュメントの中に埋め込めるドロー記法です。

Pikchrの使い方

Pikchrのサンプルです。

arrow right 200% "Markdown" "Source"
box rad 10px "Markdown" "Formatter" "(markdown.c)" fit
arrow right 200% "HTML+SVG" "Output"
arrow <-> down 70% from last box.s
box same "Pikchr" "Formatter" "(pikchr.c)" fit

描かれる図です。SVGで描画されます。

Chrome ClockTab - Chromeの新規タブでシンプルな時計を表示させる

2021-06-30T21:00:00+09:00

Google Chromeで新しいタブを開いた時には何を表示しているでしょうか。デフォルトの検索画面という方も多そうですが、カスタマイズして生産性を上げるのはいかがでしょうか。

今回紹介するChrome ClockTabは新しいタブをシンプルな時計にしてくれる、そんなChrome機能拡張です。

Chrome ClockTabの使い方

デフォルトの表示です。

Helix - Rust製の軽量なテキストエディタ

2021-06-30T17:00:00+09:00

テキストエディタは無数に存在します。そんな中、自分の手に馴染むものは限られています。他の人が良いからといって、自分にも合っているとは限りません。実際に使ってみなければ、分からないでしょう。

今回紹介するHelixはRust製のテキストエディタです。ターミナルで使えるシンプルなエディタです。

Helixの使い方

エディタ画面です。

rpg-cli - ファイルシステムをRPGに

2021-06-29T21:00:00+09:00

ゲーム開発をしてみたいと思ったことはあるでしょうか。そんな時、ネタに困ってしまうことが多々あります。ゲーム開発者のように柔軟に考えられると良いのですが、ついつい壮大なものを考えてしまったり、逆に何も思いつかなかったりします。

今回紹介するrpg-cliはファイルシステムをRPGにする、ちょっとよく分からないゲームです。

rpg-cliの使い方

rpg-cliというコマンドを使います。そしてcdすると敵と戦います（敵がいない場合もあります）。これはゴーレムに勝った例。

$ rpg-cli cd ~
   golem[1][xxxx]@~/Downloads 
   golem[1][xxxx] -12hp
   golem[1][xxx-] -11hp
   golem[1][xx--] -11hp
   golem[1][x---] -14hp
   golem[1][----] -12hp
    hero[2][xxxx] +60xp +level +41g
    hero[2][xxxx][xx--]@~/Downloads

ホームディレクトリではアイテムを買えます。

$ rpg-cli buy
    sword[1]    500g
    shield[1]   500g
    potion[1]   200g
    escape      1000g

    funds: 41g

これは負けてしまった例。 opt ディレクトリは強かった…。

$ rpg-cli cd /opt/
 vampire[2][xxxx]@/Users 
 vampire[2][xxx-] -17hp
    hero[2][xxx-] -13hp
 vampire[2][xx--] -13hp
    hero[2][xx--] -11hp
 vampire[2][x---] -15hp
    hero[2][----] -14hp
    hero[2][----] ?

rpg-cliはファイルシステムをさまよいつつ、魔物を倒していくゲームです。なかなか理解しづらいですが、ファイルシステムをダンジョンのような迷宮だと捉えると良いのかも知れません。ゲーム開発を行いたい方のアイディア一助になるかも知れませんね。

rpg-cliはRust製のオープンソース・ソフトウェア（MIT License）です。

facundoolano/rpg-cli: Your filesystem as a dungeon!

Gio - 幅広いプラットフォームに対応したGo製のUIライブラリ

2021-06-29T17:00:00+09:00

Flutterがバージョンアップし、UIのレンダリングにCanvasを用いることが発表されました。さらにGoogleドキュメントも描画がCanvasベースになるといわれており、徐々にDOMの差分対応がボトルネックになるのを嫌がり、Canvasへ移行するケースが見られています。

今回紹介するGioはGo向けのUIライブラリになります。その描画がWebAssemblyやWebGLを使っているのが特徴です。

Gioの使い方

表示例です。HTMLではないのは何となく分かりますが、綺麗に描画されています。

imml - 1ファイルで複数ページを内包するミニマリスト向けのHTMLエディタ

2021-06-28T21:00:00+09:00

ちょっとしたWebサイトを作る際に、HTMLを手打ちするのは面倒です。Markdownで書いて、HTML変換しても良いですが、複数ページあるのを管理するのも面倒でしょう。ちょっとしたことだからこそ、なるべく手間をかけずに管理したいものです。

そこで使ってみたいのがimmlです。複数のページを1つのHTMLで、スタイルもまとめて管理します。

immlの使い方

編集画面です。左側で編集、右側にプレビューが表示されています。

CSSFont - CSSで作られたシンプルなフォント

2021-06-28T17:00:00+09:00

フォントといえば専用のファイルフォーマットで作られるものがほとんどです。しかし最近ではアイコンフォント、絵文字のように利用範囲が広がっています。反面、フォントはバイナリファイルであり、サイズが大きいのが難点です。

そこで使ってみたいのがCSSFontです。CSSで作られているので軽量、かつスタイル変更しやすい柔軟性に富んだフォントです。

CSSFontの使い方

レギュラー。

Ambie - 集中して作業するためのホワイトノイズ生成

2021-06-27T21:00:00+09:00

ノイズと言われると良いイメージはありませんが、集中する際にはまったくの無音よりも多少のノイズがあった方が良いといわれています。たとえばカフェで仕事をすると捗るのは、他人の会話が邪魔にならないノイズになってくれるからです。これはホワイトノイズと呼ばれます。

今回紹介するAmbieは様々なホワイトノイズを提供するソフトウェアです。

Ambieの使い方

メイン画面です。

tabula-java - PDFの表データを抽出するコマンド

2021-06-27T17:00:00+09:00

PDFは改変されづらいフォーマットですが、書かれている情報を抜き出したいと思うことは良くあります。その多くが帳票や一覧データからのデータ抜き出しです。便利なフォーマットの反面、目的のデータがシステム的に処理しづらいのが難点です。

そこで使ってみたいのがtabula-javaです。コマンド一つで表形式のデータを抜き出せます。

tabula-javaの使い方

AWSの請求書からデータを抜き出してみます。形式はJSONとしてみました。


$ java -jar tabula-1.0.4-jar-with-dependencies.jar  -f JSON pdf/hoge.pdf

[{"extraction_method":"lattice","top":340.04214,"left":35.97931,"width":540.0157470703125,"height":101.99786376953125,"right":575.99506,"bottom":442.04,"data":[[{"top":340.04214,"left":35.97931,"width":449.9739074707031,"height":22.400726318359375,"text":"AWS Service Charges"},{"top":340.04214,"left":485.95322,"width":90.04183959960938,"height":22.400726318359375,"text":"JPY 000"}],[{"top":362.44287,"left":35.97931,"width":540.0157470703125,"height":19.9471435546875,"text":"Charges (excl. JCT)