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

ソフトウェアの記事一覧

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

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

もっと見る

List

  • 2017/11/25

tlx-editor - フォーム入力に特化したWeb components

Web componentsは多くの可能性を持っています。Web標準ではまだまだ貧弱なUIも、Web componentsを使うことでリッチであったり、複雑なUIコンポーネントが生まれていくことでしょう。今回紹介するtlx-editorはその一例です。入力系コンポーネントを一手に提供するライブラリになります。## tl...

List

  • 2017/11/25

ExcelMerge - Excelファイルの差分ビューワー

Excelを仕事で使っていると、メールでやり取りしたり誤った上書きを避けるためにコピーを作ったりして次第に同じようなExcelファイルに埋もれることになります。二つのExcelファイルを並べて、どこが違うのか見比べた経験は誰しもがあるのではないでしょうか。そんな方に使ってみて欲しいのがExcelMergeです。Exce...

List

  • 2017/11/24

permission.site - HTML5 APIの実装を確認する

HTML5によって多数のAPIが追加されています。それらはすべてのブラウザで使える訳ではなく、まだまだ実装に差異があります。それをチェックできるCan I use

List

  • 2017/11/24

Crowbook - MarkdownからePub/PDF/LaTeXを生成

電子書籍と言えばePubですが、一から作るのは大変です。基本的にはHTMLのサブセットですが、それでも独特な記法もあるので慣れる必要があるでしょう。そこで使えるのがコンバーターです。今回紹介するCrowbookは元データがMarkdownという、分かりやすいコンバーターになっています。## Crowbookの使い方オン...

List

  • 2017/11/23

Fengari - JavaScript製。Webブラウザ上で動くLua

JavaScriptはWebブラウザ上で動作することが保証されている唯一のプログラミング言語ですが、好きではないという人も多いようです。プログラミング言語の選択肢はもっと幅広く存在して良いはずです。Webブラウザ上であってもLuaを書きたい、という方はFengariを使ってみてはいかがでしょう。## Fengariの使...

List

  • 2017/11/23

tikzcd-editor - Web上で可換図式を描く

Webの表現力はCanvasやSVGによって大きく広がっています。しかし、それらを使いこなすにはプログラミングを駆使する必要があります。例えば、ちょっとした数式を埋め込むダメにプログラミングを行うのは面倒です。そこで使ってみたいのが外部ライブラリです。今回は可換図式をWebベースで実現するtikzcd-editorを紹...

List

  • 2017/11/22

ajsr-confirm - 豪華な確認ダイアログ

Webを作成する際にはWebブラウザが用意している標準のコンポーネントがよく使われます。しかし、その表示では満足できない人が多いのも確かです。そこでより使い勝手の良いデザインを追求し始めます。今回はダイアログです。独自のダイアログを出したいと思ったらajsr-confirmを参考にしてみてください。## ajsr-co...

List

  • 2017/11/22

deviceframe - 画像やWebサイトにiPhoneの枠を追加

iOSでスクリーンショットを撮ると、デバイスの枠がないので若干寂しいです。雰囲気を把握するためには、やはりデバイスの枠があったほうが分かりやすいでしょう。Xcodeをインストールしてシミュレータがあったとしても任意の画像に枠が追加できる訳ではありません。そこで使ってみたいのがdeviceframeです。ごく簡単に、好き...

List

  • 2017/11/21

Super Mario War - ファンが作ったスーパーマリオ3風デスマッチゲーム

スーパーマリオオデッセイが発売され、多くの人が新しいマリオワールドにハマっています。その歴史を紐解くに、みんなの心の中にはマリオブラザーズが欠かせず存在したのではないでしょうか。特にクリアを目的としない、殺し合いに燃えた経験は誰もがあるはずです。そんな懐かしのデスマッチを復活させたのがSuper Mario Warにな...

List

  • 2017/11/21

gifgen - より綺麗なアニメーションGIF生成

動画をアニメーションGIFに変換する際に使われるのがFFMPEGです。単純にファイルを指定するだけで変換できるのですが、若干画質が落ちてしまうのが残念です。しょせんGIFだから、と諦めてしまっていないでしょうか。そこで使ってみて欲しいのがgifgenです。設定を変更し、より画質の良いアニメーションGIFを生成します。#...

List

  • 2017/11/20

