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

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

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

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

もっと見る

List

  • 2019/11/13

Kagura - RustだけでWebアプリケーションを開発するフレームワーク

WebAssemblyを開発する際の最も基本的な言語となるのがRustです。WebAssemblyでは元々DOMやネットワーク操作ができませんが、Rustのwasm-bindingによってWebブラウザ側のAPIを実行できるようになりました。その結果、WebAssembly活用の幅が広がったと言えます。Kaguraはそ...

List

  • 2019/11/13

Chrome Extension CLI - Google Chrome機能拡張開発を強力にサポート

Google Chrome機能拡張を使えばWebブラウザがさらに便利になります。普段物足りない、痒いところに手が届かないと感じているなら自分で機能拡張を作ってしまいましょう。しかし作り方を一から学ぶのは面倒ですよね。そこで使ってみたいのがChrome Extension CLIです。Google Chrome機能拡張作...

List

  • 2019/11/10

tinysearch - WebAssemblyを使ったWebブラウザ用全文検索

Webサイトには検索機能をつけるのが基本です。その多くの場合、サーバサイドでデータベースを検索し、その結果を返すようになっています。またはコンテンツデータをあらかじめクライアントサイドに持っておいて、JavaScriptで絞り込んだりします。今回紹介するtinysearchはクライアントサイドで検索を行います。特徴的な...

List

  • 2019/11/09

PlainDraggable - SVG/DOMのドラッグ&ドロップライブラリ

Webアプリケーションが多機能になるにつれて、ローカルアプリケーションライクな操作が求められるようになっています。例えばドラッグ&ドロップはローカルアプリケーションであれば良くある操作と言えます。そんなドラッグ&ドロップをスムーズに行えるライブラリがPlainDraggableです。## PlainDraggableの...

List

  • 2019/11/08

MarkdownPreview - エクスプローラでMarkdownファイルをプレビュー

macOSではQuickLookというファイルの内容をプレビューできる機能がありますが、Windowsではエクスプローラ上にプレビュー機能があります。選択するだけでプレビューされるので個人的には使わないのですが、便利に使っている方も多いはずです。今回紹介するMarkdownPreviewはエクスプローラ拡張でMarkd...

List

  • 2019/11/07

Rainmap - 現在の降雨情報を地図に表示

最近の台風や水害によって天気を見る癖がついてしまった人は多いでしょう。明日の天気はまだまだ精度が低いように思いますが、現在の天候を使って5分後から数時間後くらいの天気であればかなり精度の高い予測ができるようになっています。今どこで雨が降っているのか、知りたい人はRainmapを見てみましょう。## Rainmapの使い...

List

  • 2019/11/05

Tiler - 画像で画像を表現

風景の写真をモザイクで表現したり、小さな写真をちりばめて大きな写真を作ったりと、同じ素材でも表現の仕方を変えるだけで印象が大きく変わります。画像編集ソフトウェアでもそういった機能を持ったものがあります。今回紹介するTilerはPythonを使って、画像を画像で表現します。## Tilerの使い方元画像。!

List

  • 2019/11/05

Vue-Blocks - Vue製のデータフローエディタ

ノードをつなぎ合わせてユーザがその場で動作を変えられる仕組みは人気ですが、そのUIはとても複雑です。専用のライブラリを使いますが、それ以外の仕組みとの相性を選びます。もしVueで作っているならばVue-Blocksがその役割にぴったりでしょう。## Vue-Blocksの使い方デモ画面です。!

List

  • 2019/11/04

darkmodejs - ライト/ダークモードをWebブラウザでも認識

最近のOSではダークモードが導入されています。時間によって変わることもできれば、単に暗めのUIが好きという人も選択できます。開発者であればダークモードを好む人も多いでしょう。そんな中、ダークモードなのにWebサイトが明るいままだと興ざめです。解決してくれるライブラリとしてdarkmodejsを紹介します。## dark...

List

  • 2019/11/04

uPlot - 大量のデータを高速に描画するグラフライブラリ

チャートライブラリに求められるニーズはたくさんあります。使えるグラフの種類が多いこと、カスタマイズが容易なこと、リアルタイムデータにも使えることなどなどです。すべてをまかなえるライブラリは多くないので、目的に合わせてライブラリを使い分けるのが良いでしょう。今回紹介するuPlotはとにかく大量のデータを即座に表示したいと...

