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

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

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

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

もっと見る

List

  • 2015/04/03

uBlock – 快適なブラウジングを。オープンソースのアドブロッカー

Webブラウザで広告を非表示にするライブラリとしてAdBlockが知られていますが、契約した企業の広告は表示するなどとあまり良い噂を聞かなくなっています。また、アドブロックを入れると表示速度が速くなるはずが、AdBlockは遅くなるとさえ言われています。そこで作られはじめたのがuBlock

List

  • Premium_s 2015/04/03

業務で使えるオープンソース(152)「常駐」

今回のテーマは常駐です。通常、アプリケーションは必要な時に立ち上げて使って、終わったら終了するのですが一部の利用法においては常駐の方が便利なことがあります。そうしたソフトウェアは常に立ち上げておいてもらえる存在であり、忘れられることもありません。そこで今回は個人的に使っている常駐系ソフトウェアとその使い方、オープンソー...

List

  • 2015/04/03

Responsive Design Bookmarklet - レスポンシブデザインの確認ができるブックマークレット

レスポンシブデザインでWebサイトを作った場合の問題点と言えばそのデザインの確認です。単純な方法としてはウィンドウ幅を変えるというのがありますが都度変更するのは面倒です。またGoogle ChromeであればDevToolsを使って幅を選択することもできますが、多様な機種が登録されている中での選択は逆に面倒だったりしま...

List

  • 2015/04/02

InlineAttachment – GitHub風にテキストエリアへのファイルドロップでアップロード

個人的にGitHubでとても好きな機能にテキストエリアに画像をドロップしてアップロードする機能があります。自分でWebサービスを作っていて、画像をアップロードして欲しい場面があったらこういう実装をするだろうなと思える良い機能です。InlineAttachmentはそんなテキストエリアを使ったファイルアップロードを実現し...

List

  • 2015/04/02

TodoWhat - Python製、シンプルなタスク管理

タスク管理アプリは昔から存在しますが、今なお完成形の見えない分野でもあります。そのため様々なソフトウェアが存在し、各自が自分の好みに合わせてカスタマイズしています。今回はシンプルなタスク管理、TodoWhatを紹介します。アーキテクチャ的にはBackboneとFlaskを使っています。## TodoWhatの使い方!例...

List

  • 2015/04/01

Gallerist – Sinatra製のiPhotoビューワー

iOSデバイスを使っている人であれば大抵iPhotoを使っているのではないでしょうか(好きか嫌いかは別として)。個人的にはとにかくすぐ重たくなる、ネットワーク越しだと特に動作が重い点が好きではありません。とはいえ写真コンテンツはここにある…という方はGalleristを使ってみると良いかもしれません。WebベースのiP...

List

  • 2015/04/01

AnyBar - 小さなアイコンでステータスを表示

Mac OSX用のツールで何か問題があった時にはステータスバーで状態を通知したいと思うかも知れません。しかしコマンドラインで扱うソフトウェアなどでメニューバーにアイコンを用意するのは面倒です。そこで使ってみたいのがAnyBarです。コマンドラインから操作できるメニューバーアイコンです。## AnyBarの使い方AnyB...

49293?type=list&url=http%3a%2f%2fimages.moongift.jp%2f2015%2f03%2fscreenshot%25202015-03-03%25209.55.10_thumb.e5a00aa050a5ab167373969c04185fa7

  • Premium_s 2015/03/31

2015年03月の人気ソフトウェアまとめ

今回は3月の人気ソフトウェアまとめです。過去分はこちら。- 1月今月はJavaScriptのネタが人気を集めたように見えます。何でもJavaScriptという流れはちょっと怖いところもありますが、それでも他の言語と合わせてJavaScriptを抑えておくというのは大事でしょう。React.rb – ReactをRuby...

List

  • 2015/03/31

Screengif – 仮想環境を使って動画をアニメーションGIFに変換

アニメーションGIFが最近熱くなっています。個人的にもソフトウェアの動作を紹介する際にアニメーションGIFを使うとプラグインもいらずに再生できるのが便利だと思っています。作るのは大抵専用ソフトシェアを使っています。その他のやり方として、動画をアニメーションGIFに変換する方法があります。そのためのソフトウェアもあります...

List

  • 2015/03/31

Boot2Docker Status - クリックしてBoot2Dockerの起動状態をチェック

Mac OSXでBoot2Dockerを使っている方が増えてきました。起動がコマンドラインからヘッドレスで行われるので、起動しているのかどうか確認しづらいのが若干難点です。そこで使ってみたいのがBoot2Docker Statusになります。Boot2Docker StatusはMac OSXのメニューバー常駐型のBo...