ExcelPass - オフィスでよく使われるファイルにパスワードを付加

未だに多いのがメールにパスワードZipファイルを送りつけてくるパターンです。また、パスワードは大抵その後のメールに添付されてきます。それらを自動で行うシステムもあったりして、ストレスが溜まる経験をした人も多いことでしょう。そうした各種ファイルへのパスワード追加を行えるのがExcelPassです。Excelに限らずパスワ...

List

  • 2017/11/20

Livegrep - Webベースのソースコード専用検索システム

システムのソースコードを検索する場合、grepが多く使われます。「-」などの記号も多いのでGoogle検索がうまくいかなかったり、関連するライブラリ含めて検索したいこともあるでしょう。その結果、一見すると不便なgrepが使われます。今回紹介するオープンソース・ソフトウェアはLivegrep、Webベースのインタラクティ...

List

  • 2017/11/19

Standard Notes - Evernote風なメモソフトウェア

メモを書く機会は予想以上に多いです。問題はそうしたメモを時にテキストファイル、時に付箋紙、時にA4用紙といった具合に散在させてしまうことです。メモは一箇所にまとめておいてこそ、価値が出ます。今回紹介するStandard NotesはEvernote風のメモソフトウェアです。## Standard Notesの使い方3ペ...

Missing

  • 2017/11/19

wast-game - 弾幕ゲーム好きはトライ!

シューティングゲームの中でも弾幕系はそれだけで別ジャンルと言えるほど激しいゲームです。ピクセル単位での細かい操作が求められ、ほんの少しのミスが命取りになります。そんな弾幕系シューティングゲームをWeb上で実現してくれるのがwast-gameになります。## wast-gameの使い方実際に遊んでいるところです。!

List

  • 2017/11/18

Frappe Charts - GitHub風グラフもあるSVGグラフライブラリ

WebはSVG/CanvasによってWeb標準だけで高度な表現が実現できるようになりました。しかし、それを使いこなすのは大変で、多くの場合ライブラリを使って実現しているでしょう。今回紹介するFrappe ChartsはSVGを使ってグラフ表示を行うライブラリです。## Frappe Chartsの使い方棒グラフ。マウス...

List

  • 2017/11/18

Zircle - サークル型のズームUIを実現

一度にすべての情報を見せてしまうと、本当に伝えたいことが伝わらないと言ったことがよくあります。人の脳は一度に処理できる情報量に限度があるので、それを超えてしまうとフィルタリングしてしまったり、抜け落ちたりします。そこで使えるのがドリルダウンしていく方法です。今回は円形のズームするUI、Zircleを紹介します。## Z...

None

  • 2017/11/17

Git bomb - (たぶん)クローンできないGitリポジトリ

Gitがバージョン管理におけるデファクトとも言える存在になっています。それだけにGitコマンドが常に使えるのが当たり前な状況でしょう。しかし、そんな中利用できないリポジトリが存在したとしたらどうでしょう。Git bombはまさにそんなリポジトリです。クローンできない、そんな厄介なリポジトリになっています。## Git ...

List

  • 2017/11/17

Snake Wasm - Rustで作られたスネークゲーム

ゲームというのは作っている方も楽しく、遊ぶのも楽しいと学習素材として最適です。特にあまりこだわったキャラクターゲームではなく、ルールがシンプルですぐに遊べるものが良いでしょう。今回は誰もが知っているであろうスネークゲームをHTML5化した、Snake Wasmを紹介します。## Snake Wasmの使い方ゲーム中の画...

List

  • 2017/11/16

HEML - HTMLメール用のサブセット記法

日本はかつてテキストメールばかり使われていましたが、ようやくHTMLメールが普及してきています。セキュリティ上の懸念も殆どなくなり、カラフルだったり装飾ができるというメリットに注目が集まっています。そんなHTMLメールをすべてのデバイスに適切に配信できる形にしてくれる、それがHEMLです。## HEMLの使い方HEML...

List

  • 2017/11/16

Event Organiser - WordPressプラグインのイベント管理

東京では月1,000を超える技術系イベントが開催されています。そうした時に必要になるのが集客ページですが、技術系であればconnpassが最も使われています。他の分野であればPeatixやEventRegist、EventBrite、Meetup.com、Doorkeeperなども使われています。もし独自ですべてを管理...