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

ライセンス - MIT Licenseの記事一覧

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

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

もっと見る

List

  • 2017/03/16

Sly - 上下左右のスクロールを便利にするJavaScriptライブラリ

Webページの多くは縦長に作られています。縦方向のスクロールについてはホイールなどを使って簡単にできますが、それでもあまりに長いと操作が面倒です。さらに横向きのスクロールはストレスでしょう。そこで使ってみたいのがSlyです。上下または左右など一方向でのスクロールナビゲーションが便利になるライブラリです。## Slyの使...

List

  • 2017/03/16

Homeland - Rails製のシンプルなデザインのフォーラム

掲示板はインターネットサービスの基本とも言えます。インターネットが出たての時から存在しましたし、今なお使われ続けています。基本はテキストながら、画像や動画を扱えるものもあります、多様性があります。Homelandはそんなフォーラムシステムで、Ruby on Railsベースで作られています。## Homelandの使い...

List

  • 2017/03/15

opentype.js - 既存のフォントをちょっと変更。JavaScript製のOpenType/TrueTypeフォントパーサー

フォントをイチから作るのは大変です。日本語フォントはもちろんのこと、英語フォントにおいても多数の文字をデザインしなければなりませんし、それが統一されたデザインになっている必要があります。そこで使ってみたいのがはopentype.jsです。opentype.jsは既存のOpenType/TrueTypeフォントのパーサー...

List

  • 2017/03/14

Snipe - インクリメンタルにWebブラウザのタブを検索

Webブラウザはタブ機能を標準で持っており、気がついたら数十のタブが開いていたなんてことも少なくありません。そんな中から自分が見たい情報を探すのは本当に大変で、面倒になってウィンドウごと閉じてしまったりしないでしょうか。いつもタブ管理で困っているという方はSnipeをインストールしてみましょう。タブを手軽に探せるChr...

List

  • 2017/03/13

Comma Chameleon - Electron製のCSVエディタ

CSVファイルをExcelなどで編集しようとすると、余計なコンバートが行われたり、文字化けしたりします。かといってテキストエディタで編集するのは相当面倒で、ミスも起こりやすいでしょう。そこで使ってみたいのがCSVエディタです。今回はマルチプラットフォームで使えるComma Chameleonを紹介します。## Comm...

List

  • 2017/03/12

jQuery printPage plugin - 違うページをクリック一つで印刷

Webブラウザの印刷機能はとても貧弱です。少なくとも現在見ているページしか印刷できないし、印刷内容の制御もスタイルシートで行うしかありません。業務系などではもっと自由度が高い印刷機能が求められることも多いでしょう。そこで使ってみたいのがjQuery printPage pluginです。別なページの内容でも印刷できるよ...

List

  • 2017/03/11

box - ハマりすぎ注意。Webベースの2Dパズルゲーム

もしこの記事を読むのが仕事中であれば、さっさと別なところに移動した方が良いでしょう。プライベートな時間で暇な時にぜひ読んで欲しいです。単純なゲームというのはそれくらい中毒性があるものです。今回紹介するオープンソース・ソフトウェアはbox、Webベースの2Dゲームです。## boxの使い方boxのゲーム画面です。WASD...

None

  • 2017/03/10

godium - Go製のMedium向けアップロードツール

Mediumは日本では撤退を発表し、苦しんでいる感があります。しかしコンテンツの書きやすさであったり、目指す世界観は素晴らしく、今後の立ち直りに期待する人も多いでしょう。そんなMediumに対してローカルで書いたMarkdownファイルからアップロードできるのがgodiumです。## godiumの使い方godiumの...

List

  • 2017/03/10

Diffy.js - JavaScriptでモーション検知

例えば監視カメラなどで、定常的に流れている情報を常に記録し続けると容量がどんどん大きくなってしまいます。そこで使われるのがモーション検知です。動きがあった時だけ記録するようにすれば容量が削減されます。Webカメラでモーション検知を可能にするのがDiffy.jsです。JavaScriptだけで実現できます。## Diff...

List

  • 2017/03/09

Chromenu - メニュー常駐型のWebブラウザ

Webブラウザを複数使いこなす人がいます。普段のブラウジング用と開発用で分けると言った具合です。そうすると必要な機能拡張やブックマークも変わるので、重たくなったりするのを防げるようになります。今回はさらに常駐系サイトを登録しておくのに便利そうなChromenuを紹介します。## Chromenuの使い方Chromenu...

