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

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

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

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

もっと見る

List

  • 2014/12/31

Skeleton - レスポンシブサイトを構築するためのベースデザイン

レスポンシブなWebサイトを作ろうと思った時、一からすべてを設計するのはとても大変です。とはいえ既存のフレームワークはUIウィジェットを含んでいたりして余計なしがらみが発生してしまう可能性もあります。そこで使ってみたいのがSkeletonです。ごく基本的なレスポンシブ構造だけを提供するCSSフレームワークです。## S...

List

  • 2014/12/30

iFrame Resizer – iframeサイズを埋め込まれたコンテンツから変更

HTML5からはFlashのようにobjectタグではなく、iframeを使ってコンテンツを埋め込むのが基本になっています。しかしiframeではコンテンツが非同期かつセキュリティ上、そのコンテンツの大きさが分からないのが難点です。iframeコンテンツの大きさに合わせて自動的にサイズを変更するためには親フレームと子フ...

List

  • 2014/12/30

Satellite Eyes - 地図を使った壁紙チェンジャー

地図はとても魅力的なコンテンツです。Googleマップをはじめ、ストリートビューや衛星写真を眺めていても飽きることがありません。そんな地図好きな方にぜひ使ってみて欲しいのがSatellite Eyesです。Satellite Eyesは壁紙チェンジャーなのですが、現在位置を使って地図、衛星写真を取得して壁紙化するところ...

List

  • 2014/12/29

Dante Editor – Webページそのままに編集できるWYSIWYGエディタ

WYSIWYGなエディタは多数存在します。従来はMS Word並に多くのツールバーが表示されて、その中でHTMLコンテンツが自由に組めるといったものが多かったですが、最近では機能は少なめに、スマートな表示が特徴的です。Dante Editorはそんな今時のWYSIWYGエディタの一つになります。一見、編集画面と分からな...

List

  • 2014/12/29

Github issues viewer - GitHubのIssue管理をスタイリッシュに表示

GitHubの便利な機能の一つにイシュー(課題)管理があります。プロジェクト内のTodo、バグ、質問、機能追加など様々な情報を一元的に管理できます。色々な使い方は考えられますが、あのUIが何となく使いづらいと感じる人もいることでしょう。そんな方に使ってみて欲しいのがGithub issues viewerです。GitH...

List

  • 2014/12/28

UI Tiles – Webサイト全体の画面遷移設計に使えるデザイン集

Webサイトを開発する際に使われるのが画面遷移を表現するフローチャートです。例えばコマースであればトップページから商品一覧、カテゴリ一覧や商品のピックアップなどの遷移が考えられます。深くなってしまう場所がないか確認したり、ユーザ動線が正しく描けているかどうか確認するのに便利です。UI Tilesはそんなフローチャートを...

List

  • 2014/12/28

Proteus - Webフロントエンド開発スターターキット

最近はフロントエンド開発が盛んです。そんな中で開発補助ツールも数多く開発されています。あえて自分で補助ツールを揃えることなく、ジェネレータを使えば一気に整ってしまいます。Proteusはそのためのツールになります。Middleman、Jekyll、Gulpに対応した開発環境構築ツールになります。## Proteusの使...

List

  • 2014/12/27

Suave UI – AngularJSと組み合わせて使いたいUIフレームワーク

JavaScriptを活用したWebアプリケーション開発の流れが広まっています。JavaScriptアプリケーションが大型化すれば、自然とフレームワークを欲するようになります。AngularJS、Ember、Backboneあたりが有名でしょうか。今回はAngularJSをターゲットにしたプロダクト、Suave UIを...

None

  • 2014/12/27

icdiff - CUIでもサイドバイサイドの差分表示

CLIにおけるdiffコマンドは行の削除や追加が縦に並ぶ形になっています。慣れれば理解できないことはないと思いますが、GUIやWebベースの差分ツールでは一般的にサイドバイサイドの差分表示が使われます。この方が人にとっては分かりやすいのでしょう。そんな差分表示をCLIでも可能にするのがicdiffです。## icdif...

48963?type=list&url=http%3a%2f%2fimages.moongift.jp%2f2014%2f11%2fscreenshot%25202014-11-10%25208.41.06_thumb.1aa079240ab0b895e862a588d49d2e89

  • Premium_s 2014/12/27

2014年に紹介した中から厳選してWebアプリケーション、ライブラリを紹介

