ITエンジニア/デザイナ向けにオープンソースを毎日紹介

ライセンス - MIT Licenseの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

None

  • 2019/08/09

mask - Markdownファイルを使ったタスクランナー

あらかじめ設定した処理を実行する、いわゆるタスクランナーは多数あります。GulpやGradleなどが有名です。多くのタスクランナーはシステム向けで、数ヶ月後にメンテナンスするのが困難になったりします。今回紹介するmaskはMarkdownファイルを使ったタスクランナーです。コメントも使えたりして、使い勝手が良さそうです...

List

  • 2019/08/08

Monaka - 添付ファイルも使える汎用メールフォーム

メールフォームはWebサイトで最もよく使われる機能ではないでしょうか。お問い合わせであったり、注文フォームなどユーザに入力してもらってサーバで送信を行う機会はとても多いです。毎回プロジェクトで作っているという方も多いでしょう。今回紹介するMonakaはPHP製の汎用的なメールフォームソフトウェアです。## Monaka...

None

  • 2019/08/08

Media Scraper - 各種ソーシャルメディアに対応した写真&動画ダウンローダー

今は自分のサイトに写真や動画を載せるのではなく、ソーシャルメディアにアップロードする方が多いのではないでしょうか。多くの魅力的なメディアがソーシャルメディア上にあり、それを収集したり保存している人も多いはずです。そこで使ってみたいのがMedia Scraperです。多彩なサイトに対応した写真と動画の収集ツールです。##...

List

  • 2019/08/07

GraphQL Zeus - GraphQL用のクライアントライブラリを生成

GraphQLの最も優れている点はWeb APIながらスキーマが用意されている点ではないでしょうか。それによってREST API以上に関連ツールが作りやすくなっています。動的にスキーマを読み込んでも良いですし、あらかじめコードを生成することもできます。今回紹介するGraphQL Zeusは後者に該当します。スキーマファ...

List

  • 2019/08/06

Argdown - 文章構造を可視化する記法

文章を構造化して書くのは難しいものです。特に長文になったりすると全体像を一目で把握するのが難しくなり、読み飛ばしてしまったりすれば意味を取り違えてしまうことになります。そこで使ってみたいのがArgdownです。文章構造を解析し、ビジュアル化してくれるソフトウェアです。## Argdownの使い方例です。左側が文章、右側...

List

  • 2019/08/05

KeyCastOW - キー操作をビジュアル化

ライブコーディングやソフトウェアの操作動画などで活躍するのがキーストロークの可視化ソフトウェアです。キーボード操作は画面上に表示されないのでキーボードショートカットを多用すると何をやっているのか視聴者には分からなくなってしまいます。そこでショートカットキーが見える形になっている必要があります。Windowsを使っている...

List

  • 2019/08/04

Windows Terminal - Micosoft製のターミナル

WindowsでCUIを使おうと思ったらコマンドプロンプトでした。その使い勝手の悪さは定評があり(失礼)、代替になるソフトウェアを使っている人が多かったのではないでしょうか。しかしWindows Terminalによって状況が変わりそうです。ローカル操作、リモート操作がすべてWindows Terminalでできるよう...

List

  • 2019/08/04

Fingerprint.js - Cookieに依らないトラッキング技術

広告システムで肝になるのがトラッキングです。トラッキングを行うことで、趣味や趣向を探ることができ、より精度の高い広告が表示できます。しかしトラッキングはプライバシーとの兼ね合いもあり、ブロッキングされることもあります。そんな中で注目されているのがFingerprintです。Cookieに頼らないトラッキング技術になりま...

List

  • 2019/08/03

Resilience - プロキシ型のアドブロッカー

インターネットには広告が付きものです。それを避けるための手段としてアドブロッカーがありますが、Webブラウザによって性能が異なったり、機能拡張が提供されていない場合もあります。そこで使ってみたいのがプロキシベースのアドブロッカー、Resilienceです。## Resilienceの使い方はてなブックマークのトップペー...

List

  • 2019/08/03

GifCapture - デスクトップ操作をアニメーションGIF化

アニメーションGIFはとても使い道が多いです。動画だとついつい冗長的になってしまいがちですが、アニメーションGIFはハイライト部分だけを切り出して作られています。面白い部分だけが繰り返し再生され、音声もないとあって、面白さが増幅します。そんなアニメーションGIFをデスクトップで手軽に作成するソフトウェアとしてGifCa...