List

  • 2017/03/09

kawa - IMEを切り替えるキーボードショートカットを設定

IMEの切り替えはよくあるコンピュータの操作です。日本語と英語だけなら簡単ですが、さらに絵文字、中国語、ロシア語など様々なIMEを使いこなしている人もいるでしょう。その時の入力ソースの切り替えがコマンド+スペースなのは非常に面倒です。そこで使ってみたいのがkawaです。キーボードショートカットでIMEソースを切り替えら...

List

  • 2017/03/08

Kanboard - カンバンをベースとしたプロジェクト管理

プロジェクト管理ソフトウェアにおいてカンバンは欠かせない存在になってきています。特にアジャイルでスプリント管理しているケースは重宝するでしょう。さらに開発以外のタスクについてもカンバンは便利です。そんなカンバンをベースとして発展しているプロジェクト管理システムがkanboardです。## kanboardの使い方ダッシ...

List

  • 2017/03/08

S3 Bucket Listing - Amazon S3のインデックスページを生成

Amazon S3は静的なファイルのホスティングに最適ですが、一覧ページを作れません。静的なWebサイトとして使うのであればindex.htmlを置けば良いですが、単純にファイルを置いているのであれば一覧ページがある方が便利です。あらかじめ生成しておくこともできますが、S3 Bucket Listingを使えばもっと簡...

None

  • 2017/03/07

mdstore - 危険なドメインのリスト

インターネットは便利な仕組みですが、危ないWebサイトもたくさん存在します。プロキシのようなソフトウェアでアクセスを防いだり、Google Chromeなどはアクセスしそうになった時に警告を出してくれたりします。そんな危ないサイトへのアクセスを自己防衛できるのがmdstoreです。## mdstoreの使い方mdsto...

List

  • 2017/03/07

a-table.js - リッチな機能を持ったHTMLテーブルを出力

Web上でのテーブル表示はよく使われているだけに、そのUXが優れているかどうかでサービス全体の印象が変わってきます。Excel並とまでは言いませんが、ソートや絞り込み機能はあると便利です。そんなHTMLテーブルを手軽に優れたUIで提供してくれるのがa-table.jsになります。## a-table.jsの使い方デモで...

List

  • 2017/03/06

HyperApp - 1KBのビューライブラリ

ReactやVue、Riot.js、Angular2などバーチャルDOMを使ったフレームワークが増えています。個人的にはVueが好きなのですが、多くのビューライブラリは大型化し、ちょっとした表示に使いたいというニーズにはマッチしなくなります。そこで使ってみたいのがHyperAppです。1KBのJavaScriptライブ...

List

  • 2017/03/05

Caption - 字幕を簡単に検索&ダウンロード

海外の映画などで字幕がないと分かりづらいと感じることはあるでしょう。そのためのWebサイトはとても数多く存在しますが、検索が面倒だったりダウンロードするのにユーザ登録が必要なんてケースもあります。そこで使ってみたいのがCaptionです。とても簡単に字幕の検索、ダウンロードができるソフトウェアです。## Caption...

List

  • 2017/03/05

Luxbar - CSS3だけで実装されたレスポンシブなナビゲーションバー

JavaScriptが高機能になり、有効であるのが当たり前になるとちょっとしたアクションであってもJavaScriptで実現したくなります。しかし無効になっている場合やブラウザ間の動作誤差によってうまく動かない場合もあるでしょう。そういった不具合を防止するにはスタイルシートだけで実装するのがベストです。今回はCSSだけ...

List

  • 2017/03/04

drag-drop - HTML5のドラッグ&ドロップAPIをごく簡単に扱う

HTML5で便利になった機能の一つにファイルのドラッグ&ドロップがあります。Webブラウザ上にファイルをドロップしてアップロードしたり、DOMをドラッグ&ドロップできたりします。しかしできるとは言ってもコードをそれなりに書かないと使えないのが難点です。そこで使ってみたいのがdrag-dropです。HTML5のドラッグ&...

List

  • 2017/03/04

html-docx-js - Web上でWordファイルを生成

MS Officeのファイルはデファクトといって言いほど広く使われるようになっています。企業なども特に何も気にすることなくMS Officeのファイルをメールで送信したりします。これが他のオフィススイートをであればそうはいかないでしょう。もしあなたがMS Wordを持っていないならばhtml-docx-jsを使って生成...