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

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

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

2017/10/03
面倒な仕事は分解しよう
2017/09/26
人と違うことをしよう
2017/09/20
アウトプット重視の働き方

もっと見る

List

  • 2016/08/11

Certificate Dashboard - 証明書期限が一覧できるダッシュボード

SSL/TLS証明書の管理は面倒です。ついつい更新を忘れてしまってエラーが出たという経験は誰もがあるのではないでしょうか。大手のSSL事業者であればリマインダーメールもくれますが、これもスルーされがちです。今回はWebブラウザで証明書の期限をチェックできるCertificate Dashboardを紹介します。## C...

List

  • 2016/08/11

Web Blocks - Webブラウザで遊べるMinecraftクローン

Minecraftはブロックを積み重ねて世界を創っていくという、レゴ好きにはたまらないゲームです。日々多くの人たちが一生懸命建設に励んでいます。また、開発者にとっては別な見方もできます。コンセプトがシンプルなだけに同じようなものを自分で作ってみたいと思えるのです。今回はWebGLを使ったWeb Blocksを紹介します...

List

  • 2016/08/10

YakYak - Googleハングアウト用GUIクライアント

メッセンジャー系サービスは最初こそWebブラウザで使うものの、慣れてくると専用クライアントアプリが必要になります。多くの場合立ち上げっぱなしにしたいですし、Webブラウザを再起動するタイミングで接続が切れるのは面倒です。もしあなたがGoogleハングアウトをメインのメッセンジャーとして使っているならばYakYakを使っ...

List

  • 2016/08/10

Deco - React Native用のIDE

React Nativeへの注目が高まっています。そんな中、React Nativeを使ってアプリ開発をはじめてみたいと思いつつも環境構築周りで二の足を踏んでしまっている人も多いのではないでしょうか。そこで使ってみたいのがDecoです。DecoはReact Native用のIDEで、これさえあればすぐに開発がはじめられ...

None

  • Premium_s 2016/08/10

業務で使えるオープンソース(200)「画像圧縮」

今回のテーマは画像圧縮です。ソーシャルメディアサービスが流行り、さらにスマートフォンのカメラが高性能化するのに伴って画像のサイズがどんどん上がっています。1枚で数MBになるのもざらです。そんな中にあっては写真を保存するサービスはいくら容量があってもすぐに足りなくなってしまうでしょう。そこで画像のサイズを適切にコントロー...

List

  • 2016/08/09

Spectre.css - 軽量で機能多数のWebデザインフレームワーク

WebのデザインフレームワークというとすぐBootstrapやFoundationなどが挙がります。企業の管理画面などであれば良いのですが、よくあるフレームワークには臭いが感じられてしまうのが難点です。そこで、という訳ではないですが他のフレームワークを使うことでオリジナリティを出してみてはいかがでしょう。今回は軽量なS...

List

  • 2016/08/09

WebGazer.js - WebカメラとJavaScriptによるアイトラッキングシステム

ユーザテストでユーザの視線がどこに移動しているのかチェックするのは必要です。ただし、アイトラッキングシステムを使うのはとても複雑ですし、コストもかかります。手軽にするため、マウスのトラッキングで済ましてしまっているケースもあります。そこで使ってみたいのがWebGazer.jsです。JavaScriptとWebカムを組み...

List

  • 2016/08/08

Fluxday - スタートアップの生産性を伸ばすタスク管理

規模の違いはあれど、システム/サービス開発においてプロジェクト管理は必須のシステムです。しかしプロジェクト管理を運用することを目的にしてしまうとおかしな方向に進んでいってしまうでしょう。そこで見てみたいのがFluxdayです。生産性やスタートアップを成長させることに主眼を置いたプロジェクト管理システムです。## Flu...

List

  • 2016/08/08

DPlayer - ニコニコ動画風弾幕動画プレーヤー

ニコニコ動画で一気に広まったのが動画の上にコメントを載せて表示するシステムです。コメントが多すぎると肝心の動画が見えなくなりますが、盛り上がっている中に自分もいるという動画を見るだけでない楽しみ方も生まれています。そんなコメントシステム(弾幕コメント)をHTML5の動画プレイヤーとして再現するのがDPlayerになりま...

List

  • 2016/08/07

tslide - ターミナルで動くスライド

技術者の間では今なお高橋メソッドによるプレゼンテーションが人気です。大きな、かつ短い文字を使ったスライドはインパクトがありますし、文字も少ないので1つ1つのスライドで理解することは決して多くありません。そんな高橋メソッド的なスライドをターミナル上で使えるのがtslideです。## tslideの使い方利用例です。対象と...

