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

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

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

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

もっと見る

List

  • 2019/01/15

Vuestagram - Vue製のInstagramクローン

技術的なトライをしたい時に、すでにある有名なものを真似するのは良いアイディアです。必要な機能、操作性など参考になるものがあると開発しやすいでしょう。オープンソースによるクローンソフトウェアの中には、技術力を試したいという目的の場合が多いです。今回紹介するVuestagramはVueを学ぶ際にぴったりな素材です。Inst...

List

  • 2019/01/15

txqr - QRコードをアニメーションさせてデータ転送

QRコードは世界中で使われています。その扱える情報量は英数字であれば4,296文字までですが、誤り訂正のレベルを上げればもっと減少します。QRコードのサイズも大きくなってしまうデメリットもあります。そこで生み出されたのがtxqrです。QRコードをアニメーションさせることで情報伝達量を増やそうという試みです。## txq...

List

  • 2019/01/14

wiv.js - DIVタグをグニャグニャに

Webサイトではあまりアニメーションが使われることが多くありません。CSSアニメーションは高度ですし、CanvasやWebGLも同様です。アニメーションGIFはありますが、あまり多用されないでしょう。そんな訳で一度表示したら動きが感じられないサイトが多いのですが、そんな時こそライブラリを使ってみましょう。今回はDOMを...

List

  • 2019/01/14

rrweb.io - Webサイトの操作を記録&再生

Webサイトでユーザがどんな操作を行ったのかを解析することによって次の改善策が生まれることがあります。また、ゲームプレイのように後で見返したり、リプレイしてみたいケースもあります。録画しておくことで後で振り返れるようになります。任意のWebサイトにおいてセッションを記録できるライブラリがrrweb.ioになります。##...

List

  • 2019/01/12

ArchiveBox - 閲覧履歴やブックマークをアーカイブ

この間見たはずなのに…という情報が見つからないと言った経験はないでしょうか。未知の情報を探すのはGoogleによってできても、逆に既知の情報を探すのは大変です。自分の中でバイアスがかかってしまい、うまく探せなくなります。そういった事態に陥らないために使ってみたいのがArchiveBoxです。ブックマークや閲覧履歴などを...

List

  • 2019/01/12

TechCrunch-CLI - ターミナルでTechCrunchを読む

不慣れな操作を行う場合にはGUIで説明やヘルプがたくさんあった方が使いやすいですが、本当の意味で慣れてくると余計な情報がない方が使いやすくなります。業務システムなどは極限まで余計な情報をそぎ落としたり、CUIのものもたくさんあります。もしあなたがTechCrunchの熱烈な読者であれば、TechCrunch-CLIを使...

None

  • 2019/01/10

eureka - 忘れる前にメモ

アイディアはふとした表紙に思いつきます。しかし、頭から消え去るのもまた一瞬です。そのため、覚えている内に書き出しておかなければなりません。メモを探していたり、ファイルを保存している暇はないのです。そこで使ってみたいのがeurekaです。ターミナル操作中に思いついたアイディアを即座にメモできる、そんなソフトウェアです。#...

List

  • 2019/01/09

歌詞解禁 - 歌詞検索サービスのコピー防止策を解除

情報は提供したい、でも再利用はされなくないという矛盾を解決したい場面は情報提供側としては常に存在します。ブログは公開するけどブックマークされたくない、テキストは提供するけどコピーはされたくない、動画は配信するけれどダウンロードされたくないといった具合です。そうした時に行われるトリッキーな仕組みも、技術を駆使すると易々と...

List

  • 2019/01/07

sandspiel - 破壊的楽しみもある箱庭シミュレータ

シムシティやライフゲームなどの箱庭ゲームは自分の思い描く世界を作り、疑似体験できるのが魅力です。そして時には災害やアクシデントを発生させて、苦労して築いてきた世界を壊してしまう楽しさもあります。今回紹介するsandspielは規模こそ小さいですが、自然現象のシミュレーションができる箱庭となっています。## sandsp...

List

  • 2019/01/06

Path Slider - SVGをJavaScriptでアニメーション

SVGの良いところはベクターベースなので縮小、または拡大しても綺麗なまま表現できること、そして一般的に画像よりも軽量ということです。さらにJavaScriptとの親和性も高いのが開発者にとって嬉しいことです。とはいえ、SVGに対して高度な操作を行うのは大変です。すでにある、例えば今回紹介するPath Sliderのよう...

