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

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

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

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

もっと見る

List

  • 2014/12/18

QuaggaJS - JavaScript製のバーコードリーダー

コンピュータと現実世界との間で情報をやりとりする方法はいくつかあります。目で見てキーボードで入力するのも一つですが、非常に面倒くさいです。昔からある手法として知られているのがバーコードです。バーコードスキャナーを使うことで伝票や商品に印字されたバーコードを読み取れます。しかしいくつかのバーコードを読み取るだけでスキャナ...

List

  • 2014/12/17

picEdit – ファイル選択の代わりに使える画像/Webカム + 画像編集

ソーシャルサービスが流行っていることもあり、プロフィール画像をアップロードさせるサービスが増えています。しかし常に使っている画像でもあれば良いですが、自分の写真が手元にない場合も多いでしょう。そこでファイル選択の代わりに使ってみたいのがpicEditです。Webカメラを使ってその場で写真を撮影、加工できるソフトウェアで...

Missing

  • 2014/12/17

Semantic UI - クラス指定に意味を持たせたデザインフレームワーク

スタイルシートのデザインフレームワークを使っていると、自分が行いたいデザインをどうすれば実現できるかを都度調べる必要があります。md-6とかそういった類のクラスを確認して記述したりします。つまり頭の中で自分のやりたいことと、実際の記述とを変換する必要があるのです。これは意外とストレスではないでしょうか。それを解決する、...

List

  • Premium_s 2014/12/17

2014年のトレンド振り返り(5)「スマートフォン」

前回分はこちら。- デザイン今回はスマートフォンについて振り返ります。## iOS 8/LollipopiOSはiOS 8、Androidは5.0系であるLollipopがリリースされています。NexusのようなGoogle公式のデバイスは既にバージョンアップが可能ですが(とはいえ怖くてアップデートできないのですが…)...

List

  • 2014/12/16

Vegas – Webサイトの背景を使う写真スライダー

最近、Webサイトの背景に大きな写真を埋め込む表示が見られるようになってきました。デザイナーのプロフィールサイトやランディングページに使うとインパクトがあります。さらにその写真が複数あるといった時に使ってみたいのがVegasです。画像の切り替えをスタイリッシュに行ってくれるjQueryプラグインです。## Vegasの...

List

  • 2014/12/16

JuliusJS - JavaScriptだけで音声入力

これまで入力インタフェースと言えばキーボードまたはマウスが中心でした。しかしスマートフォンやタブレットに注目が集まるようになると、もっと別な入力が望まれるようになります。その一つが音声ではないでしょうか。既にSiriをはじめAndroid、iOSで音声入力が取り入れられはじめています。今回はWebだけで音声解析を行うラ...

List

  • 2014/12/15

Schema UI Frontend Framework – 軽量、レスポンシブなUIフロントエンドフレームワーク

Bootstrapの登場によってフロントエンドの開発がとても簡単にできるようになっています。Bootstrap以外でもたくさんのフレームワークがあります。それらを使いこなすことでUIの組み立てが高速化しています。Schema UI Frontend Frameworkもその一つです。Webアプリケーションのプロトタイプ...

List

  • 2014/12/15

HTML5 Video Puzzle - なんと動画をパズルに!

画像を切り離してパズルにするといったソフトウェアはいくつも存在します。これはこれで面白いのですが、Web上でやっても大きなインパクトはなさそうです。その自動生成パズルの最新版とも言えるのがHTML5 Video Puzzleです。なんと動画を切り離してパズルにしてしまうソフトウェアです。## HTML5 Video P...

List

  • 2014/12/14

chromeos-apk – Android用のAPKファイルをChrome/ChromeOS用に変換

ChromeOSがリリースされて、関連ソフトウェアもずいぶん増えてきたように見えますが、まだまだ実用上では物足りないと思っている人も多いのではないでしょうか。そこに凄いソフトウェアが登場しました。なんとAPKファイルをChromeOSで動くように変換してしまうコンバータです。実際にはそればかりかWindowsやMac ...

List

  • 2014/12/14

Charted - 外部のCSV/Googleスプレッドシートをグラフに

Web上に置いたCSVファイルやGoogleスプレッドシートに記録したデータを手軽にグラフ化したいと思ったことはないでしょうか。Googleスプレッドシートでもできますが、設定が多くて面倒に感じてしまいます。そこで使ってみたいのがChartedです。外部サイトにあるCSVファイルやGoogleスプレッドシートのデータを...