List

  • 2016/08/07

Cutestrap - 8KBの軽量CSSフレームワーク

BootstrapやFoundationといったCSSフレームワークはフル機能が実装されており、便利な反面、融通が効きづらかったり、サイズが大きかったりします。かといってごくシンプルなものを使ってほぼ自作というのも面倒です。そこで使ってみたいのがCutestrapです。定義としてはnormalize.cssとBoots...

List

  • 2016/08/06

vbaDeveloper - Excel VBAのコードをバージョン管理する

プログラマーであれば誰もがコードはバージョン管理システムに登録しておきたいと思うものでしょう。何かあった時に差し戻せますし、変更の確認にも使えます。一人はもちろん、複数人での開発ともなれば必須の仕組みです。しかしVBA(Excel)ではそのようなバージョン管理の仕組みがありません。そこで使いたいのがvbaDevelop...

List

  • 2016/08/06

street_fighter - 懐かしのあのストリートファイターをWeb上で

ソフトウェアの名前を見ても分かる通り、あのストリートファイターです。世の中にあるソフトウェアはどんどんWeb化が進んでおり、それはゲームにおいても同様です。Webブラウザで遊べる、というだけでどれだけの人たちが殺到するか分かりません。street_fighterはまだまだ粗いですが、可能性を感じさせるソフトウェアです。...

List

  • 2016/08/05

ChromeLens - Google Chrome機能拡張のWebアクセシビリティチェッカー

Webアクセシビリティに注目が集まっています。Webは多くの人たちが使うようになっており、健常者にだけ合わせて情報を発信すれば良いだけでなくなっています。また、幅広い層に提供することによって、新しい価値を生み出せる可能性もあるでしょう。今回はWebアクセシビリティをチェックするツールとしてChromeLensを紹介しま...

None

  • Premium_s 2016/08/05

スペシャリストではないフリーランスが10年以上フリーランスでいるコツ

MOONGIFTの管理者は2006年くらいからフリーランスをやっていて、3年前に法人化しました。法人化と言ってもずっと一人なので個人事業みたいなものだったりします。最近、フリーランスになる人が増えているように思いますが、多くは5年もたずに企業に再就職しています。無理してフリーランスを続ける意味はないと思いますが、何らか...

List

  • 2016/08/05

Material Kit - Bootstrapをベースにしたマテリアルデザインフレームワーク

マテリアルデザインが人気です。単なるフラットなデザインだとどこがボタンなのか、さらにクリックした時の反応がないためアクションを起こしたのかどうかも分かりづらいと言った問題があります。マテリアルによって反応が得られるようになればユーザビリティが高くなるでしょう。そこでBootstrapに対してマテリアルデザインを適用でき...

List

  • 2016/08/04

hack.css - ハッカー用のCSSフレームワーク

CSSフレームワークがたくさん出ています。それぞれにコンセプトがあり、サイトの雰囲気に合わせて選択するのが良いでしょう。Bootstrapが人気ですが、何でもBootstrapが良いという訳ではありません。もし開発者らしいサイト、プロジェクト用のページを立ち上げるならばhack.cssはいかがでしょうか。ハッカー用のシ...

List

  • 2016/08/04

Marp - Markdownを使ったHTMLスライド作成ソフトウェア

MarkdownはHTMLやPDFに展開するだけでなく、様々な用途に使われています。その一つがスライドです。Markdownでスライドを作るとテキスト中心になり、アニメーションなどでごまかさない、本質的なものが作れます。しかし作っている時には単なるHTMLであって、あまりできあがりのイメージが沸きづらいかもしれません。...

List

  • 2016/08/03

Elementor Page Builder - こだわったコンテンツを作成できるWordPressプラグイン

ブログはついテキストが多くなってしまいがちです。そもそもWYSIWYGなエディタ部分において画像の埋め込みと文字装飾くらいしかサポートされていないのが原因でしょう。もっと凝ったデザインをしたいと思っても、HTMLを直接編集するしかなくなります。そこで使ってみたいのがElementor Page Builderです。Wo...

List

  • 2016/08/03

asciinema2gif - asciinemaをアニメーションGIFに

ターミナルでの操作を記録、再生してくれるasciinemaはとても便利なサービスで、後で操作を振り返ったり、ブログ記事にしたりするのに使えます。しかし埋め込み用のタグがJavaScriptなのが難点です。多くのブログサービスでは埋め込めないでしょう。そこで使ってみたいのがasciinema2gifです。asciinem...