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

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

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

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

もっと見る

List

  • 2014/11/30

txtjs – テキストをCanvas上で自由自在に表示

Canvasタグの使い方としてよくあるのは画像をはじめとするグラフィックスを描くために用いるというものです。しかし画像を作るのは難しいですし、もっと手軽に利用できると活用できる範囲も広がるはずです。そこで今回はtxtjsを紹介します。txtjsはテキストをCanvas上に描画するというソフトウェアになります。## tx...

List

  • 2014/11/30

Materialize - マテリアルデザインのためのCSSフレームワーク

レスポンシブでWebデザインを組むのは当たり前、今のトレンドはマテリアルデザインにあるという時代になってきました。フラットUIを踏襲しつつ、アニメーションを効果的に使うことでさらにユーザビリティ高いデザインを可能にします。主にモバイルアプリ用に使われていますが、Webデザインにおいても十分利用が可能です。今回はマテリア...

None

  • 2014/11/29

Memo – CLIで使うUnixスタイルのメモ帳

普段コンピュータに向かって作業している時に、ふとメモしておきたいと思うことがあります。テキストにメモしても良いですが、ファイルを作成するまでもないことだったり、保存処理が煩わしくて覚えておこうとします。しかし大抵、そういった思いつきは忘れてしまうものです。そこで使ってみたいのがMemoです。ごくごくシンプルに使えるCL...

List

  • 2014/11/29

MozVR - Oculus Rift + Mozilla。WebブラウザでVRを楽しむ!

HTML5の機能はどんどん広がっています。Web上でUnityが使えるようになったり、WebGLを使えばリッチなコンテンツも表示できるようになります。MIDIと接続することだってできますので、HTML5の未来は無限にさえ感じます。そんなHTML5の楽しみ方をまた一つ教えてくれるのがMozVRです。なんとWebベースでV...

List

  • 2014/11/28

jsinspect – JavaScriptアプリケーションの類似コードを検索

コードのコピペは絶対に悪であるという訳ではありませんが、そこにはメソッド、関数としてまとめられるかも知れないというリファクタリングの余地があります。なのでリファクタリングを行う際には一度既存のコードについて重複した部分がないかチェックしてみると良いでしょう。クライアントサイドのJavaScriptやnodeで作ったアプ...

List

  • Premium_s 2014/11/28

2014年11月の人気ソフトウェアまとめ

過去分はこちら。- 2014年01月今回は11月のまとめです。なんともう1年が残り5週となってしまいました。最後の一週間は年末年始の休暇に入ることを考えると、実質4週間しかないと言えます。今回は開発に役立つ系統のソフトウェアが多かった印象があります。DevOpsをはじめ、開発プロセスもよりソフトウェア化が進んでいるよう...

List

  • 2014/11/28

Firefox Developer Edition - 開発者のためのFirefox

Firefoxといえば元々IEに対するアンチテーゼな存在として登場し、表示の高速さやコミュニティベースのアドオンによって一気にシェアを広げました。その後、Google ChromeやSafariの登場によってシェアは伸び悩んでいますが、今なお重要なブラウザです。そんなFirefoxから原点回帰とも言えるバージョンが登場...

List

  • 2014/11/27

narrative – Tumblrで電子書籍紹介ページを作るためのテンプレート

今、ちょっとしたWebサイトを作ろうと思ったらどのサービスを使うのが良いでしょう。柔軟性もありつつ、使い勝手の良いところ…個人的にはTumblrをお勧めします。テンプレートのカスタマイズもできますので、自由にWebサイトが組めます。これからコミケの季節ですが、そこで販売したり電子書籍を販売されているオンライン小説家の方...

List

  • 2014/11/27

vivus - SVGを解析してアニメーション表示

SVGはベクターベースのドローなので、どれだけ拡大しても綺麗に表示されます。レスポンシブや高解像度化するスマートフォン対応を考えれば画像よりもSVGのがメリットがあると言えるでしょう。もう一つのメリットとしてJavaScriptから操作するのが容易と言うことがあります。今回はその仕組みを使ったSVGアニメーションライブ...

List

  • 2014/11/26

NeighborNote – 操作履歴を使ってノートを素早く探し出すEvernoteクライアント

必要な情報を探す場合には検索を用いるのが一般的です。ソーシャルも急激に伸びていますが、それでもやはりGoogleなどを使って検索するのは当たり前になっています。しかし検索はキーワードを含め、目的の情報にたどり着くためのテクニックが必要です。検索ではないアプローチで自分の必要な情報にたどり着こうというのがNeighbor...

List

  • 2014/11/26

