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

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

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

2017/12/14
できることを全力でやる
2017/11/25
恥ずかしさを感じないためにできること
2017/11/11
プロジェクトを遅延させないコミュニケーションパス管理

もっと見る

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

Multi - 複数のWebサイトをまとめてアプリ化

Electronなどを使うと、そのWebサイト専用のアプリが作れます。Cookieやプロセスなどを切り離せるので、よりセキュアなWebサイトを使えるようになります。常駐で使う際にも便利です。Multiはさらに一歩進んで、特定のWebサイト(複数)をアプリ化できます。## Multiの使い方アプリ化した例です。アドレスバ...

List

  • 2020/06/17

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

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

List

  • 2020/06/16

YTMDesktop - YouTube Liveをデスクトップで楽しむ

Google Musicが終了し、YouTube Musicに統合されると発表されています。動画のCMもなくなるので、使っている人は多いのではないでしょうか。SpotifyやApple Music、Amazon Musicのようなライバルがある中、どこが抜きんでるでしょうか。今回紹介するYTMDesktopはYouTu...

List

  • 2020/06/16

MultiReplace - 置換条件をまとめて指定してテキスト変換

文字を入れ替える置換処理を何度も繰り返し行うことがあります。正規表現を使えば複数のパターンをまとめることもできますが、それでもなお、何度も何度も行わないといけないこともあるでしょう。そこで使ってみたいのがMultiReplaceです。TSV形式で置換条件をまとめて設定できます。## MultiReplaceの使い方利用...

List

  • 2020/06/15

Responsively App - レスポンシブWebデザインを効率化

レスポンシブなWebサイトを開発する際には、様々なデバイスでの表示を一気に確認できると便利です。デバイス毎に画面幅が数多くあるので、それらをまとめて表示確認して調整していくという作業が不可欠です。今回紹介するResponsively Appはそうした表示をまとめて行えるアプリになります。スクロールやイベントの追従もでき...

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風のデザインを模したソフトウェアになります。少しだけサーバサ...

List

  • 2020/06/13

Github card - GitHubリポジトリ情報を表示するカスタムエレメント

HTML5ではカスタムエレメントという機能で、独自のHTMLタグを追加できます。あまり使われている例は見ませんが、特定のUIや機能をサンドボックス化できるので便利です。今回紹介するGithub cardはGitHubリポジトリの紹介をカスタムエレメント化したソフトウェアになります。## Github cardの使い方こ...

List

  • 2020/06/12

Virtual Reality DOS - VRの中でDOSに触れる

DOSの懐かしい世界に戻りたいと思ったことはないでしょうか。今でこそOSはGUIがあって、マウスを使うのが当たり前ですが、かつてはCUI、ブルーや黒の世界で動かすのが当たり前でした。そんな昔懐かしいDOSの世界に浸ってみたい方はVirtual Reality DOSを使ってみましょう。## Virtual Realit...

List

  • 2020/06/12

Talking Head Anime - 1枚のイラストから動くアニメーションを作るデモ

Live2Dではイラストなどの画像を動かして、まるでアニメーションのように見せることができます。そして現在、類似の技術が様々に登場しています。それらは機械学習を用いたり、Webカメラの顔と一致させたりと周辺技術と組み合わせて展開されています。今回紹介するTalking Head Animeは一枚の画像を動かすデモで、機...

List

  • 2020/06/11

AudioPlayers - Flutter製の音楽アプリ

Flutterを使うことで、AndroidとiOS、さらにWebアプリケーションを同時に開発できるようになっています。現在、様々なアプリがFlutterで実装されはじめており、今後の盛り上がりが期待できます。今回はFlutterで音楽アプリを実装したAudioPlayersを紹介します。様々な音の奏で方に対応しています...

List

  • 2020/06/11

G-Desktop-Suite - Google Driveデスクトップアプリ

Google Driveを使って、ドキュメントや表計算、スライドなどの資料を作っている人は多いのではないでしょうか。Webブラウザから使うのが基本だと思いますが、毎度Google Driveを開くのは面倒だったりします。そこで使ってみたいのがG-Desktop-Suiteです。普段使っているWebブラウザから切り離すこ...

List

  • 2020/06/10

GitHub Theme - GitHub Codespaces用のカラーテーマ

GitHubで新しいサービス、GitHub Codespacesが発表されました。GitHubのリポジトリから、Web上でVisual Studio Codeを立ち上げて、ファイルを編集できる機能です。そんなGitHub Codespacesで使われているテーマがGitHub Themeになります。Web上で合わせるこ...

List

  • 2020/06/10

nicoSlack - Slackの新着メッセージをニコニコ動画のコメント風に表示

ニコニコ動画のコメント表示は当時としては画期的なものでした。横に流れていくコメントは、動画共有だけでなく、様々なサービスやソフトウェアでも取り入れられています。今回紹介するnicoSlackは名前の通り、Slackの新着通知をニコニコ動画のコメント風に表示するソフトウェアです。## nicoSlackの使い方新しいコメ...