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

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

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

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

もっと見る

List

  • 2020/07/13

Quotebacks - コンテンツ引用をしやすくするGoogle Chrome機能拡張

Webはページ同士がリンクで繋がって構成されています。その際、単にURLを付けるだけでもいいですし、内容を引用することもできます。引用を使うことで、リンク先の内容が分かりやすくなり、誘導につなげることができます。今回紹介するQuotebacksはそんな引用をしやすくするGoogle Chrome機能拡張になります。##...

List

  • 2020/07/13

Gorched - ターミナルで動くタンクゲーム

タンクゲームはルールが簡単でついハマってしまいます。向き合ったタンクから順番に弾を撃ち合って、相手に先に当てた方が勝ちです。障害物が多く、弾道はそれらを計算した上で飛ばさなければいけません。今回紹介するGorchedはGoで作られたタンクゲーム、しかもターミナル上で動きます。## Gorchedの使い方ゲーム開始です。...

List

  • 2020/07/12

tubuler - 簡単に使えるyoutube-dlのGUIラッパー

YouTube動画をダウンロードしておきたいと思ったことはないでしょうか。誰かがアップロードした動画は常にあるとは限りません。いつ消えてしまうか分からないだけに、手元に残しておきたい場合もあるはずです。そこで使えるのがyoutube-dlですが、CLIなので人によっては使いづらいでしょう。そこで使えるのがtubuler...

List

  • 2020/07/11

Grid.js - React/Angular/VueをサポートしたHTMLテーブルライブラリ

HTMLで使ってデータをテーブル表示するのは簡単です。しかし、ちょっとUIをよくしたり、ソートなどの機能を追加しようと思うと、途端に面倒になります。素のHTMLのままではとても使い勝手がいいとはいえません。そんなHTMLテーブルを手軽に高機能化してくれるライブラリがGrid.jsになります。## Grid.jsの使い方...

List

  • 2020/07/11

Notence - Markdownとカンバンをサポートしたノートアプリ

メモを取る用のノートアプリはどんなものを使っているでしょうか。普段使っているテキストエディタをそのまま利用している人も多いはずです。しかしテキストエディタでは記述できるフォーマットに限界があるのが問題です。今回紹介するNotenceはリストとカンバン、二つの記述方法をサポートしたノートアプリになります。## Noten...

List

  • 2020/07/09

Image Scrubber - Webブラウザで上でプライバシーに配慮した写真加工を行う

この記事が一般公開される頃にはBLMも落ち着いているでしょうか。欧米ではBLM運動が活発に行われており、様々な余波が生じています。今はソーシャルの時代であり、デモで撮影された写真があっという間に拡散されています。そうやって撮影された写真には肖像権があり、おいそれとアップロードするのはよくありません。まず最低限の処理をI...

List

  • 2020/07/08

Airshare - LANでファイル共有するコマンド

最近では各家庭でコンピュータとスマートフォン、タブレットが混在しています。しかしファイルサーバのようなものはないので、データの受け渡しにメッセージアプリやメールを使っていたりしないでしょうか。そこで使ってみて欲しいのがAirshareです。LAN内でファイルを授受するのに使えるファイル共有ソフトウェアです。## Air...

List

  • 2020/07/08

tailblocks - Tailwindをベースにしたブロックデザインパターン

CSSフレームワークとしてTailwindが知られています。画一的なデザインを提供するBootstrapなどと異なり、個別のスタイルのみを提供します。UI部品にする際には、それらのスタイルを組み合わせて自作する必要があります。より自由度が高く、作業を効率化してくれるフレームワークです。そんなTailwindを使ってブロ...

List

  • 2020/07/07

tw-style - TwitterのUIを自分好みにカスタマイズ

住めば都という言葉はありますが、普段使いしているツールのUIが変わると慣れるまで相当なストレスになります。ネットの世界においては自分でカスタマイズできる領域も大きいので、リアルほど我慢を強いられることはありません。自分なりの都にすればいいのです。今回はtw-styleを紹介します。新しいTwitterのUIについて、自...

List

  • 2020/07/07

