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

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

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

2017/12/14
できることを全力でやる
2017/11/25
恥ずかしさを感じないためにできること
2017/11/11
プロジェクトを遅延させないコミュニケーションパス管理

もっと見る

List

  • 2016/06/16

SVG panzoom - SVGのズームイン/アウト機能を提供

Web上でSVGが多く使われるようになってきました。SVGの利点の一つに挙げられるのが、ベクターなので拡大しても綺麗ということです。拡大や縮小するというのは、情報の粒度を自分で変更したいという時に便利です。そこで紹介したいのがSVG panzoomです。その名の通り、SVGのズームイン/アウトを実現するためのライブラリ...

List

  • 2016/06/15

Social Share URLs - 各種ソーシャルサービスへのシェアボタンを生成

Web上でコンテンツをより多くの人に見てもらおうと思ったらシェアする機能が欠かせません。Facebook、Twitterは基本として、他にもたくさんのソーシャル系サービスが存在します。そんな各種サービスに対応したシェア機能を提供するのがSocial Share URLsです。JavaScriptで簡単に実装できます。#...

List

  • 2016/06/15

handsontable - グリッド表示にExcel並の機能を

業務システムと言えばグリッド、テーブルが求められます。最初はHTMLで簡単に作成するのですが、すぐに追加の機能が求められます。ソート、フィルタリング、ヘッダーや左側の列を固定して欲しいと言った具合です。そんな厄介な要望をスクラッチで対応していたのではとても時間がかかってしまいます。ぜひhandsontableを試してみ...

None

  • Premium_s 2016/06/15

業務で使えるオープンソース(195)「メモ」

日々の業務でちゃんとメモを取っていますか。その場では覚えられても、1ヶ月もすれば大抵のことは忘れてしまうものです。人の脳はストレージとして考えると性能が悪いので、なるべくメモをとって形に残るようにしておかなければなりません。そこで今回は主なメモ環境と関連オープンソース・ソフトウェアについて紹介します。## ノートオフラ...

List

  • 2016/06/14

mov2gif - 手持ちの動画をさくっとアニメーションGIFに変換

最近、アニメーションGIFを使ってソフトウェアの操作を表現することが多くなっています。YouTubeなどに比べると簡単に、繰り返し見られる動画が作れるのが利点です。その際の素材として、動画から変換するというケースはよくあります。今回紹介するオープンソース・ソフトウェアはmov2gif、動画をアニメーションGIFに変換し...

None

  • 2016/06/14

pretty-bytes-cli - 数値をバイト数に変換

プログラマであれば当たり前ですが、1kBは1,000 byteではありません。1,024 byteながら便宜上分かりやすい1kBと表記しています。同様に1GBも1,024MBであって、バイト数からの換算は非常に面倒です。皆さんも人に説明したり、ドキュメントで書く際に1,024で割って計算した経験があるはずです。そんな面...

List

  • 2016/06/13

atrament.js - スムーズな線の描けるドローソフトウェア

今なお個人的に好きなソフトウェアがSkitchです。Evernoteに買収されてしまいましたが、一番シンプルで使いやすかったバージョン1系を未だに使っています。何よりいいのがマウスで線を描いたとしても滑らかな曲線に置き換えてくれる機能です。そんなSkitchを彷彿とさせるソフトウェアがatrament.jsです。Jav...

List

  • 2016/06/13

Swagger Editor - Swaggerフォーマットの編集とコード生成

SwaggerはWeb APIの標準記述フォーマットとして知られつつあります。標準ができるということは、それを使っていれば同じデータを使って他のフォーマットやサービスで使うことができるようになります。すでにコード生成ライブラリなどが作られていますが、今回はSwagger向けのドキュメントを作れるSwagger Edit...

List

  • 2016/06/12

Zebra - リッチなUIが作れるWebアプリケーションフレームワーク

HTML5によってUI周りは大きく改善されましたが、それでもまだまだ物足りないと感じることは多いです。その結果、外部ライブラリを導入せざるを得ず、互換性や組み合わせによる不具合が発生することもあります。今回は多くのリッチなUIライブラリを提供するZebraを紹介します。Zebraを使えば他のライブラリを使わずともリッチ...

List

  • 2016/06/12

Crowi - MarkdownとWikiを組み合わせた組織用コミュニケーションツール

メモというのは大事なもので、蓄積されたメモは後々大きな意味をもってきます。そのためにも手軽に、かつ一カ所にまとめて書けるようになっていなければなりません。散在したメモは探すコストが大きく、役に立ちません。会社であればメモはみんな一カ所に書きためるべきです。それによって知らなかった新しい知識に辿り着けます。それを可能にす...

