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

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

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

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

もっと見る

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画像原寸...

None

  • 2019/07/25

wasm2kt - WebAssemblyファイルをKotlin/Javaに変換

WebAssemblyはWebブラウザ上のみならず、ユニバーサルバイナリとして様々な環境で実行できるようになっています。WebAssemblyはバイナリだけでなく、テキスト形式にもでき、S式として可読性も多少あるフォーマットです。そこで作られたのがwasm2ktです。WebAssemblyを読み込み、kotlinおよび...

List

  • 2019/07/25

vue.py - Pythonで作るVue.jsアプリ

JavaScriptはWebブラウザ上での動作が保証されている唯一のプログラミング言語です。しかし、別な言語を使いたいと考える人も数多くいます。サーバサイドと言語を合わせたいという要望もあります。もしあなたがPythonを使っているならば、vue.pyを使ってWebブラウザ画もPythonで書いてみるのはいかがでしょう...

List

  • 2019/07/24

SOX - Stack Overflowがもっと便利になるユーザスクリプト

Stack Overflowは開設以来、開発者への高い人気を保ち続けているサービスです。コンテンツが増えれば増えるほど、信頼性も高まっていくので地位は盤石になっていると言えるでしょう。そんなStack Overflowをもっと便利にしてくれるのがブラウザ機能拡張がSOX(Stack Overflow Extras)です...

List

  • 2019/07/24

Pinker - 文字で定義して図に変換

Webが不得意としているものの一つが図(ダイアグラム)でしょう。Canvasを駆使すればできなくもないですが、画像編集ソフトウェアを使って画像として埋め込んでしまう人の方が多そうです。今回紹介するPinkerはJavaScriptのコードからダイアグラムを生成するソフトウェアです。## Pinkerの使い方レイアウトと...

List

  • 2019/07/23

Black Candy - 自分で立てる音楽ストリーミングサーバ

音楽ファイルは意外と大きく、大量の音楽ファイルをローカルに入れているとストレージを逼迫してしまいます。また、複数人で音楽を共有したい時には別途メディアサーバを立てたりするでしょう。そこで使ってみたいのがBlack Candyです。自分で立てる音楽ストリーミングサーバです。## Black Candyの使い方アクセスした...

List

  • 2019/07/18

imgpush - オープンソースの画像共有サーバ

ImgurやGyazoなど画像アップロードサイトは多数あります。そうしたサイトを使うことで友人やコミュニティサイトなどで画像共有を簡単に行えますが、コンテンツの公開制限をはじめ、自分で制御できないことに不安を感じる人もいるでしょう。そこで使ってみたいのがimgpushです。画像を簡単にアップロードできるサーバを手軽に設...

List

  • 2019/07/17

urlpages - サーバレスのWebプレイグラウンド

CodePenやJSFiddleなどWeb上でHTML/CSS/JavaScriptを試せるプレイグラウンドサービスが多様に存在します。これらはコードをサーバ側に保存するので、自前で同じような環境を用意するのが面倒です。今回紹介するurlpagesは静的サイトでも使えるのが魅力です。もちろん作成したコードを他の人に見せ...

List

  • 2019/07/17

photoEditor - Web上で簡易的な画像編集

ユーザに画像をアップロードしてもらう機能はよくありますが、そのままでは使いづらいことが良くあります。例えばサイズが大きすぎたり、回転してしまっていたりといった具合です。そんな時に簡易編集機能を提供できるのがphotoEditorです。## photoEditorの使い方写真を開いたところ。この状態では、まだサーバに送信...

List

  • 2019/07/16

paintDraw - Web上のペイントアプリ

Web上で絵を描いたり、画像に装飾を施したいと思うことが多々あります。画像をCanvasに読み込んで、後は線を引いたりすれば良いのですが、その実装は意外と複雑です。さらに間違った時のために消しゴム機能などもいるでしょう。そうしたペイント機能の基盤に使えそうなのがpaintDrawです。## paintDrawの使い方線...

List

  • 2019/07/14

lazydocker - CUIでDocker/Docker Compose管理

開発時にDockerやDocker Composeを使っている人は多いかと思います。Docker Composeでは複数のコンテナが立ち上がっているので、その状態やログを確認するのが面倒なことも多いでしょう。そこで使ってみたいのがlazydockerです。複数のコンテナを管理できるビューワーです。## lazydock...

List

  • 2019/07/14

Darkmode.js - Webサイトにダークモードを手軽に導入

macOSでダークモードが導入されて以降、一気にその波が広がっています。アプリなどもダークモードをサポートしたり、Webサイトでも行われるようになっています。プログラマやエンジニアでは背景を黒くするのが当たり前だったので、時代が追いついたと言えなくもなさそうです。そんなダークモードをWebサイトでも使えるようにするのが...