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

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

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

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

もっと見る

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を紹介します。#...

48880?type=list&url=http%3a%2f%2fimages.moongift.jp%2f2014%2f04%2fscreenshot%25202014-04-21%252010.50.30_thumb.cc0571913b0224c8bf5d6ce2de256a8e

  • Premium_s 2014/12/09

2014年のトレンド振り返り(3)「HTML5」

前回分はこちら。- デザイン今回はHTML5について振り返ります。## 2014年10月についに勧告へHTML5の仕様策定がはじまって10年以上経ってようやく勧告となりました。これほど時間がかかったのは、おそらくiPhoneの登場によってWeb技術で実装して欲しい機能が大幅に増えたからと思われます。しかしその甲斐あって...

List

  • 2014/12/09

Manet - 指定URLのスクリーンショット作成サービス

Webサイトのスクリーンショットを撮りたいというニーズは根強くあります。Webサービスで提供するところも多いですが、自社独自で柔軟にやりたかったり、LAN内でスクリーンショットを撮りたいと思うこともあるでしょう。そんな時に使えそうなのがManetです。画面はなく、URLでアクセスするだけでスクリーンショットを保存してく...

List

  • 2014/12/08

devil – nodeアプリのGUIデバッガー

nodeを使ったアプリケーションが増えてきました。これまでは十分に慣れた人たちが作っていましたが、シェアが広がっていく中でこれからもっと数多くの開発者がnodeを使うようになるでしょう。そうなると欲しくなるのがデバッガーです。優秀なデバッガーがあれば開発効率が増し、どんどん開発できるようになるでしょう。そこで今回はde...

List

  • 2014/12/08

raven - 長文を書くのに適したWebテキストエディタ

小説をはじめ、長文を書くときに大事なのが集中できる環境と手になじむエディタの存在です。エディタは好みが人にって分かれます。リッチなエディタが好きな人もいれば、カラフルなものが良いという人もいます。書いていて違和感を覚えるエディタを使い続けることほど苦痛なものはありません。だからこそ色々なツールを試すべきです。今回は長文...

List

  • 2014/12/07

Glance Year – GitHub風に年間の活動をグラフ化

一年分の活動を振り返る際にはどういった表示が良いでしょう。各月のカレンダーを表示して、日付ごとに色分けするのも良いでしょう。しかし開発者であればもっと面白い方法があります。それがGitHubのコントリビューショングラフ(正式名称は知りませんが)です。縦軸に曜日、横に52週分並べればそれだけで一年間を意味するグラフになり...

List

  • 2014/12/07

range.css - レンジ入力をレンジ入力を使ってカスタマイズ

HTML5で追加されたフォーム入力の一つにレンジがあります。一定の決められた範囲について値を自由に選べるコンポーネントです。便利ではありますが、まだ利用されているケースは多くないように思います。そんなレンジ入力を格好良くアレンジしてくれるスタイルシート設定ツールがrange.cssです。## range.cssの使い方...

List

  • 2014/12/06

Mirror Draw – Canvasを使って左右反転させてドロー

人はモノを書いている時、それを視認することで正しく書けるというのを聞いたことがあります。例えば鏡を使って左右反転するようにしつつ、それを見ながら文字や絵を描くのはとても難しいようです。そういった目的があるのかは分かりませんが面白いWebアプリケーションがMirror Drawです。Canvasでマウスを使って描いた絵を...

List

  • 2014/12/06

Firing Range - Google製のWebセキュリティスキャナテストツール

Webブラウザは基本的に安全に使えるように設計されています。しかし悪意をもった開発者がセキュリティホールをつき、Webアクセスしてきた人から情報を盗み取ったり、Webブラウザをクラッシュさせたりします。そうした脆弱性を発見するツールを開発している方が、その性能評価として使えるのがFiring Rangeです。Googl...

List

  • 2014/12/05

メトロパイパー – 電車がいつくるのか、相対的に分かるWebサービス

日本の公共交通機関は優秀で、ほぼ時間通りに運行しています。そのため5分後に来ると分かっていれば5分後までに駅にたどり着けば良いと言うことになります。しかしそれは時間が分かっている場合です。次の電車に乗りたいとか、これから徒歩で向かっていると言った時には時間だけで計れないこともあるでしょう。そんな時にはメトロパイパーを使...

48867?type=list&url=http%3a%2f%2fimages.moongift.jp%2f2014%2f05%2fscreenshot%25202014-05-25%252015.22.02_thumb.f3ed9f0b6ebbd39e17199a084f1114ac

  • Premium_s 2014/12/05

2014年のトレンド振り返り(2)「セキュリティ」

前回分はこちら。- デザイン今回はセキュリティについて振り返ります。## インシデント今年はOSS周りのインシデントが目立った気がします。特に大きかったのはOpenSSL、Shellshock、SSLではないでしょうか。とはいえ、OpenSSLについては運営資金も乏しく、開発体制も少なかったため、起こるべくして起こった...

List

  • 2014/12/05

metrogram - 地下鉄の運行状況をビジュアル化

東京における人の輸送を支えているのが地下鉄です。多数の鉄道がひっきりなしに走り続けており、その正確性は世界に類を見ないほどです。その地下鉄データを公開したのが東京メトロオープンデータです。2014年秋にはコンテストも行われ、多数の作品が作成されたようです。その一つとしてmetrogramを紹介します。## metrog...

List

  • 2014/12/04

DocsDoctor – 優れたプログラマはドキュメントを書く!

DocsDoctorのコンセプトはかなり刺激的です。「良いプログラマーはドキュメントを読む。優れたプログラマーはドキュメントを書く」…どうでしょう、格好良いですよね。ということでDocsDoctorはオープンソースのプロジェクトに対してドキュメントがない部分を洗い出し、参加を促します。ドキュメントが充実すればプロジェク...