None

  • 2016/06/11

rclone - 同期もできる。各種クラウドストレージに対応したファイル管理ツール

今はクラウドストレージサービスが多数存在します。幾つものサービスを使い分けていたり、会社と個人、プロジェクトなどでストレージサービスが異なるといった方も多いのではないでしょうか。そんな方にお勧めなのがrcloneです。複数のクラウドストレージをコマンドラインから操作できる便利ツールです。## rcloneの使い方例えば...

List

  • 2016/06/11

Expounder - 補足説明を表示するJavaScriptライブラリ

テキストだけですべてを説明しようと思うとつい文字数が増えてしまいがちです。しかし短縮しすぎると伝わらなくなってしまいます。バランスが大事なのですが、それは紙のような静的なテキストの場合と言えます。Webであればもっとダイナミックに、ユーザ操作に合わせてコンテンツを提供することだってできるはずです。そこで使ってみたいのが...

None

  • Premium_s 2016/06/10

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

今回のテーマはWebGLです。HTML5が普及し、その中でWebGLも使いやすくなってきました。iOS9でもWebGLがサポートされたこともあって、スマートフォンでもWebGLコンテンツが普及しはじめています。今回はそんなWebGLの使われ方と、関連オープンソース・ソフトウェアを紹介します。### ゲームWebGLと聞...

List

  • 2016/06/10

Spy - Webページ中でのユーザの動きをトラッキング

アクセス解析を使うとユーザがどう回遊しているか分かります。しかし、ページの中でどういう風に動いているかは分かりません。そこで何か問題にあってページを閉じてしまっている可能性もあります。そんなユーザの操作を記録、再現してくれるのがSpyです。アクセス解析と組み合わせて使ってみると面白そうです。## Spyの使い方Spyの...

List

  • 2016/06/10

Bootstrap Clean Dashboard Theme - 管理画面に向いたBootstrap製ダッシュボードテンプレート

Bootstrapが最もよく使われるのは個人のWebサービス、そして企業の管理画面ではないでしょうか。そこまでデザインがよくある必要はないですが、見逃し防止の一覧性やグラフの見やすさなどが求められます。そんなBootstrapを使った管理画面テンプレート、Bootstrap Clean Dashboard Themeを...

List

  • 2016/06/09

React Storybook - Reactアプリのコンポーネント開発にお供に!

Reactの開発ではデータの状態が大事で、保存しておかなければリロードすると元に戻ってしまいます。これでは状態が遷移していく中で開発していると何かと厄介です。かといって、そのためにデータを変更するのも面倒です。そこで使ってみたいのがReact Storybookです。ストーリーという単位を使ってデータの状態を分けて管理...

List

  • 2016/06/09

Blueprint: Vertical Timeline - スタイリッシュな縦型タイムラインデザイン

Webサイトの記念的なエントリーやページを作成する際には縦向けのタイムラインがよく使われます。Webページは縦にスクロールされるものが多いので、一番上が過去とすれば、スクロールするごとに経過時間をたどれるようになります。そんなサイトを作る際に使えるのがBlueprint: Vertical Timelineです。センス...

List

  • 2016/06/08

CalcSS3 - CSS3で作られた実際に使える計算機

CSS3を駆使すれば、驚くほどの機能が実現できます。JavaScriptはブラウザでオフにされることがありますが、CSSは殆どオフになりません。そのため、JavaScriptが使えなくとも動くというのは大きな利点があります。今回紹介するオープンソース・ソフトウェアはCalcSS3、CSS3で作られたiPhoneの計算機...

List

  • 2016/06/08

CrossUI - 多数のブラウザに対応したWebアプリケーション開発ライブラリ

Web技術が進歩していることもあって、これまでローカルでないと実現しなかったようなUI、機能などがWebブラウザ上でできるようになっています。とは言え、それはできるという話であって、実現しようとすればかなり大変なのは間違いありません。特にUIやJavaScriptと連携させた動きの制御は苦労が伴います。そこで使ってみた...

None

  • Premium_s 2016/06/08

React Europe 2016レポート

ここ最近、海外のカンファレンスに足繁く通うようにしているのですが、今回はパリで開催されたReact Europe 2016に参加してきました。Reactは言わずと知れたFacebook製のUIライブラリですが、React Nativeによってアプリ開発まで対応できるようになったことで一気に利用者が増えている感があります...