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

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

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

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

もっと見る

List

  • 2020/12/18

*scratch*.js - Web版のScratch

EmacsにはScratchという機能があります。そこではCommon Lispを書いて、その場で実行できます。開発者ツールのコンソールに使いかも知れません。またはJupyter Notebookで実行するような感じです。そんなScratch風にJavaScriptを実行できるのが \*scratch\*.jsです。#...

List

  • 2020/12/17

eul - Big Surウィジェット対応のシステム状態監視ツール

ふと気がつくとCPUが一気に暴走していたり、ディスクが逼迫していることがあります。システムのステータスを監視しておけば、そうした変化にいち早く気付けるはずです。そのためのツールは多数あります。今回紹介するeulはその最新版といえます。Big Surウィジェットに対応したシステムモニタリングツールです。## eulの使い...

List

  • 2020/12/17

Builder.io - ブロックを組み合わせてWebページを作成

Webページを作る際に一からHTMLを作るのは大変です。開発者ですら大変なので、非開発者にとっては特に大変でしょう。Webサイトの運用は大抵開発者ではないので、運用担当者でも簡単にページを更新できる仕組みを作りましょう。今回紹介するBuilder.ioはWebページをドラッグ&ドロップで作成できるコンポーネントです。#...

List

  • 2020/12/16

mediaplayer - Web上で多彩な動画フォーマット再生

動画には様々なフォーマットがあります。さらに音楽ファイルについてもフォーマットが多いです。Web向けであればMP3やMP4であれば大抵再生できますが、さらにWebMやFLACのようなフォーマットもあります。今回紹介するmediaplayerはWeb上でも多彩なフォーマットに対応した動画再生ができるソフトウェアです。##...

List

  • 2020/12/16

YouTube Clone - 機能豊富なYouTubeクローン

YouTubeは巨大な動画配信プラットフォームですが、広告が激しくなっていたり、スパムまがいの動画も増えるなど、ノイズが増えてきています。使いづらい訳ではありませんが、特定の分野に限ったプラットフォームがあってもよさそうです。今回紹介したYouTube Cloneは名前の通り、YouTubeクローンなサービスです。機能...

List

  • 2020/12/15

Openwhyd - 好きな音楽をプレイリストにしてシェアしよう

音楽をきっかけに知り合いになったり、友達と一緒に聞いたりと、音楽にはソーシャルな一面があります。センスの良い人が選んだセレクションを聞くと集中して仕事ができたり、気分がリラックスできたりします。今回はそんな音楽を軸にしたソーシャルサービス、Openwhydを紹介します。## Openwhydの使い方トップページです。!

List

  • 2020/12/14

SVG Screenshot - Google ChromeのスクリーンショットをSVGで取得

一般的にスクリーンショットといえば画像になります。画像の場合、テキストが書かれていたとしてもコピーできず、再利用性が劣ります。スクリーンショットに出ているエラーメッセージが欲しい、といった時にとても不便です。今回紹介するSVG ScreenshotはスクリーンショットをSVGで保存してくれるGoogle Chrome機...

List

  • 2020/12/13

Notion Clone - Notionのようにノート編集できるWebアプリ

最近急激に知れ渡ってきたNotion。Wikiやプロジェクト管理、タスク管理などが一つに収まっているWebアプリケーションです。UIは使いやすく、様々なオブジェクト(テーブルデータ、画像など)を自由に管理できます。そんなNotionのページ入力UIをまねたのがNotion Cloneになります。## Notion Cl...

List

  • 2020/12/10

MoodTracker - 気分を記録して自分の状態を可視化しよう

自分で自分のことはよく分かっていると思いがちですが、意外と理解していなかったりします。体調はもちろんのこと、精神面においても正しく理解している人など殆どいないのではないでしょうか。知らず知らずのうちに疲れていたり、落ち込んでいたりするものです。今回紹介するMoodTrackerは自分の気分を記録して、状態の変化を監視す...

List

  • 2020/12/09

Clipper Sciter - クリップボードを履歴管理

クリップボードはコンピュータの中でも進化しない機能の一つです。ずっと昔からあるものの、未だに一つしか用意されていません。過去にコピーした内容を参照することもできません。そのためにはユーティリティを使わなければならず、20年以上前からそうしたユーティリティが存在します。今回紹介するClipper Sciterは元々Ele...

List

  • 2020/12/09

cocopy - コピーする文字列をプログラミングできるGoogle Chrome機能拡張

