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

Webの記事一覧

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

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

もっと見る

List

  • 2020/07/03

CLaD ASCII - アスキーアート製ミュージックビデオ

ミュージックビデオはミュージシャンにとって、音楽を知ってもらうために大事な作品です。しかしコロナウイルスの影響や、遠隔地に住むグループではすぐに集まって撮影するのが難しいです。Charlotte Light and Darkもそんなミュージシャンの一つです。そこで彼らはアスキーアート製のミュージックビデオを作ることにし...

List

  • 2020/07/03

MapGenerator - 空想のリアルな地図を生成

ゲームや小説などで街の地図が欲しくなることがあります。現実のものを使ってもいいですが、地図サービスのデータは著作権が関わってきます。それに現実のものでは創造性が阻害されてしまうかも知れません。そこで使ってみたいのがMapGeneratorです。架空の地図を自動生成してくれるソフトウェアです。## MapGenerato...

List

  • 2020/07/02

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

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

List

  • 2020/07/01

Stoplight Studio - Web APIの設計とドキュメントを管理するエディタ

Web APIを綺麗に設計するのはとても大変です。リソース名の決め方一つとってもそうですし、単純にCRUD操作だけで済まない場合のアクション名をどう指定するか、HTTPメソッドを何にするかといった問題もあります。今回紹介するStoplight StudioはWeb APIのデザイン、ドキュメント整備を一括して行えるエデ...

List

  • 2020/07/01

PreBill - サブスクリプションの支出管理&リマインダー

今は所有より利用の時代といわれています。物を買うのではなく、その利用する権利を月額で購入するイメージです。そのため、多くのサービスを課金してつ買っているのではないでしょうか。そうした支出は積もるとバカにならないかも知れません。ぜひPreBillを使って確認してみましょう。## PreBillの使い方トップページです。!

List

  • 2020/06/30

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

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

List

  • 2020/06/29

WebViewScreenSaver - Webサイトをスクリーンセーバー化

世界中には様々なWebサイトがあります。綺麗な写真を毎日紹介しているサイト、アイディアを紹介するところもあります。500pxやInstagram、Pinterest、Tumblrなど眺めていても飽きることがありません。そうしたサイト(だけではありませんが)をスクリーンセーバーにできてしまうのがWebViewScreen...

List

  • 2020/06/29

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

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

List

  • 2020/06/28

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

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

List

  • 2020/06/27

Simpdf - Web上でPDFを編集して再生成

PDFは編集できないものだと決めつけていないでしょうか。ちょっとした装飾であればフリーのソフトウェアでもできますし、Adobe Acrobatを使って注釈を入れたりすることもできます。決してまったく編集できない訳ではありません。試してみて欲しいのがSimpdfです。元のPDFファイルそのままではありませんが、編集を行え...

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/24

Speech to Text Webcam Overlay - Webカメラの映像に音声認識したテキストを追加表示

オンラインで会議をしている際に字幕を出してくれるととても助かります。特に海外の人たちのミーティングで、口元がよく見えなかったりすると字幕の有無で理解度、進めやすさがまったく変わってくるでしょう。今回紹介するSpeech to Text Webcam OverlayはWebカメラの映像に字幕を追加してくれるソフトウェアで...

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/22

Webrecorder Desktop App - Webブラウジングを記録するアプリ

未知の情報を探すのにWeb検索は便利です。しかし既知の情報になると途端に探しづらくなります。すでにある知識が邪魔をして、検索がうまくできなかったりします。そこで、Webブラウジングした情報をアーカイブしておいて、そこから検索したくなります。そこで使えるのがWebrecorder Desktop Appです。Webブラウ...

List

  • 2020/06/21

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

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

List

  • 2020/06/20

OctoPrint - Webブラウザで3Dプリンタを制御

3Dプリンタを購入して、自宅で造形を楽しんでいる人も多いでしょう。最初は手元に置いておくのですが、思いの外うるさかったり、稼働時間が長いため、近くに居続けられなくなります。その結果、しまっておいて徐々に使わなくなったりします。今回紹介するOctoPrintは3DプリンタをWebブラウザから操作できる管理ソフトウェアです...

List

  • 2020/06/20

PiP any site - Picture in PictureでWebサイトを表示するGoogle Chrome機能拡張

Webブラウザで動作を再生している際、スクロールすると動画が見られなくなってしまいます。動画の説明文が長かったりすると不便です。そこで使えるのがPicture in Picture(以下PiP)になります。このPiPはWebブラウザのAPI(chrome.tabCapture APIなど)として提供されており、何も動画...