Windows版もあります。Web系のライブラリ、ソフトウェアはやはりどんどん増加傾向にあります。ここ最近のトレンドとしては、Bootstrap管理系やバージョン管理、画像系ライブラリなどが多いようです。逆に昔多かった地図系ライブラリ、CMS、Wikiなどは出てこなくなってきています。成熟しつつあったり、既に定番と呼べ...

List

  • Premium_s 2014/12/27

2014年に紹介した中から厳選してMac OSXソフトウェアを紹介

Windows版もあります。Mac OSXはiOSの広まりもあって、企業でも利用が進んでいるように見えます。それにともなってソフトウェアもビジネスでも使えるものが増えているようです。Webアプリケーション化も進んでいますので、普段の業務であればMac OSXでも大して困らない状態にはなっています。Windows 8/8...

List

  • 2014/12/26

Material Design Fonticons – GoogleマテリアルアイコンのWeb Font版

マテリアルデザインにおいてアイコンは大事な存在です。これまではラベルの補助だったのが、よりアイコンだけでも意図が伝わるようにしなければなりません。そのためにはちょっとした変化を含めてアイコンの種類がもっとたくさん必要です。そこでGoogleもアイコン集を提供している

List

  • 2014/12/26

Brimir - Webベースのチケット管理

多くの仕事はチケットで管理できます。プログラマーの仕事もタスクというチケットで管理されます。コールセンターやサポートもチケット制のところが多いです。チケットにすることで業務量が把握しやすくなり、進捗も分かるようになります。Brimirはそんなチケットを管理するためのソフトウェアになります。汎用的なチケットシステムなので...

None

  • 2014/12/25

voice-elements – 音声読み上げ、音声入力を簡単にするWeb Components

WebはWeb Componentsによって新しい世界を迎えようとしています。高度な機能、UIが簡単に再利用できるようになれば、どんどん開発ができるようになります。標準で提供されるタグの範囲を超えた機能を簡単に実現できるようになるでしょう。今回紹介するvoice-elementsもWeb Componentsの一つと言...

List

  • 2014/12/25

Diversity - Bootstrapで作られたシングルページアプリケーションテンプレート

SPA(シングルページアプリケーション)が流行っています。通常のWebサイトと異なり、ランディングページやプロジェクトのトップページで使われることが多く、様々な情報を見やすく並べて表示する必要があります。Diversityはそんなシングルページアプリケーションに最適なテンプレートです。しかもBootstrapベースとあ...

List

  • 2014/12/24

MagicEye.js – 自分で作れるマジックアイ

何これすごい!マジックアイはおそらく皆さん知っているかと思います。より目にしたり、遠くを見るような感じにすると絵が浮かび上がってくる仕組みです。視力を回復させる(?)といったような噂もあります。そんなマジックアイを任意の図形でできるようにするのがMagicEye.jsです。ぜひ試してみてください!## MagicEye...

List

  • 2014/12/24

kuromoji.js - Webブラウザ上で分かち書き!

テキストから意味を読み取るというのは非常に難しく、そのための専用ソフトウェアが存在するほどです。そしてテキスト解析手法の一つとして知られているのが分かち書きです。日本語であればChasenがよく知られています。kuromoji.jsはそんな分かち書き処理をJavaScriptで行ってしまおうというソフトウェアになります...

List

  • 2014/12/23

VagrantBar – Vagrant環境をメニューバーから操作

開発にVagrantを使うのが当たり前になってきており、筆者のPCにも多くのプロジェクトのVagrantfileが存在するようになっています。そうなると各Vagrantの環境を管理するのも大変になります。そこで使ってみたいのがVagrantBarです。Mac OSXのメニューバーにVagrant管理下のバーチャルマシン...

List

  • 2014/12/23

Yoios - iOS 8にインスパイアされたMac OSX用のフラットなアイコン集

iOS 8ではアイコンがさらにフラットなデザインに刷新され、それに伴ってサードパーティーのアプリもフラットに変わってきています。すっきりとしたデザインは目的が分かりやすく、ユーザビリティが高いのが利点です(ただしデザイン力は求められますが)。そんなiOS 8らしいデザインをMac OSXでも実現しようというのがYoio...

List

  • 2014/12/22

PSequel – すっきりしたUIのPostgreSQL管理

PostgreSQLを使ってシステム開発をしている場合、そのデータや構造のメンテナンスに何を使っているでしょうか。phpPgAdminもありますが、ちょっとUIが今風ではないと感じるかも知れません。今風のUIで格好良いPostgreSQL管理ツールが欲しい方はPSequelを使ってみましょう。Yosemite向けにデザ...