List

  • 2014/12/13

Cosmo – シングルページアプリケーション用CMS

最近流行のシングルページアプリケーション。プロジェクトの紹介サイトやランディングページなどでよく使われています。通常は静的ページで作り上げることが多いようです。しかしそのコンテンツのメンテナンスを考えるとCMSの方が良いでしょう。ということで使いたいのがシングルページアプリケーション用のCMS、Cosmoです。## C...

List

  • 2014/12/13

RAMAnimatedTabBarController - iOSアプリのタブバーでさり気ないアニメーション

マテリアルデザインの肝になるのはリアルの物体を意識させる操作感です。押した時、フォーカスした時にそれぞれアニメーションを使いつつユーザに操作したという実感を提供するのが大事です。iOSアプリのタブバーではハイライト表示を切り替えて今どのタブにいるのかを明示しますが、RAMAnimatedTabBarController...

List

  • 2014/12/12

nemex.io – アイディアを素早くメモするためのCMS

アイディアを記録しておく場所は絶対に必要です。大抵は単なる思いつきですが、それを記録しておくことで後で別なアイディアと結びついたり、思い起こしたことで新しい企画につながったりします。ソーシャルメディアでは短く、ブログでは重たい。そこで使ってみたいのがnemex.ioです。ライトにテキストを記録できるWebアプリケーショ...

List

  • Premium_s 2014/12/12

2014年のトレンド振り返り(4)「仮想」

前回分はこちら。- デザイン今回は仮想について振り返ります。## Dockerサーバ環境の仮想化技術はDockerによって一変しています。これまでchrootやjailのような類似技術はあった訳ですが、それでも仮想化をシェアするという点においてDockerは一気に伸びています。Google、Amazonが後押ししている...

List

  • 2014/12/12

SVG Morpheus - SVGアイコンの切り替えをアニメーション化

SVGの良いところは画像と異なりバイナリではないので解析すれば様々な利用法が考えられる点にあります。単純にブラウザ任せに描画するだけでは勿体ないでしょう。ぜひその構造を読み取って、SVGならではの面白さを考えてみましょう。今回はその一つ、SVG Morpheusを紹介します。SVGアイコンから別なアイコンへのモーフィン...

List

  • 2014/12/11

Lining.js – 複数行表示に使えるスタイルシートライブラリ

スタイルシートは便利になっていて、多数の機能を備えるようになっています。CSSセレクタを使って細かく要素を指定できるようになっていますが、それでも足らないものがあります。それが複数行記述した時の、2行目、3行目の指定法です。そうした指定法はなく、JavaScriptで対応する他なかったのですが、Lining.jsはその...

List

  • 2014/12/11

Livedown - Markdownファイルのライブプレビュー

Markdownを記述するのに専用のエディタが登場していますが、既に使い慣れたテキストエディタがある場合、使い分けるのは面倒です。しかしプレビュー機能が欲しいと思うかも知れません。筆者が好きなEmacsでもMarkdown modeはありますが、プレビュー機能は専用エディタほどではありません。そこで使いたいのがLive...

List

  • 2014/12/10

Frameless – iOS用の全画面ブラウザ

スマートフォンは徐々に大型化する傾向がありますが、それでもタブレットやデスクトップに比べると画面サイズが小さいです。そのため不要なものはなるべく表示せずにブラウジングできると良いでしょう。そこで作られたのがFrameless、iOS用のWebブラウザです。タブバーもステータスバーもない、全面ブラウザになるiOSアプリで...

List

  • 2014/12/10

FlowupLabels.js - プレイスホルダーを上に移動させてユーザビリティ向上

マテリアルデザインを行う上でユーザがどういった意図で操作を行っているのかを読み取って、それに合わせて情報を表現するというのが問われています。プレイスホルダーは便利な仕組みですが、入力しはじめた瞬間に元々の文字が消えてしまうので何を入力すれば良かったのか分からなくなってしまうことがあります。そこでラベルを上に移動させる表...

None

  • 2014/12/09

Flow – Facebook製。JavaScriptの静的型付けチェッカー

スクリプト言語とコンパイル言語の大きな違いとして変数の型付けがあげられます。それによって入力値と出力値の保証ができるので思わぬデータの入力による不具合発生が抑えられるようになります。JavaScriptでは特に静的型付けを求める声が大きいように思います。ということでそれを可能にするソフトウェア、Flowを紹介します。#...