List

  • 2019/11/03

Bullshit.js - よく分からない単語は見ない

開発者にとって、マーケターであったり経営者の話している内容はさっぱり分からないことがあります。そのため、彼らが登壇して語りかけても意味が通じず、心に刺さりません。そんな状況を端的に表しているのがBullshit.jsです。分かりづらい単語を理解できるものにしてくれます。## Bullshit.jsの使い方変換前です。!

List

  • 2019/11/02

bindPDF - PDFを連携して一つのPDFに

PDFの利用が増えると、その量が増えていきます。そしてソフトウェアを使ってPDFを生成したりすると、バラバラになったPDFが散乱します。そこで必要になるのがPDFを連携するニーズです。今回紹介するbindPDFはPDFファイルを連結するソフトウェアです。## bindPDFの使い方複数のPDFファイルをドロップすると、...

List

  • 2019/11/01

newsroom - ニュースを手軽にチェックできるコマンド

インターネットを使うことで世界中から情報を入手できますが、それが膨大な量になってしまって情報過多に陥っています。常に収集するのではなく、必要なタイミングでチェックするくらいでも十分と言えそうです。そこで使ってみたいのがnewsroomです。CUIで使えるニュースリーダーです。## newsroomの使い方実行すると、ま...

List

  • 2019/10/31

takenote - シンプルなMarkdown対応のメモソフトウェア

Markdownベースのメモソフトウェアが増えています。多くが3ペイン構成になっており、左側にフォルダ、中央にファイル一覧、そして右側がエディタとなっています。メモを一カ所にまとめておくことで、すぐに探し出せたり、メモできるのが便利です。今回紹介するtakenoteもそんなメモソフトウェアの一つです。シンプルなMark...

List

  • 2019/10/31

Markdown - Markdown記述をサポートするツールバー

Markdown記法はそれほど複雑ではないものの、括弧の順番を忘れてしまったり、テーブルの文字寄せの書き方を調べたりすることがあります。慣れていない人にとってはまだまだ難しい記法と言えるでしょう。そこで使ってみたいのがMarkdown(以下、Markdown(WYSIWYG)とします)です。同名のライブラリなのが気にな...

List

  • 2019/10/30

roughViz - 手書きのようなラフなグラフを描く

正確に書かれた図は見やすいものですが、かしこまった雰囲気が出てしまいます。モックアップのレベルであまり正確なものを作るとデザイン上の些細な部分にこだわりはじめてしまうのでお勧めできません。そこで使ってみたいのがroughVizです。手で書いたような乱雑なグラフが描けるライブラリです。## roughVizの使い方棒グラ...

List

  • 2019/10/29

WebAssembly.sh - WebAssembly製のWebターミナル

Webブラウザでも十分ターミナルが実装できるようになってきました。あえて専用のソフトウェアをインストールする必要もなく、すぐにサーバにアクセスできます。公開鍵認証などは多少面倒ですが、十分使えるレベルです。今回紹介するWebAssembly.shもそんなターミナルの一つですが、WebAssemblyで作られており、PW...

List

  • 2019/10/27

ASCII Roulette - アスキーアートを使ったビデオチャット

数年前にチャットルーレットというサービスが流行りました。そのサイトにアクセスすると、世界中にいる誰かとチャットができるというサービスです。誰に出会えるか分からないドキドキ感で、みんながアクセスしました。そんなチャットルーレットをターミナル上で再現したのがASCII Rouletteです。## ASCII Roulett...

Missing

  • 2019/10/27

Notes manager for macOS/iOS - MarkdownとRTFに対応したmacOS/iOS用ノートアプリ

メモソフトウェアは何を使っているでしょうか。この手のソフトウェアはオープンソースのものが多く、目移りしてしまいます。例えばBoostnote、Notableなどがあります。個人的には今はNotableを使っています。そんな中、強力なライバルが登場しました。それがNotes manager for macOS/iOSです...

Missing

  • 2019/10/26

React SlideShow UI - Slideshare/Speakerdeck風の表示を行うReactコンポーネント

スライドを共有するSlideshareやSpeakerdeckのようなサービスを作りたいと思ったことはないでしょうか。個人的には以前作ったことがあるのですが、その頃はFlashに変換してビューワーで表示するのが基本でした。今であればPDFや画像化して表示することでしょう。今回紹介するReact SlideShow UI...