Excalidraw Claymate - Excalidrawを使ったアニメーション作成ソフトウェア

教科書や書籍の端っこでパラパラ漫画を書いた経験は多くの人があるはずです。その際には前の絵とちょっとだけずらして書いていくのがポイントになります。ちょっとずつずらして書くのを繰り返すことで、一気にページをめくると動いて見えるようになります。そんなパラパラ漫画風のアニメーションGIFを作れるのがExcalidraw Cla...

List

  • 2020/07/06

Wiper - Google検索結果から指定したサイトを除外するブロックリストアドオン

Google検索を使っていて、いつも出てくる邪魔なサイトは存在しないでしょうか。まとめサイトだったり、噂レベルの内容を載せているだけのサイトもあります。Googleのインデックス力に期待したいところですが、現状ではノイズが増えてしまっています。そこで使ってみたいのがWiperです。手動で登録するブロックリスト機能拡張で...

List

  • 2020/07/05

Color Copy Paste - リアルの物体から色情報を取得

任意の場所から色情報を取得してくれるカラーピッカーは便利な機能です。Webブラウザでも使っていますし、プレゼン作成ソフトウェアや画像編集ソフトウェアでもよく使います。今回紹介するColor Copy Pasteはそんなカラーピッカーソフトウェアなのですが、抽出する対象が異なります。それはリアルの物から色情報を取得するの...

List

  • 2020/07/05

bingo - 壁紙をBingのimage of the dayから取得して自動設定

壁紙は何を設定していますか。こだわりの一枚を使っている人も多いと思いますが、筆者はアプリが全画面のことが多いので、こだわりもなくデフォルトのまま放置しているように思います。これではよくありません。同じように壁紙を何にすればいいか分からない…という方はbingoを使ってみましょう。Bingのimage of the da...

List

  • 2020/07/04

Live.js - JavaScriptを読み込むだけで使えるライブリロードライブラリ

Webサイトを開発している時には、その修正内容を素早く確認したいはずです。ライブリロードやホットリロードといった技術もありますが、専用のサーバなどを用意するのでちょっと手間です。そこで使ってみたいのがLive.jsです。JavaScriptを読み込むだけで使えるライブ/ホットリロードを実現します。## Live.jsの...

List

  • 2020/07/02

OBS Remote Tablet - OBSの操作をリモートから行う

オンラインでイベントが行われるようになって俄然注目が集まっているのがOBSです。OBSを使ってウェビナーやミートアップを配信している人は多いでしょう。機能が多いだけに、OBSの使いこなしによって品質が大きく変わります。今回はOBSをタブレット、Webブラウザから使えるようにするOBS Remote Tabletを紹介し...

List

  • 2020/07/02

MYukkuriVoice - macOS用のゆっくりボイス作成ソフトウェア

ゆっくりボイスはニコニコ動画をはじめ、各種動画サイトで使われています。作成者は声を発せず、テキストで作れるので便利です。読み間違えることも、撮り直しも簡単です。動画はちょっとしたミスによる撮り直し作業が面倒なので、自動生成される音声ファイルは便利です。今回紹介するMYukkuriVoiceはmacOS用のゆっくりボイス...

List

  • 2020/06/30

Skip Silence - 動画の無音部分だけを高速再生するGoogle Chrome機能拡張

動画はテキストと異なり、自分のペースで見続けづらいコンテンツです。再生速度は調整できますが、あまり速いと何をいっているのか分からなくなります。不要な場面は飛ばしつつ、大事なところだけは聞きたいという時にはどうしたらいいでしょうか。その答えになりそうなのがです。無音部分を飛ばしてくれるGoogle Chrome機能拡張で...

List

  • 2020/06/30

GraphEditor - プレビュー付きのグラフエディタ

情報は単独で存在するのではなく、それぞれが紐付いています。ある一つの処理の出力は別な処理の入力になります。最終的な成果物にたどり着くまで、複数の処理がつながっていくのです。今回紹介するGraphEditorはそうした情報の紐付きを表現するためのエディタになります。## GraphEditorの使い方上がプレビュー、下が...

List

  • 2020/06/29

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

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

List

  • 2020/06/28

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

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