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

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

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

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

もっと見る

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

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...