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

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

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

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

もっと見る

List

  • 2014/08/12

SlickQuiz – クライアントサイドだけで動作するクイズゲーム

クイズは好きですか?専門的、普段の生活などから出題されるクイズに答えるのは面白いですよね。問題を相手のレベルに応じて作るのはとても難しいですが、そんな楽しいクイズができたらSlickQuizで出題してみましょう。SlickQuizはjQuery製のクイズソフトウェアで、JavaScriptのコンフィグを書いて出題できま...

List

  • 2014/08/12

shaky - 意外と難しい。正確に書かないドローライブラリ

コンピュータは正確な図形を描くのは得意です。逆に人は正確な線をフリーハンドでは引けませんが、それがかえって味があったりして柔らかな印象を与えます。コンピュータの描く線は冷たい印象を受けるでしょう。そこで使ってみたいのがshakyです。Canvasを使ってドローするのですが、その描く図形が手書き風でいい感じなのです。##...

List

  • 2014/08/11

Rainbow Stream – ストリーミングに対応したターミナルTwitterクライアント

Twitterをどこで楽しむか。Web、ローカルアプリケーション、スマートフォンアプリなど様々なフロントエンドがありますが、そのためにアプリケーションを立ち上げておくのが億劫に感じられてしまっている人も多いのではないでしょうか。そこでプログラマであれば普段から使っているターミナルを使ってみてはいかがでしょう。Twitt...

List

  • 2014/08/11

JSON Resume Schema - JSONで履歴書を書くためのスキーマ

転職、就職時にはもちろんのこと、クライアントによっては仕事にあたって業務経歴書や履歴書を求められるケースがあります。そのため、一度書いたら終わりではなく、定期的にメンテナンスする必要があります。しかし開発者たるもの、単に紙に書くのではなく、技術的にも面白くしたいと考えるものでしょう。そこで使ってみたいのがJSON Re...

List

  • 2014/08/10

iCropper – JavaScriptを使って画像を四角く切り抜き

Webサイトでユーザにプロフィールアイコンをアップロードしてもらうというのはよくある機能だと思います。そんな時にユーザがちょうど良くアイコンサイズ(大抵正方形)の画像を持っているとは限りません。そこで使ってみたいのがiCropperです。JavaScriptを使ってWeb上で画像のクロップを行うライブラリです。## i...

List

  • 2014/08/10

LiveMd - Google Chrome機能拡張のMarkdownエディタ

普段使いのテキストエディタがあるので、なかなか気に入ったMarkdownエディタが見つからない…そんな方はLiveMdを試してみてはいかがでしょう。ローカルアプリケーションではなく、Google Chrome機能拡張として動作します。## LiveMdの使い方!こちらがメイン画面。一番右にある青いアイコンがLiveMd...

List

  • 2014/08/09

CodeNav – GitHubでのコードビューサポート

GitHub上でコードをホストしていると、その上でコードを閲覧する機会が増えていきます。そんなとき、ページ内で検索したり、リポジトリの検索をしたりと検索機能をメインで使うかと思います。しかしこれは意外と面倒です。そこで使ってみて欲しいのがCodeNavです。マウスオーバー、クリックでコードナビゲーションしてくれるGoo...

List

  • 2014/08/09

geojson.io - GeoJSON出力に対応したWebベースのマップエディタ

地図コンテンツはいつも根強い人気があります。しかし意外と作るのは面倒だったりします。地図は色々なプロバイダーから提供されていますが、その上にマーカーを立てたり、四角く囲んだりするのは面倒です。それをビジュアル的にできるのがgeojson.ioです。最終的にGeoJSONファイルを生成してくれるマップエディターです。##...

48375?type=list&url=http%3a%2f%2fimages.moongift.jp%2f2014%2f05%2fscreenshot%25202014-05-03%252023.26.20_thumb.3c59cdd44550466efe3c2954a717a9e5

  • Premium_s 2014/08/08

分かりやすい文章の書き方。業務で使えるオープンソース(122)「ライティング」

プログラマ、エンジニア、デザイナーであっても文章を書くという機会は多いと思います。ブログ、メモ、寄稿、書籍、議事録、報告書、仕様書、スライド…様々な機会で文章を書くと思いますが、文章を書くのが苦手という方は少なからずいます。そんな方々に向けて、分かりやすい文章を書くにはどういった所を注意すればいいかというのが今回の記事...

List

  • 2014/08/08

All The GIFs – アニメーションGIFがどんどん集まる専用クライアント

なんでこんなにアニメーションGIFは面白いのか。一つ一つは長くないですし、繰り返し何度も楽しめる。音もないので安心できますし、256色という今だと貧弱過ぎる仕様もノスタルジックでいい感じのエッセンスになっています。そんな魅力的なアニメーションGIFを日々探している方に使ってみて欲しいのがAll The GIFsです。R...

