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

None

  • Premium_s 2017/03/15

業務で使えるオープンソース(225)「高機能テーブル」

今回のテーマは高機能テーブルです。業務システムを開発していると常に悩みのタネになるのが高機能なHTMLテーブルではないかと思います。最初はソートくらいかも知れませんが絞り込み機能であったり、一括更新や一覧の状態からデータ更新など様々な機能が望まれるようになります。そこで今回はHTMLベースの高機能テーブルライブラリを紹...

List

  • 2017/03/15

Unique Machine - Cookieを使わないトラッキング。コンピュータ/ブラウザごとのユニークIDを生成

広告のトラッキングなどでコンピュータを特定するという技術がよく使われています。しかしプライバシーの問題もあり、最近ではCookieで余計な情報を渡さなくなったり、ブロックするような動きも増えています。しかしそれでもトラッキングしたい!という方はUnique Machineを使ってみてはいかがでしょうか。## Uniqu...

List

  • 2017/03/14

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

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

List

  • 2017/03/14

QOwnNotes - ownCloudと連携も可能なMarkdownエディタ

ノートアプリは一つ用意しておくと便利です。気がついた時にささっとメモを取っておけば、後で振り返ることもできます。頭の中で覚えておこうとしても忘れてしまうものなので、すぐにメモするのが大事なのです。今回紹介するオープンソース・ソフトウェアはQOwnNotes、マルチプラットフォームで動作するノートアプリです。## QOw...

List

  • 2017/03/13

Comma Chameleon - Electron製のCSVエディタ

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

List

  • 2017/03/13

Flatris - React製。プログレッシブWebなテトリス

HTML5がどんどん高機能化、表現力が高くなっているのに合わせて、これまでローカルアプリケーションでしか実現できなかったようなことがWeb上でできるようになっています。ゲームもその一つです。今回紹介するFlatrisはプログレッシブなWebテトリスです。HTML5でさくさくと遊べます。## Flatrisの使い方ゲーム...

List

  • 2017/03/12

ScalaFiddle - Scala.jsをWeb上で試す

Scala.jsを使うと、普段使い慣れたScalaの文法でJavaScriptが書けるようになります。とは言え、すべてがScalaと同じように書けるわけではありません。Webならではの作法だって存在します。そこで使ってみたいのがScalaFiddleです。あらかじめWebブラウザ上で手軽に試せるScala実行環境です。...

List

  • 2017/03/12

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

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

List

  • 2017/03/11

Snips - Windows用のスニペット管理

プログラミングやメールの文面などでスニペットがあると業務が捗ります。何度も繰り返し同じことを入力するのは面倒ですし、クリップボードは通常一つしかないので使い回しが面倒です。そこで使ってみたいのがSnipsです。すぐに呼び出して使えるスニペット管理です。## Snipsの使い方Snipsの画面です。カテゴライズされていま...

List

  • 2017/03/11

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

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

None

  • Premium_s 2017/03/10

業務で使えるオープンソース(224)「CSS」

今回のテーマはCSSです。Webページ上でのイベントを補足して何か処理を行おうと思うとついJavaScriptでやってしまいます。開発者にとってはもちろんその方が簡単なのですが、余計なコードが増えてメンテナンス性が悪くなることがあります(特にアニメーション)。そんな時にスタイルシートを使えば解決できるかも知れません。今...

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...

None

  • Premium_s 2017/03/10

業務で使えるオープンソース(223)「SVG」

今回のテーマはSVGです。スマートフォンやノートPCなどがどんどん高画質化する中で、画像などのバイナリファイルがどんどん肥大化しています。今後、ますます高画質化していくとバイナリファイルでは限界が出てくるでしょう。そこで注目したいのがSVGです。ベクターベースのファイルフォーマットで、XMLで記述されています。今回は関...

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の使い方デモで...