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

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

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

2017/09/20
アウトプット重視の働き方
2017/09/15
2017年08月の人気ソフトウェアまとめ
2017/09/15
業務で使えるオープンソース(235)「Markdown拡張記法」

もっと見る

None

  • 2016/04/17

native-css - スタイルシートをReact用オブジェクトに変換

Reactではスタイルシートをファイルのまま使うよりも、JavaScriptからスタイル要素に直接指定する方法が好まれます。ただ、その際に問題になるのは通常のスタイルシートと書き方が全く異なるということでしょう。数年前まではデザイナーとエンジニアの作業分担が言われていたのですが、Reactではうまくいきません。そこで代...

List

  • 2016/04/16

iTunes Search by React - Reactでの作り方を知るのに便利なiTunes検索システム

Reactが使われるようになってきていますが、まだ実例が足らないと感じている人も多いでしょう。そうした方はReactで作られたオープンソース・ソフトウェアをチェックすると、内部実装まで確認できて良いです。ということで今回はiTunes Search by Reactを紹介します。iTunes検索のAPIを使ったReac...

List

  • 2016/04/16

Simple UI - 学習コストの低いシンプルなUIフレームワーク

Bootstrapはとても便利に使えるUIフレームワークですが、多機能になるにつれて設定するクラスや作法が増えていきます。バージョンアップも早いので追従するのが大変です。今回はもっとシンプルに使えるUIフレームワーク、その名もSimple UIを紹介します。## Simple UIの使い方Simple UIはあまりクラ...

List

  • 2016/04/15

CLJS Fiddle - Web上のClojureScript実行環境

ClojureはJVMで動くLispで、さらにClojureScriptはJavaScriptに変換されるClojureになります(全機能が使えるわけではありませんが)。その結果、Clojureでサーバを、ClojureScriptでWebブラウザ側の開発ができるようになります。今回はそんなClojureScriptを...

List

  • 2016/04/15

Advance - iOS/Mac OSX/tvOS用のアニメーションライブラリ

アニメーションというのは一般的な開発の中でも特に専門的な技術が必要なものになります。より自然な動きを表すためにはちょっとした遅延であったり、ぶれが効果的であったりして、それを実装するのはとても大変です。そこでアニメーションライブラリを積極的に使っていきましょう。今回はiOS/Mac OSXで使えるAdvanceを紹介し...

List

  • 2016/04/14

Dejavu - Elasticsearch管理インタフェース

最近注目を集めているのがElasticsearchです。Elasticsearchをクラウドで提供するサービスもあり、広く使われるようになっています。自社システムに組み込んでいる企業も多いでしょう。そんなElasticsearch用の管理ツールがDejavuです。データをブラウジングしたり、メンテナンスするのに使えます...

List

  • 2016/04/14

asciinema-player - 自分のサーバ内でasciinemaを動かす

ソフトウェアのセットアップ記事などで画面のスクリーンキャストは効果的です。GUIの場合は動画ですが、CUIの場合はテキストしか扱わないこともあって、文字をそのまま記録するのが便利です。有名なサービスとしてasciinemaが知られていますが、asciinemaにコンテンツをアップロードしないで自分のサーバで使えるように...

List

  • 2016/04/13

LavaLamp.js - ラバランプ風なページング

ラバランプというのをご存知でしょうか。下に発熱体(ランプ)があり、ゴムっぽい塊(ラバー)を温めることでラバーがマントルのように上下するランプです。80年代くらいのアメリカで流行ったようです。そんなラバランプにインスピレーションを得て作られたJavaScriptライブラリがLavaLamp.jsです。ページングに用います...

List

  • 2016/04/13

BoZoN - シンプルで使い勝手の良いファイル共有システム

相手にファイルを渡したいと思うことは多々ありますが、ちょうど良い方法というのはなかなか見つかりません。例えばMac OSX同士であればAirDropがありますが、異なるプラットフォームだと相手がWebサービスのアカウントなどを持っていなければならなかったりします。そこで使ってみたいのがBoZoNです。専用で立てるファイ...

None

  • Premium_s 2016/04/13

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

今回のテーマはCDNです。元々Webサイトの高速化目的で使われることが多かったですが、アプリや動画配信でも使われるなどあらゆる場面で求められるようになっています。今回はそんなCDNの利点と関連オープンソース・ソフトウェアを紹介します。## 高速化は正義CDNはエッジサーバ上に構築されることが多く、各端末から近いネットワ...

