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

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

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

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

もっと見る

List

  • 2020/06/29

RoughNotation - ラフな感じに仕上がる注釈ライブラリ

コンピュータで直線や綺麗な真円を書くのは簡単です。逆に手書きのような乱れた線を書いたりするのは不得意です。しかし正確な描画は、ちょっとしたズレが気になったり、執拗に整えようとして時間を無駄にしてしまいがちです。そこで参考にしたいのがRoughNotationです。いわゆる注釈ツールなのですが、ラフな感じに描けるのが特徴...

List

  • 2020/06/28

‎Translate Web for Safari - Safariで翻訳を素早くする機能拡張

Webブラウジングをしていて英文などを翻訳したいと思ったことはないでしょうか。よくあるのは別なタブで翻訳サイトを開いて、そこにテキストを貼り付けるという操作です。クリップボードにコピーしたりして、意外と操作が多かったりします。そこで使ってみたいのが‎Translate Web for Safariです。翻訳サイトへの一...

List

  • 2020/06/28

Ballast - macOSのサウンドに潜む不具合を補正

macOSで音を出力していて、左右のバランスが不調になったことはないでしょうか。これはmacOSのバグであり、CPUに負荷がかかっている時に音量ボタンを押すと発生するようです。また、左側で充電するとCPU負荷が高くなるという問題もあります。そうした問題に対して対応するユーティリティがBallastです。特定の問題ではあ...

None

  • 2020/06/27

AskQL - 次世代のWeb API用クエリ言語

Web APIの歴史としてはREST APIが大きな転換期になったと思われます。10年以上に渡って使われ続けていますが、徐々に向き不向きが出てきました。そんな中、ここ数年はGraphQLに注目が集まっています。今回紹介するのはさらに次世代のWeb APIともいえそうなAskQLを紹介します。askを冠につけたクエリ言語...

List

  • 2020/06/26

Image Compare Viewer - Web上で2つの画像を比較

変更前のと変更後の画像や動画は見る目を引くものです。何が変わったのか、どう変わったのか分かると、どこに工夫がこらされているのか分かります。ビフォーアフターのようなリフォーム番組でも、前後の動画を効果的に使っています。今回紹介するImage Compare Viewerもそんな比較を効果的に行えるライブラリです。二つの画...

List

  • 2020/06/26

new.css - HTMLタグのまま使えるCSSフレームワーク

デザインが苦手な人にとって、デザインテンプレートはとても便利な存在です。Bootstrap臭が、といわれても便利である以上使わざるを得ません。しかしクラスの使い方などを覚えるのは面倒です。今回紹介するnew.cssはHTMLタグのみ、クラス指定が不要(クラスレス)なCSSフレームワークになります。## new.cssの...

List

  • 2020/06/25

LuckyBits - 小さなグループ用のリンク共有システム

ブックマークは個人で使うものもあれば、社内のチームで共有すると便利なものもあります。そうした目的の際には外部のソーシャルブックマークサービスは不便です。また、ローカルブックマークも使い勝手がよくありません。そこで使ってみたいのがLuckyBitsです。少人数のグループを対象にしたリンク共有ソフトウェアです。## Luc...

List

  • 2020/06/23

Asteroid - JavaScriptの実行環境を備えたMarkdownエディタ

Markdownをコンテンツとして利用しているWebサイトが増えています。HTMLに比べれば簡易的な記法ですし、知らずに書いても決して読めないものにはならないでしょう。そして素のMarkdownエディタだけでなく、ちょっとした付加価値を追加したものも多数作られています。今回紹介するAsteroidはMarkdownエデ...

List

  • 2020/06/22

Selecto.js - Web上でドラッグで選択するUXを実現

Webアプリケーションが広く使われるようになり、さもローカルアプリケーションと同じように操作できるようになっています。しかし、デスクトップの操作に近づけば近づくほど、ちょっとした操作性の違いに違和感を感じるようになります。今回はドラッグして選択する操作をサポートするSelecto.jsを紹介します。この操作、デスクトッ...

List

  • 2020/06/21

小窓さん - ワイプ付きで任意のアプリを表示できるオンライン会議ユーティリティ

オンラインで会議やイベントに登壇している際に、通知が出てしまったり、他のアプリケーションが表示されてしまったりして焦った経験はないでしょうか。普段ならなんということもない操作も、焦ったりすると間違えることが多々あります。そうしたミスを防ぎたい時に使えるのが小窓さんです。小窓さんさえ画面共有すれば、ワイプ付きで配信できま...