List

  • 2019/08/01

host yo self - ファイルをアップロードしないWebベースのファイル共有システム

他の人とファイルを共有する機会は多いですが、時々とても面倒に感じることがあります。それこそ目の前にいる相手に対してファイルを送るの手段がなく、USBにコピーすることもあります。チャットやSlack、メールなどは相手と繋がっていたり、メールアドレスが分からないといけません。そこで使ってみたいのがhost yo selfで...

List

  • 2019/08/01

osu! - クリック主体のリズムゲーム

リズムゲームは世界中で人気があります。上から流れてくるのに合わせてボタンを押すもの、足でステップを踏むもの、さらに太鼓や特別な楽器風入力デバイスを使うものなの様々な形態が存在します。今回紹介するosu!はPC用なのでマウスを使いますが、多様なリズムゲームが楽しめます。## osu!の使い方メイン画面です。!

List

  • 2019/07/31

Moveable - マウスでドラッグ/リサイズ/回転を実現

Webアプリケーションとしてドローアプリを作りたい、または一部の機能としてDOMを移動したりサイズ変更するような機能を設けたいと思うことがあります。しかし、DOMをインタラクティブに操作するのは困難です。そこで使ってみたいのがMoveableです。マウスでDOMを簡単に操作できるようになります。## Moveableの...

List

  • 2019/07/31

webssh2 - Webブラウザで動くターミナル

サーバの操作をターミナルで行うのは基本ですが、クラウドサービスなどではWebブラウザ上で使えるターミナルを提供することがあります。ソフトウェアをもっていない人であったり、スマートフォンやタブレットからでもサーバ操作できるのが便利です。そんなWebブラウザ向けのターミナルとしてwebssh2を紹介します。SSH2を使った...

List

  • 2019/07/30

Simple HTML Invoice Template - シンプルな請求書のテンプレート

Webが苦手なものとしては、帳票があります。定型で体裁の整った帳票を生成するのは難しく、ついPDFなどに頼ってしまいます。かといって日本語で綺麗なPDFを出すのも難しかったりします。今回紹介するSimple HTML Invoice Templateはまさにその名の通り、シンプルな請求書のテンプレートとなっています。#...

List

  • 2019/07/30

capture-website-cli - コマンド一つでWebサイトのスクリーンショット

Webサイトのスクリーンショットを保存したいというニーズはよくあります。テストで利用することもありますし、プレゼン資料に使う時もあるでしょう。毎回Webブラウザを立ち上げてスクリーンショットを保存するのは面倒なはずです。そこで使ってみたいのがcapture-website-cliです。コマンド一回でWebサイトを画像で...

List

  • 2019/07/29

Osgood - 高速なJavaScriptのHTTPサーバ

ちょっとしたWebサーバを立てたいと思った時、ワンライナーをよく使います。それよりちょっとだけ複雑なルーティングが必要になったりすると、途端にプログラミング量が増えてしまいます。今回紹介するOsgoodはそのちょっとした部分を救ってくれる、そんなJavaScriptのHTTPサーバです。## Osgoodの使い方Osg...

List

  • 2019/07/28

GraphQL Editor - Webブラウザ上でGraphQLを設計

GraphQLではAPIをスキーマとして表現します。データベースのテーブルと対になることも多いですが、それ以外のデータも扱えます。また、すべてのカラムを公開すれば良いわけではないので、入力制御も必要でしょう。そんなGraphQLのスキーマをWeb上で設計できるのがGraphQL Editorです。## GraphQL ...

List

  • 2019/07/28

ProtoGraphQL - GraphQLをビジュアル的に設計

GraphQLはRESTful APIの代替になりえる仕組みです。データ取得に対して自由度が高く、入力と出力両方に対して型指定できるのも良いです。多くはフレームワークと組み合わせて使えますが、自分で一から設計する場合もあるでしょう。そんな時に使ってみたいのがProtoGraphQLです。GraphQLのスキーマをビジュ...

List

  • 2019/07/26

twitter画像原寸ボタン - Twitterの元画像をダウンロード

Twitterで画像を収集する際に、画像のアドレスを見つけるのに右クリックして画像のアドレスをコピーするでしょう。しかし、この時の画像のアドレスはオリジナル(最大)のものではなく、大きい画像レベルでしかありません。大きな画像が欲しい!という方はtwitter画像原寸ボタンを使ってみましょう。## twitter画像原寸...