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

ホスティング - githubの記事一覧

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

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

もっと見る

List

  • 2020/08/31

MailTrackerBlocker - macOS純正メールアプリのトラッキング防止プラグイン

インターネットは常にトラッキングと戦っているように感じます。何でもないように見えますが、個人のプライバシーを盗み見るような行為は気分がいいものではありません。それらを防止できるならば、なるべくしたいと思うことでしょう。今回はメールのトラッキング機能を防ぐMailTrackerBlockerを紹介します。macOS標準の...

List

  • 2020/08/30

Franz - メッセージに関連するサービスを一カ所で管理

メッセージアプリは何を使っていますか。最近では多種多様に増えており、Slack、Teams、Facebook Messenger、Discordなど様々です。これらを参加しているコミュニティやプロジェクト、企業によって使い分けるのは大変です。そこで使ってみたいのがFranzです。各種メッセージアプリの情報を一つのアプリ...

List

  • 2020/08/30

MeetingBar - ミーティング予定をメニューバーですぐに確認

コロナ禍にあり、オンラインで会議を行う機会が増えています。そんな中、ミーティングが増えている人も多いと聞きます。一日幾つも会議を入れられて、気付いたらはじまっていたなんてこともあるのではないでしょうか。そこで使ってみたいのがMeetingBarです。今日の予定について、メニューバーですぐにチェックできます。## Mee...

List

  • 2020/08/29

Community Geocoder - 住所から位置情報に変換するオープンソースなWeb API

位置情報と住所については、常に相互に変換したいというニーズがあります。位置情報はスマートフォンやWebブラウザから取得できますが、住所の文字列から位置情報を取り出すのは意外と面倒です。GoogleマップのAPIなどを使う人も多いでしょう。今回紹介するCommunity Geocoderはオープンソースのジオコーディング...

List

  • 2020/08/28

billboard.js - D3.jsを用いた多彩なグラフライブラリ

Web上でグラフを描きたいケースはとても多いです。そしてグラフは単に1種類知っておけばいいわけではなく、用途に合わせて最適なものを選ばないといけません。一つのライブラリだけで行うなら、なるべく多くの表示パターンに対応したものを使うべきでしょう。今回紹介するbillboard.jsは一般的なグラフであれば、大抵こなせる強...

List

  • 2020/08/28

Heroicons - 140種類のSVGアイコン集

アイコンセットはWebサイトの雰囲気やデザインによって最適なものを選ぶべきです。そのため、様々なアイコンセットを知っておけば、利用できる場面も増えるでしょう。今回紹介するHeroiconsはシンプルなアイコンセットになります。特徴としてはすべてSVGであることでしょう。## Heroiconsの使い方角丸で、柔らかい雰...

List

  • 2020/08/27

KmCaster - キー入力/マウス操作の可視化ツール

オンラインでハンズオンやデモを行う際、キーボード操作やマウス操作は閲覧者からは分かりづらいです。テキストであれば入力値が分かりますが、ショートカットキーやマウスボタンのクリックなどは見えないでしょう。そこで使いたいのがキー入力値の可視化ツールです。今回はJavaで作られたKmCasterを紹介します。## KmCast...

List

  • 2020/08/27

Wiki.js - モダン、軽量なnode製Wikiエンジン

Wikiは2000年くらいから存在していますが、今なお新作が登場する分野でもあります。新しい技術やトレンドを取り込んで、新しいWikiが登場します。GitHub Wikiのように、サービスの中の一機能として取り込まれるケースも多いです。今回紹介するWiki.jsはnodeで作られたWikiエンジンです。レンダリングエン...

List

  • 2020/08/26

AozoraEpub3 - 青空文庫をePub3に変換

青空文庫には多くの名作が登録されています。あのサイトにあるコンテンツを読み尽くすだけでも数年(または十年以上)かかることでしょう。そうした名作をすべて無料で読めるのは素晴らしいことです。そんな青空文庫の書籍をePubに変換してくれるのがAozoraEpub3です。ePubであれば、電子書籍リーダーを使って、より手軽に読...

List

  • 2020/08/25

twtxt - 自分で立てるTwitterクローン(マイクロブログ)