Google ChromeでテキストやURL、タイトルをコピーするタイプのソフトウェアは多数あります。形式もHTMLやMarkdownなど指定できるようになっていることでしょう。テンプレート機能があるものも多いですが、かゆいところに手が届かないと感じることも多々あります。そんな時に使ってみたいのがcocopyです。コピ...

None

  • 2020/12/07

Git-User-Switch - Gitユーザを切り替えるコマンド

Gitを企業と個人とでアカウントを分けて運用している人は多いかと思います。企業によっては個人のアカウント利用を許さず、退職時に消してしまうなんてところもあるようです。個人の活動が失われないよう、アカウントを適切に運用する方がいいでしょう。しかし、アカウントの切り替えが面倒です。そこで使ってみたいのがGit-User-S...

List

  • 2020/12/07

vitamin-meeeeet - Google Meetをちょっとカスタマイズする機能拡張

Google Meetは他のビデオ会議ツール、たとえばZoomなどと比べて若干機能が見劣りします。仮想背景もありませんし、機能はとてもシンプルです。ようやく背景をぼかす機能はできましたが、他と比べると見劣りするのが現状です。しかしWebブラウザだけで使えるという利点を活かすと、vitamin-meeeeetのような面白...

List

  • 2020/12/06

sql.js - SQLiteをWASM化したWebデータベース

HTML5ではIndexedDBというデータベースAPIが実装されています。しかし、若干利用法が独特な分、なかなか使いこなすのが難しいようです。昔ながらのRDBMSであったり、廃止になってしまったWebSQLデータベースの方が使いやすかったかも知れません。今回紹介するsql.jsはSQLiteをEmscriptenを使...

None

  • 2020/12/06

gron - JSONをコード化して検索しやすくするコマンド

JSONはシステム開発で多用されています。それだけにJSONを扱いやすくするツールがあれば、それだけで生産性が上がることでしょう。システムから出力したJSONを検索したり、目的通りにデータが入っているか確認する機会は多いはずです。そんな時に使えるのがgronになります。JSONを検索するのに便利なコマンドです。## g...

List

  • 2020/12/05

fzf-chrome-active-tab - Google Chromeのアクティブタブを切り替えるコマンド

Webブラウザで多数のタブを開いていると、目的のタブにたどり着くことすら難しくなります。小さなアイコンが並んでいる中、どうやって探すのがいいでしょうか。開発時など、エディタで編集してその結果を確認する際に、マウスでいちいち探すのは面倒です。そこで使ってみたいのがfzf-chrome-active-tabです。Googl...

List

  • 2020/12/05

Javascript Bundle Size - JavaScriptライブラリのサイズが分かるブラウザ機能拡張

JavaScriptで開発を行う際に、外部ライブラリをまったく使わないというケースは少ないでしょう。大抵何らかのライブラリを導入します。しかし、ライブラリも多数あり選定に困ってしまうはずです。その際の一つの基準として、サイズの大きさが挙げられるでしょう。なるべく小さなもので自分の要求を満たせる方がいいはずです。今回紹介...

None

  • 2020/12/04

Marko - eBayでも使われている軽量フロントエンドフレームワーク

仮想DOMの登場によって、フロントエンド開発時に状態(ステート)を管理する必要がなくなりました。変数を更新さえればすれば、後は仮想DOMの方で表示を更新してくれます。この画期的な考えにより、多くのフロントエンドフレームワークが仮想DOMを利用しています。今回紹介するMarkoもそんなフレームワークの一つです。特徴は他と...

List

  • 2020/12/02

ankipan - URLを指定してリソースをまるごとダウンロード

インターネット上にある情報は永遠に存在するように見えますが、そんなことはありません。突然消えてしまうこともざらで、なくなってしまえばアクセスするのも難しくなります。今回紹介するankipanはURLを指定して、その中にあるリソースをすべてダウンロードしてくれるソフトウェアです。## ankipanの使い方実行例です。`...

List

  • 2020/12/01

Gitako - GitHub上のファイルブラウジングを高機能化

GitHubでコードを閲覧する機会が増えています。そうなるとファイルブラウジング機能がもっと便利になって欲しいと思ってしまうでしょう。階層を深く潜ったり、別な階層の内容を確認したい時に、毎回クリックで行ったり来たりするのは面倒です。そこで使ってみたいのがGitakoです。GitHubにファイルツリーを追加してくれる機能...