List

  • 2020/06/21

ChromeGalvanizer - Google Chromeのセキュリティポリシーを作成

Google Chromeのシェアが伸び、企業内でもGoogle Chromeを使っているケースが増えています。Google Chromeといえば機能拡張が便利ですが、中にはセキュリティ上好ましくないものもあるでしょう。そういった時に使いたいのがChromeGalvanizerです。Google Chromeを企業内で...

List

  • 2020/06/19

Progressive Web Maps - オフラインでも使えるPWAの地図アプリ

PWA(Progressive Web Apps)が広まることで、スマートフォンアプリとWebアプリの垣根がなくなってきています。タスク管理や電卓のような簡易的なアプリケーションはもちろん、IDEのような大型なWebアプリケーションもPWA対応してきています。今回紹介するProgressive Web Mapsは地図ア...

List

  • 2020/06/19

Link Lock - シェアできるパスワードロック付きURLを生成

URLを他の人には分からない形でシェアしたいと思うことはないでしょうか。認証などを使えばできるでしょうが、それは面倒です。あらかじめキーワードを決めておいて、それだけでシェアできると便利でしょう。今回紹介するLink LockはURLをAESで暗号化し、パスワードを知らないと復号化できない状態にしてくれます。## Li...

List

  • 2020/06/18

Glance - 開発にも便利な多彩なフォーマットに対応したQuickLookプラグイン

macOSで便利な機能がQuickLookです。スペースキーを押すだけでファイルの内容が閲覧できます。しかしファイルの種類は多岐に渡るので、標準対応しているフォーマットはそれほど多くありません。そのためにプラグインがあるのですが、一つ一つのフォーマット毎にプラグインを追加するのは面倒です。そこで使ってみたいのがGlan...

List

  • 2020/06/18

ChartS.css - Markdownのリストをグラフに変換

グラフを描く際には専用のライブラリを使うことが多いですが、それに不慣れだとうまく表示できずにストレスが溜まります。ちょっとしたグラフであれば、もっとシンプルに描きたいと思うのではないでしょうか。そこで使ってみたいのがChartS.cssです。Markdown形式からグラフに表示になる、シンプルなライブラリです。## C...

List

  • 2020/06/17

Dark Reader - 任意のWebサイトをダークモードで表示

ダークモードに対応したサイトが増えてきています。多くは自動的に設定されたり、設定画面を使って自分で切り替えるようになっています。しかし、まだまだ未対応のサイトが多いのも事実です。そこで使ってみたいのがDark Readerです。任意のWebサイトをダークモード対応にします。## Dark Readerの使い方MOONG...

List

  • 2020/06/15

twigl - オンラインのGLSLエディタ

GLSLはOpenGLやWebGLなどで使われているシェーダーを記述するための言語になります。3D CGなどを行っている方であれば馴染みのある言語でしょう。書き方がJavaScriptなどのプログラミング言語とは異なるので、慣れないとなかなか使い方を覚えられないかも知れません。そんなGLSLをWeb上で書いて試せるのが...

List

  • 2020/06/14

LaTeX.css - HTMLをLaTeX風に表示するCSS

LaTeXで文書を書いていて、HTMLに変換して欲しいというニーズはよくあります。そうしたHTMLはどことなくLaTeXっぽく感じられるでしょう。論文やレポートとしてはよくても、読み物としては読みづらい雰囲気があります。LaTeX.cssはその逆です。HTMLをLaTeXっぽく見せてくれるCSSになります。## LaT...

List

  • 2020/06/14

DeepL Chrome Extension - Google ChromeからDeepLを使って簡単に翻訳

Google翻訳よりも自然な翻訳ができているとして、DeepLに注目が集まっています。執筆時点ではまだAPIベースの翻訳は日本では使えないのですが、提供されればWebサービスやビジネスでの利用も進むでしょう。そんなDeepLをGoogle Chromeから簡単に使えるようにするのがDeepL Chrome Extens...

List

  • 2020/06/13

Twitterclone - Twitter風のUIデザイン

Twitter風のWebサイトを作ってみたいと思ったことはないでしょうか。プロフィール画面やタイムラインがあって、そこにフォロワーがいて…などTwitterの基本的なデザイン構成はそれほど部品が多くはありません。TwittercloneはそうしたTwitter風のデザインを模したソフトウェアになります。少しだけサーバサ...