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

オープンソースの記事一覧

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

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

もっと見る

List

  • 2020/11/25

Visitor Badge - 現代風に作り直した昔懐かしいカウンター

古き良きインターネットの遺物といえば、Webサイトにあるカウンターではないでしょうか。CGIやSSIなどで設置して「あなたは何番目のお客様です」といった文言を表示していました。ちょうどいい番号をゲットしたら、キリ番ゲットなどと呼ばれて、それを掲示板で報告したりしました。そんな昔懐かしいカウンターを現代風に復刻したのがV...

List

  • 2020/11/25

Narration Studio - Webでナレーションを作成

ナレーションはあらかじめ作成した原稿をきちんと読み上げなければいけません。長文のナレーションだった場合、途中で間違えてしまって最初からやり直しでは大変です。そこで使ってみたいのがNarration Studioです。Webベースでナレーションを作成できます。## Narration Studioの使い方最初の画面です。...

List

  • 2020/11/24

Painterro - Webアプリケーションにペイント機能を追加

Webアプリケーションの中にペイント機能を取り入れたいと思ったことはないでしょうか。たとえばユーザがアップロードした画像に対して、ペイントで加工できるようにしたり、お絵かき機能を取り入れるといった具合です。今回紹介するPainterroはWeb用のペイントプラグインになります。単体での利用ではなく、Webアプリケーショ...

List

  • 2020/11/24

wafxr - Web上でSEを生成

ゲームなどで使われるSE(サウンド・エフェクト)はフリーのものもあれば、商用でも販売されています。最近であればYouTuberなどもそうした音声を利用しています。動画やゲームにひと味加えてくれる大事な存在です。そんなSEをWeb上で自動生成できるのがwafxrになります。## wafxrの使い方メイン画面です。!

None

  • 2020/11/23

vdx - FFMPEGをラップした動画を簡単に変換できるコマンド

FFMPEGは多機能な動画操作ツールです。動画に関係する様々なソフトウェアで使われています。しかし、その多機能さ故に使いこなすのが難しくなっています。オプションも数が多すぎて、覚えきれないでしょう。そんな中、特定の目的に特化して使いやすいコマンドにしてくれるのがvdxになります。## vdxの使い方vdxで用意されてい...

List

  • 2020/11/23

Origami Simulator - 折り紙をWebGLでシミュレーション

折り紙は日本のみならず、世界中で愛されている存在です。1枚の紙から、技巧を凝らして折ることでさまざまな造形を可能にします。中には、どうやって折ったのか分からないものも多数あります。そんな折り紙をシミュレーションできるソフトウェアがOrigami Simulatorになります。## Origami Simulatorの使...

List

  • 2020/11/22

Eripusisu - テキスト以外にも使える省略表示ライブラリ

CSS3では長すぎる文字列を省略する機能があります。しかし、使いこなすのはなかなか難しく、JavaScriptなどと組み合わせるケースが多いでしょう。また、テキスト以外のコンテンツに対応していないのも問題です。そこで紹介したいのがEripusisuです。多数のコンテンツ形式に対応したテキスト省略ライブラリです。## E...

List

  • 2020/11/22

OpenPlayerJS - 軽量なHTML5動画プレーヤー

HTML5で動画を再生する際にはvideoタグを利用します。しかし、このvideoタグはごく基本的な機能しかなく、使い勝手はよくありません。そこで、外部のライブラリを使って機能を追加するのが基本です。今回紹介するOpenPlayerJSもそんなHTML5用の動画プレーヤーになります。## OpenPlayerJSの使い...

List

  • 2020/11/21

t-rec - コンピュータ操作をアニメーションGIFにするCLIツール

コンピュータの操作を提示する際にコマンドラインを並べたり、テキストで○○ボタンを押すといった表現があります。しかしGUIの場合、どうにも分かりづらかったり、クリックすべき対象が見つからなかったりします。そんな時、動画はとても分かりやすい表現です。今回紹介するt-recはコンピュータ操作をアニメーションGIFにしてくれる...

List

  • 2020/11/21

Stingle Photos - セキュアなデータ保護を実現する写真/ビデオ管理アプリ

写真は大切な思い出です。企業の提供するサービスに預けておく人は多いですが、そのデータの安全性についてどれくらい把握しているでしょうか。そこには多くの個人情報、プライバシーが含まれているはずです。不用意に公開されたり、利用されるのは防ぎたいはずです。そこで使ってみたいのがStingle Photosです。プライバシーに配...