Battleboat.js - Webブラウザでロボット対手に遊べる海戦ゲーム

トランプをはじめとするシンプルな戦略系ゲームはコンピュータ相手のゲームとはまた違う面白さがあります。個人的には海戦ゲームが好きで、テーブルトークをしながら、相手の考えを読みながら遊ぶのが面白いです。そんな海戦ゲームをWebブラウザ上で楽しめるのがBattleboat.jsです。ロボット相手ですが、一人でも遊べるのが良い...

List

  • 2014/11/25

seisan – Excelの経費精算書を出力するRubyスクリプト

会社で面倒な作業の一つに経費精算があります。立て替えで払うのも面倒なのに、月末で締めて一覧を作る必要があります。面倒で煩雑だからこそ、誰も出したがらなくなるはずです。そこで多少なりとも楽しめるようにしたのがseisanです。YAMLフォーマットで記録しておき、コンバートして経費精算書を出力できるソフトウェアです。## ...

List

  • Premium_s 2014/11/25

テキスト解析の基本!業務で使えるオープンソース(145)「形態素解析」

今回は昔からよく知られている形態素解析についてです。ブログやソーシャルメディアの流行もあって、テキストコンテンツは爆発的に増えています。問題はそれらのテキストをそのまま使うのではなく、テキストから意味を受け取ってその文脈にあった結果を返すことが求められます。精度の高いテキスト解析はSiriのようなアシスタントやAdSe...

None

  • 2014/11/25

WWW-Sitemap-Simple – 簡単にサイトマップを作成するモジュール

サイトマッププロトコルにしたがったXML形式のサイトマップを作成できるモジュールです。インストールもコーディングも簡単です。サイトマップの作成は、アプリケーションやホームページなどさまざまなサイトを更新する際に行う作業ですので、このモジュールを使うことで運用が楽になるでしょう。## WWW-Sitemap-Simple...

List

  • 2014/11/24

Amazon S3 Directory Browser – ApacheのDirectory Index風にS3を閲覧

Amazon S3をクラウドのストレージとして活用している人は多いです。システムから自動保存するだけでなく、普通にファイル置き場と使っていたりします。バイナリファイルを置いて、ファイル配布の場として使っているケースも多いでしょう。そうなると欲しくなるのがファイル一覧、インデックスページではないでしょうか。そこで使ってみ...

List

  • 2014/11/24

Dashboards by Keen IO – グラフを多用したBootstrap管理画面テンプレート

Bootstrapが特に活かされている場面というと、管理画面ではないでしょうか。そこまで画面デザインにこだわらなくてよく、情報設計がきちんとできていれば見栄えの良いUIが作成できます。開発者自らが設計、デザインできるのが手軽で良いです。そんなBootstrapを使った管理画面デザインは多数ありますが、今回はビジュアル化...

List

  • 2014/11/23

Walkway.js – SVGコンテンツを取得して自動アニメーション

HTML5が正式勧告になり、SVGの利用も今後ますます広がっていくものと思われます。ベクターベースのドローができるので拡大表示したとしても綺麗に描けるのが特徴です。さらにもう一つ、アニメーションが書けるというのも特徴です。とはいえSVGアニメーションを作るというのはそうそう簡単ではありません。もうちょっとシンプルなアニ...

List

  • 2014/11/23

Ember-paper - Emberで使えるマテリアルデザイン

Googleの提唱するマテリアルデザインはフラットUIとの親和性が高いこともあって、新しいデザインの中で取り入れられています。主にスマートフォン向けと思われますが、Webデザインにおいても見逃せない存在です。そんなマテリアルデザインをEmberアプリケーションの中で活かせるのがEmber-paperになります。## E...

List

  • 2014/11/22

OpenSeadragon – ズームイン/アウトに対応したWeb画像ビューワー

写真の解像度はどんどん上がっており、もはやパソコンの画面では確認できないくらい小さな部分まで写真に収められるようになっています。そうなると欲しくなるのがズームイン/アウトに対応したビューワーです。スマートフォンやタブレットで見る限りは指で拡大、縮小ができます。同様にデスクトップでも画像の縮小、拡大に対応したビューワーが...

List

  • 2014/11/22

Twemoji - Twitter製。絵文字を画像にパース

iPhoneで絵文字がサポートされるようになって、FacebookやTwitter、GitHubなどでも絵文字が使えるようになっています。同じデバイス、サービスであれば問題はないのですが、外部サービス連携している場合などは絵文字がトウフになってしまうことが多々あります。そんな残念な状態を改善できるかも知れないのがTwe...