List

  • 2016/04/12

Voix JS - Webブラウザに音声コマンド機能を追加

スマートフォンやタブレットではボイス入力による音声コントロールが人気です。ウェアラブルや車の運転中による音声操作など、ITの利用範囲が広がる技術となっています。そんな音声コントロールをWebブラウザにも追加してくれるのがVoix JSです。## Voix JSの使い方Voix JSはマイクへのアクセスを許可する必要があ...

List

  • 2016/04/12

Git Snippet - Gist風にGitHub/BitBucket/GitLabのコードを埋め込み

GitHubの提供するGistではコードを埋め込みで外部のWebサイトに表示する機能をサポートしています。しかし本体のGitHubの方では提供されていません。そこでGitHubをはじめとして各種リポジトリサービスでGist風なコード埋め込みを可能にするのがGit Snippetです。## Git Snippetの使い方...

List

  • 2016/04/11

KeePass web app - 非公式なWebベースのKeePassクライアント

オープンソースのパスワード管理ソフトウェアであるKeePassを使っている人は多いでしょう。良いスマートフォンアプリがないのが残念ですが、デスクトップではとても便利なソフトウェアです。スマートフォンアプリではありませんが、Webアプリであればデスクトップ、スマートフォンを問わず利用できそうです。今回はアンオフィシャルな...

List

  • 2016/04/11

MONSTA Box - PHP製のFTPクライアント

クラウドのストレージに対して毛嫌いを感じている企業は少なからず存在します。様々な理由が存在しますが、その一つにコントロールが限られる点が挙げられるでしょう。となれば自分たちで管理できるサーバにストレージサーバを用意するのがいいでしょう。今回はMONSTA Box、WebベースのFTPクライアントを紹介します。## MO...

List

  • 2016/04/10

gifi - npmインストール中にアニメーションGIF表示

npmでインストールしている間は待ち時間がとても暇です。インジケータが出るようになっていますが、実はインジケータをオフにしたほうがインストールが早いと言われています。そんな待ち時間を少しでも楽しくするためのソフトウェアがgifiです。アニメーションGIFを表示してくれます。## gifiの使い方gifiのインストールは...

List

  • 2016/04/10

Codeology - GitHubリポジトリをキャラクターとして可視化

アートが1枚のキャンバスに作品を描くように、ソフトウェアはソースコードをもって作品となります。美しいアーキテクチャ、コードはエレガントな作品となることでしょう。そんなコードを使ってキャラクターを生成するのがCodeologyになります。ぜひ自分のリポジトリで試してみてください。## Codeologyの使い方Codeo...

List

  • 2016/04/09

Github Visualizer - GitHubリポジトリを可視化

GitHubはそれまでのリポジトリサービスと異なり、ソーシャルに特に注力しています。それはユーザはもちろん、編集したコンテンツでも同様です。今回はそんなGitHubリポジトリのファイル構成をビジュアル化するGithub Visualizerを紹介します。## Github Visualizerの使い方これはAtomのリ...

List

  • 2016/04/09

jQuery-Tabledit - Bootstrapのテーブルでデータの編集を可能に

業務システムといえばテーブルによるデータの一覧表示ですよね。実装すると次に要望にあがるのはデータのフィルタリングであったり、一回更新だったりします。非常に厄介です。今回はその一部、一覧時におけるデータの編集を手助けしてくれるソフトウェア、jQuery-Tableditを紹介します。Bootstrapのテーブルに対応して...

List

  • 2016/04/08

ほー連想 - 探しやすいコードを使って漢字を直接入力

日本語入力の基本はかな漢字変換システムです。まず平仮名で入力し、それらを解析した上で最適な漢字を交えたテキストに変換します。正直、使っている中で変換効率の悪さに辟易した経験は誰もがあるはずです。そんな不満の中、開発されたのがほー連想です。これまでと全く異なる思想から生まれた日本語入力システムです。## ほー連想の使い方...

None

  • Premium_s 2016/04/08

業務で使えるオープンソース(188)「ボット」

今回のテーマはボットです。最近、にわかに騒がしくなってきている市場ですが、昨日のLINEの発表に加えて来週のFacebookの発表も予定されているなど、さらに活性化が予想されています。今回はそんなボットの利点と、関連オープンソース・ソフトウェアを紹介します。## テキストメッセージのやり取りボットは基本的にテキストメッ...