Twitterでは私たちの投稿が広告に使われていたり、Twitter社によるトラッキングが行われていたりします。その結果としてMastodonのようなサービスに注目が集まりましたが、今では若干下火です。今回紹介するtwtxtもそんなTwitterライクなマイクロブログサービスになります。自分のデータを自分で守りたい、そ...

List

  • 2020/08/24

Luckysheet - 強力な機能を持ったオンライン表計算ソフトウェア

表計算機能はあらゆるソフトウェアで利用できます。データベースのようなものの管理インタフェースであったり、家計簿、従業員管理、タイムスケジュールなどでも用いることができるでしょう。非常に利便性の高いUIです。そんな表計算風のUIを導入する際に使えそうなのがLuckysheetです。Webベースで使える表計算ソフトウェアで...

List

  • 2020/08/24

Pixelated video - Webカメラの映像をドット絵に変換

ドット絵は昔ながらの味わいがあって楽しいものです。グラフィックスが洗練された現代にあっても、ドット絵が好きという人は多いでしょう。写真などをドット絵風にする場合、単にモザイクのようにマス目に区切ればいいという訳ではありません。そんなドット絵変換を体験できるのがPixelated videoです。Webカメラの映像をドッ...

List

  • 2020/08/23

1Keys - 1KBのWebピアノ

なるべく小さいコード量で何ができるのか、そんなチャレンジをしたことがあるでしょうか。長いコードを書けば実現できるのは分かっていても、コード量の縛りを設けることで、よりロジックに頭を悩ませたり、新しいアイディアが必要になったりします。今回紹介するのは1KBでできたJavaScriptのピアノです。小さいながらもちゃんと演...

List

  • 2020/08/22

Text Caret Position - テキスト入力時のキャレットの位置情報を取得

Webのテキストエリア入力で、入力補完を提供するサービスがあります。例えばGitHubのコメント欄です。この時、テキストエリアのキャレット位置を取得するのですが、意外と面倒だったりします。そこでライブラリを使いましょう。Text Caret Positionを使えばキャレットのポジションが簡単に取得できます。## Te...

List

  • 2020/08/22

CSS-Sweeper - CSSだけで作られたマインスイーパ

簡単にできることをやっても面白くはありません。一定の制限を設けることで、面白さや新しい発見を見つけられることがあります。いわゆる縛りと呼ばれるものですが、縛りによって別な解法が求められるようになり、新しい楽しみ方が生まれます。今回紹介するCSS-Sweeperは、Webベースのマインスイーパです。そこにJavaScri...

List

  • 2020/08/21

barchartrace - アニメーションする横棒グラフ

世の中にはたくさんのチャートが存在します。ただ数字を並べるだけでは分かりづらく、可視化することでトレンドが見えたり、全体の雰囲気を学べるようになります。さらに一回表示するだけでなく、変化をアニメーション化することで、よりダイナミックな変化を掴めるチャートになります。今回紹介するbarchartraceは横棒グラフでアニ...

List

  • 2020/08/21

MonthCalendarWidget - 通知センターで使えるシンプルなマンスリーカレンダー

macOSではかつてウィジェット機能がありましたが、現在は通知センターの中に表示されるようになっています。そこでもウィジェットと呼ばれる小さなアプリケーションが利用できます。多くの人たちがカレンダーウィジェットを欲しがるのですが、そんなすごい機能が欲しい訳ではないのにアプリストアでは有料なものしかなかったりします。もち...

List

  • 2020/08/20

React Guitar - ギターのコード表示と音の確認ができるReactコンポーネント

コロナ禍にあって、自宅で過ごす時間が長くなっている中、新しい趣味を見つけている人が大勢います。そんな中にはギターなどの楽器をはじめてみたという人もいるのではないでしょうか。ハイレベルなものではなく、趣味としてはじめてみるのはよさそうです。そんなギターの練習としてReact Guitarを使ってみてください。いわゆるギタ...

List

  • 2020/08/20

timelapse - デスクトップ操作を記録してタイムラプス動画を作成

失った時は戻せません。後で、あの時記録しておけばよかったと思っても、それはもはやできなくなっています。そういった後悔をしないためにも、常に記録しておくのがお勧めです。使わなかったとしても、それは削除すればいいだけですが、記録しておくことで後で役立つ場合もあります。今回紹介するtimelapseはデスクトップ操作を記録し...