List

  • 2019/01/05

Textoverlay - テキストエリアでテキストをデコレーション

ソーシャル、チャットなどのサービスではテキストエリアに文字を入力するとメンションを表示したり、タグのところだけ色を変えたりします。ユーザとしては入力した情報が正しく認識されていると安心できます。同じ仕組みを提供する際に使えるのがTextoverlayです。テキストエリアをデコレーションしてくれる素敵なライブラリです。#...

List

  • 2019/01/04

wasmer - WebAssemblyをローカルで実行

WebAssemblyはWebと冠があるものの、もはやWebだけのものではなくなっています。Node.jsでは元々CUIでも実行できる状態でしたし、PHPでWebAssemblyを実行できるphp-ext-wasmもあります。今回紹介するのは様々なソフトウェアをWebAssembly化し、ローカルで実行できるwasme...

List

  • 2019/01/03

Shree - 軽量版Three.js

Three.jsといえばWebGLを使った高度な表現を可能にするライブラリですが、機能が相当に多く、ファイルサイズも大きいのが難点です。素のWebGLを触るのは相当に難度が高いですが、Three.js経由でも難しいという印象があります。そんな中登場したのがShreeです。Three.jsの主要な機能を残して実装された軽...

List

  • 2019/01/02

bilibili-get - ビリビリ動画のダウンローダー

元々ニコニコ動画のパクリとしてスタートしつつ、今ではNASDAQに上場まで果たしているのがビリビリ動画です。雰囲気としては昔のニコニコ動画を感じさせる作りで、コメントが流れるシステムなどが踏襲されています。そんなビリビリ動画で公開されている動画をダウンロードできるのがbilibili-getです。## bilibili...

List

  • 2019/01/01

actual-code - コードを実行できるMarkdownエディタ

Markdownは開発者がよく使っているだけあって、内容にコードがよく含まれています。様々な言語が記述されており、そのコードをコピーしてローカルで実行したりすることも多々あるでしょう。そんな時、Markdown上でコードが実行できれば良いのにと思ったことはないでしょうか。そこで使ってみたいのがactual-codeです...

List

  • 2018/12/31

livedl - ニコ生/ツイキャス/YouTube Liveに対応したライブストリーミングダウンローダー

ライブ配信用サービスが増えていますが、その結果として自分が見たいものが全部は見られないという状態になっています。そこで需要が出るのが録画ツールです。オフライン視聴できれば良いですが、そもそもサポートされていなかったり、配信側で制限してしまうこともあるでしょう。livedlはそんな悩める方にぴったりなソフトウェアです。ラ...

List

  • 2018/12/31

TodoAndNote - iOS用のTodoをサポートしたMarkdownエディタ

デスクトップとスマートフォンで情報を共有したいと考えることはよくあります。iOSとmacOSであれば連携も容易なのですが、AndroidやWindowsが絡むと途端に大変になります。メールでファイル内容を送ったりするのは嫌でしょう。そこで使ってみたいのがTodoAndNoteです。ファイルをDropboxで共有するMa...

List

  • 2018/12/30

Meetup Utils - リアルイベントで必要なツールをまとめて生成

コミュニティを作る際によく使われているのがMeetup.comです。日本(特にエンジニア)においてはConnpassの方が有名ですが、世界ではMeetup.comがほぼ独占しています。そして日々Meetup.comを通じてイベントが開催されています。そんなイベントで必要になる小道具を生成してくれるのがMeetup Ut...

None

  • 2018/12/29

dotnet-script - C#ファイルをスクリプトのように実行

.NETと言えばC#やASP.NET、VB.NETなどが思いつきますが、いずれもコンパイルして実行するプログラミング言語です。そのため開発環境であるVisual Studioが必須というイメージがあります。そんな常識を覆してくれるのがdotnet-scriptです。C#をスクリプトとして実行してくれるソフトウェアです。...

List

  • 2018/12/28

Debucsser - CSS情報を可視化してデバッグをサポート

CSSは非常にデバッグしづらい技術です。多少間違っていても動きますし、余分にあっても気づきづらいものです。Webサイトを更新するのに伴って、不要なCSSが蓄積されていたなんて話もよく聞きます。そんなCSSのデバッグに使ってみたいツールがDebucsserです。クラスやIDを可視化してくれます。## Debucsserの...