None

  • 2020/11/20

I Got Urls - 消えてしまったURLを取り戻そう

デジタルデータは永遠であるかのようにいわれますが、実際にはそんなことはありません。クリック一つ、キー入力一つで消えてしまう分、アナログよりも儚いかも知れません。しかし、オンライン上にあるデータを残そうとするプロジェクトは多数あります。そうしたデジタルアーカイブサービスにどんな情報が残っているかチェックできるのがI Go...

None

  • 2020/11/19

apkLeaks - APKファイルを解析してURLやシークレット情報を取り出す

アプリは一つのパッケージでリリースします。そのため、完全に暗号化されており、機密データも安全に扱われていると考えてしまいがちです。実際にはそんなことはなく、さまざまな情報が読み取れます。今回紹介するapkLeaksはAndroidのAPKファイルを読み込み、そこに書かれたURLやエンドポイント、シークレット情報があるか...

List

  • 2020/11/18

markdown-wasm - WebAssemblyでMarkdownをHTMLに変換

MarkdownをHTMLにするライブラリは多数あります。それらを使ってWebページ上でHTMLを表示している方は多いでしょう。しかし巨大なMarkdownコンテンツになると解析、HTMLへ変換するのに時間がかかるようになります。これはリアルタイムプレビューが求められるエディタでは致命的な問題です。そこで使ってみたいの...

List

  • 2020/11/17

LocalCDN - 有名なライブラリをローカルで読み込む

jQueryをはじめ、有名なライブラリがCDNによって配信されています。URLが共通化されることでキャッシュが有効になったり、CDNによる配信で高速ダウンロードされるというメリットがある一方で、利用者のプライバシーが脅かされています。今回紹介するLocalCDNはCDNから配信されるライブラリのURLをローカルのものに...

List

  • 2020/11/16

glow - CUIでもMarkdownを綺麗に表示

Markdownを閲覧するソフトウェアは多数あります。MarkdownからHTMLに変換できるので、Webベースのものが多いです。GUIであってもElectronを使っていたりして、結果としてWeb技術で表示するものが殆どです。しかし開発者であれば、GUIよりもCUIの方が触れる時間が長いはずです(偏見)。そこで使いた...

List

  • 2020/11/15

Nokia Composer - 昔懐かしいノキアの着信音を作成

ノキアはMicrosoftに買収されたり、フランス企業に買収されたりと様々な遍歴を経た企業です(via Wikipedia

List

  • 2020/11/15

Resume builder - JSONから履歴書/レジュメを生成

日本でいえば履歴書、海外ではレジュメは就職や転職の際によく使われます。一般的な履歴書では情報が足りないのか、多くの場合業務経歴書なども求められます。開発者の場合、経験が重視されることが多いので、どういったプロジェクトにどういったポジションで関わっていたのかを明記することでしょう。今回紹介するResume builder...

List

  • 2020/11/14

Layoutit Grid - Web上でCSSグリッドをビジュアル的に設計

CSSグリッドはまだモダンなWebブラウザでしか使えませんが、それまでのテーブルで組むやり方や、Divタグで組むのに比べるとシンプルで分かりやすいのが利点です。その一方、使いこなすのが難しいイメージがあります。CSSだけで全体を想像しながら作るのは困難です。そこで使ってみたいのがLayoutit Gridです。Webブ...

List

  • 2020/11/13

essentia.js - WebAssemblyを使って音声/音楽を高速解析

インターネット上で扱うメディアにはいくつかの種類があります。プログラミングで解析しやすいのはテキストでしょう。次に画像を解析するライブラリも多数あります。最近では機械学習が盛り上がっているので、動画解析を行うライブラリも増えています。意外と少ないのは音楽ファイルの解析ツールです。essentia.jsはそんな中で数少な...

List

  • 2020/11/13

Detect GPU - GPUの性能を取得するライブラリ

WebブラウザでもGPUを利用する機会が増えてきています。3Dゲームを提供する、CSSアニメーションをする、さらに機械学習でWebGLを利用することもあります。しかしGPUはすべて同じではなく、性能の良し悪しがあります。一口にGPUといってもピンキリです。今回紹介するDetect GPUはGPUの性能を簡易的に取得でき...