List

  • 2015/03/30

Gruik – 共有もできるMarkdownのメモサービス

個人で使える簡単なメモ環境が欲しいと思ったらGruikを試してみましょう。Webブラウザベース、Markdownでメモがとれます。雰囲気的に何となくGist風で面白いソフトウェアです。## Gruikの使い方!まずはメモを取ります。Markdown記法はテーブルタグは使えますが定義リストには未対応でした。

List

  • 2015/03/30

HackFlowy - Backboneで作られたWorkflowyクローン

有名なWebサービスをパクるのはよくありませんが、真似たサービスをあくまでも個人用途で作ってみるのは悪くありません。そこからシステム的な面白さを知ったり、技術的な工夫を知ることができます。今回はチーム用のタスクツールWorkflowyのクローン、HackFlowyを紹介します。## HackFlowyの使い方!こんな感...

List

  • 2015/03/29

Twine – ストーリーを整理するノートアプリ

プレゼンテーションは単純にスライドを並べてたんたんと説明していけば良いわけではありません。全体を通して一つのストーリーが必要です。ストーリーが一貫して提供されてこそ、聞き手は納得し、理解を深めることができます。そんな納得感あるストーリーを作るのに適したソフトウェアがTwineです。Wikiっぽさのある面白いソフトウェア...

List

  • 2015/03/29

Textures.js - SVGをパターンで塗りつぶし

SVGはWeb上でベクターグラフィックを表現するのに適した手法です。Flashのように外部プラグインはいらないですし、拡大/縮小しても綺麗なのでどんなデバイスの画面サイズにも対応できます。そんなSVGの表現力をあげるのに適したライブラリがTextures.jsです。多数のパターンを使って塗りつぶし処理を行います。## ...

List

  • 2015/03/28

スクショ撮る君 – 指定したURLのスクリーンショット画像を作成

Webサイトのスクリーンショットを撮る要望はずっと昔から存在し続けます。昔はIEを外部から操作してスクリーンショットを撮るものがあり、少し経つとFirefoxでスクリーンショットを撮るものが出てきました。最近ではWebKitベースが多いようです。そんなWebサイトのスクリーンショットを撮ってくれるツールがスクショ撮る君...

List

  • 2015/03/28

CSS SANS - テキストでも画像でもない文字表現

文字の一部だけ色を変えて欲しい、そんな要望がクライアントから出たらどうしますか?一番単純なのは画像を使うことでしょう。しかしそこで諦めてしまったら試合終了です。そこで参考にして欲しいのがCSS SANSです。スタイルシートで作られたフォントになります。## CSS SANSの使い方!ほら、普通の文字に見えるでしょ?

49287?type=list&url=http%3a%2f%2fimages.moongift.jp%2f2015%2f03%2fscreenshot%25202015-03-10%252012.50.04_thumb.12c8252dc75f74e18cc72f93e8f2166d

  • Premium_s 2015/03/27

業務で使えるオープンソース(151)「デザインベースフレームワーク」

今回のテーマはデザインベースフレームワークです。BootstrapやZurbなど様々なWebデザインフレームワークが存在しますが、あまりに多機能であるためにデザイン上の縛りが強く、Webデザイナーの方には嫌がられる傾向があります。そこで今回は縛りが強くない、カスタマイズ前提のスタイルシートフレームワークを紹介します。便...

List

  • 2015/03/27

esarea – 任意のテキストエリアでMarkdown記入を補助

Markdownに慣れるとどこでもMarkdown記法が使いたくなります。記法をサポートしていない場合でも、人が見ても十分分かりやすいのでとりあえずメモはMarkdown記法でとっておくと便利です。そんなMarkdownでの記述を任意のテキストエリアでサポートしてくれるのがesareaです。## esareaの使い方e...

List

  • 2015/03/27

material - マテリアルデザインを行うベースにどうぞ

Googleの提唱するマテリアルデザインはAndroidだけに止まらず広がりを見せています。特にWebデザインは相性が良いようで、フラットにしたけれどクリッカブルな場所が分からなかったり、あまりに簡素化されたデザインでかえってユーザを混乱させてしまうことがあります。そんな時にマテリアルデザインを使うことでユーザビリティ...

List

  • 2015/03/26

JavaScript Hand Tracking – HTML5/JavaScriptによる手の認識ライブラリ

CV(コンピュータビジョン)はここ数年でどんどん盛り上がっています。2Dもあれば3Dによる認識もあります。認識精度があがることで、様々なアプリケーション、サービスが生まれてくるでしょう。まるで映画の中のコンピュータのような世界ができるかも知れません。それをWeb上で手軽に体感できるのがJavaScript Hand T...