List

  • 2014/08/08

Brunch - 多様なスケルトン生成に対応したフロントエンド開発ビルドツール

最近のフロントエンド(HTML/JavaScript/CSS)開発はジェネレータを使って自動ビルドしながらどんどん作っていくスタイルが流行っています。今回紹介するBrunchもその一つになりますが、汎用的なツールであるのが一つの特徴です。プラグインによる拡張と、プロジェクトのスケルトンが予めたくさん用意されているのが特...

List

  • 2014/08/07

PatternBolt – SVGを使って背景をカラフルに

最近、大きな画像を背景に当てた表示が増えています。これまでDOMの背景と言えば単一色ばかりだったので、画像を使うとインパクトが強くなります。しかし画像はバイナリなので重たくなってしまうのが難点です。そこで使ってみたいのがPatternBoltです。背景にSVGを使うことで、CSSやJavaScriptとも連携した表示が...

List

  • 2014/08/07

PuzzleScript - HTML5製のパズルゲームフレームワーク

Webブラウザ用のゲームはインストール不要ですぐに遊べるのが利点です。そのため、あまり本格的なゲームよりもルールがすぐに覚えられてカジュアルに遊べるゲームの方が人気があります。その一つとしてパズルゲームがあげられます。徐々にレベルアップしていけば、説明も殆ど必要ありません。ということで今回はそんなパズルゲームを作るため...

List

  • 2014/08/06

CommitCal – GitHubのコミットログをカレンダー表示

GitHubのプロフィールページにはアクティビティに応じたカレンダー機能があります。あれを全て埋めるべく活動するのは開発者にとってのモチベーションに繋がっているのではないでしょうか。しかし単純にカラーリングだけでなく、もっと何をしたかを知りたいと思ったらCommitCalを使ってみましょう。GitHubのコミットログを...

List

  • 2014/08/06

Fingerprintjs - Cookie不要でブラウザを特定する技術を体感

ブラウザを特定するためにCookieを使うのが一般的です。しかしプライバシーの問題があり、個人のブラウザ遷移を記録することないようDo Not Track機能が追加されたりと徐々に厳しくなってきています。そんな中、新たに注目を集めているのがJavaScriptだけでブラウザを特定する技術になります。今回はそれを体感する...

List

  • 2014/08/05

ALL SEEING EYE – Chromeブラウジング履歴を全文検索

オンラインの情報は大きく二つに分かれます。それは未知と既知の情報です。未知の情報を探すのはGoogleをはじめとするWeb検索エンジンが便利です。しかし既知の情報をいかに上手に探すかは今ひとつではないでしょうか。既知の情報は通常、一度はブラウジングしたサイトになります。そこで一度見た情報を後から探すというのは意外とうま...

List

  • Premium_s 2014/08/05

業務で使えるオープンソース(121)「Webメーラー」

今回のテーマはWebメーラーです。個人的にはローカルのメールアプリケーションは何年も使わなくなっています。Webメーラーで十分使えています。ネットワークが完全にない場合は閲覧できませんが、今日において全くネットワークがない状況で1日以上過ごすことのが少ないのではないでしょうか。ということでWebメーラーを、特に企業にお...

None

  • 2014/08/05

psi - サイトの表示速度をPageSpeed Insightsで素早くチェック

Googleが提供するWebページの表示速度に関する解析を行ってくれるPageSpeed InsightsはAPIを公開しています。それにより任意のサイトが随時チェックをし、日々改善に努められるようになっています。とは言えそのAPIをより利用しやすくしないとなかなか使ってはもらえないでしょう。そこでインストールしたいの...

List

  • 2014/08/04

runstant – その場で書いて、その場で実行。tmlib.js公式オンラインエディタ

Webアプリケーションはテキストエディタとブラウザさえあればすぐに開発できると言いますが、実際にはWebサーバも必要ですし、HTML側でファイルを読み込んだりするのも面倒に感じてしまいます。そういった面倒さがなければ、自分が作りたいと思ったものをすぐ作り始められることでしょう。それは創造性を束縛することなく、どんどんモ...

List

  • 2014/08/04

cv - ファイル移動や圧縮/解凍時のステータスを表示

Linuxのコンソールでファイルのコピーや移動などを行っていると、処理中は表示が更新されないので実際に処理を行っているのかどうか気になってしまうことがあります。とは言え止めることもできないのでやきもきしてしまうでしょう。そこで使ってみたいのがcvです。特定コマンドの処理状態を可視化してくれるコマンドです。## cvの使...