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

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

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

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

もっと見る

List

  • 2014/07/02

crossfade.js – スクロールで画像をぼかすエフェクト

パララックスエフェクトによってスクロールに意味を持たせる動きが活発になっています。スクロールするとアニメーションしたり、色が変わったりするサイトもありますが、今回はまたちょっと違うアクションです。crossfade.jsを使うと画像がぼかされて目立たなくなっていきます。シングルページのWebアプリケーションで効果的に使...

List

  • 2014/07/02

Snipper - Mac OSX用のスニペット管理

プログラミングをしている時にスニペットは便利ですよね。ちょっとしたコードを登録しておいたり、HTMLの基本構造を登録しておくのも便利です。テンプレートがあれば作業効率はぐっとあがるでしょう。テキストエディタなどでスニペット機能がついたソフトウェアもありますが、様々なソフトウェアで共有するならSnipperが便利そうです...

List

  • 2014/07/01

Odyssey.js – 地図とテキストをミックスした格好いいコンテンツ

地図を使ったコンテンツを作るのは楽しいですが、いざ作るとなると意外と難しいのではないでしょうか。Googleマップにマーカーを載せても、それをタップしないと内容が分からなかったりします。そこで紹介したいのがOdyssey.jsです。地図とコンテンツをミックスした面白いプレゼンテーションを作成できます。## Odysse...

48232?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2011%2f08%2fscreenshot2011-08-31-16.31.48_thumb

  • Premium_s 2014/07/01

Tumblr周辺の便利ツール一挙紹介

今回はTumblrに関するツールをまとめて紹介します。Yahooに買収されて若干勢いが失われたか、といった感もあります。しかしそれでもデザイン性もあって関連ソフトウェアが次々と登場しています。そこでMOONGIFTでのTumblrの使い方と、関連ソフトウェアを紹介します。MOONGIFTではコーポレートサイトがその一つ...

List

  • 2014/07/01

magpie – Gitを使ったオンラインメモ

Evernoteは利用者のとても多いサービスです。日々たくさんのノートが保存されています。しかし中には自分のプライバシーに関わるものだけにクラウドではない場所に保存しておきたいと考える人もいるでしょう。そこで使ってみたいのがmagpieです。Evernoteレベルとは言いませんがノートを自由の作成、保存できるオンライン...

List

  • 2014/06/30

Card – クレジットカード入力をかっこうよく表現

Webにおいてクレジットカードの入力は頻繁にあると思います。番号、有効期限、保有者名、CVCの入力が主になると思いますが、その入力フォームをかっこうよくしてくれるのがCardです。## Cardの使い方!こちらは適用前。普通のフォームですね。

List

  • 2014/06/30

Ouibounce - 面白い!タブを閉じる前にモーダルを出すライブラリ

これを使うとコンバージョンレートが上がると思いますよ!Webサイトを離脱される前に、ちょっと待って!と声をかけたくなることはないでしょうか。もちろんそれがユーザメリットになるかと言われると難しいですが、それでもせっかく訪問してくれた人が離れてしまうのを何もできずに見送るのに歯痒さを感じることもあるでしょう。そこで使って...

List

  • 2014/06/29

MagicCircles – サークルを使った多彩な表現を簡単にできるグラフィックスライブラリ

HTMLの世界では主に左から右のテキストと、四角い枠の画像(別な形であっても背景が透明というだけで)で構成されているように見えます。だから角丸であったり、形が異なるものが目を引くようです。MagicCirclesを使うと円を使った多彩な表現が手軽に実現できるようになります。使い方を覚えるとWeb上での表現力が増しそうで...

List

  • 2014/06/29

Hummingbird - 思い切り語れる。アニメ好きによる専門SNS

好きなことを思い切り話したい、そんな時には専門のコミュニティに行くのがベストです。Facebook/Twitterで話すこともできるでしょうが、そこではマニアックな会話などとても楽しめません。今回紹介するHummingbirdはアニメオタクのためのコミュニティサイトです。ここではアニメ好き同士がこぞって熱いアニメ談義に...

List

  • 2014/06/28

Bounce.js – ユーザビリティ向上に使えそうなCSS3によるアニメーションライブラリ

Webは基本的に表示されると全く動かないか、Flashによるスプラッシュのように最初だけアニメーションするかのどちらかが多いように思います。最近ではパララックスのようにスクロールによるアニメーションもありますが、それでも一旦表示されてしまえばそこで終わりです。ユーザアクションによるアニメーションを実装したかったらBou...

List

  • 2014/06/28

KCC - 画像やZipをKindle/Kobo向け電子書籍に変換

KindleやiBooksなどによって日本でも徐々に電子書籍市場が立ち上がってきているように感じます。しかしオンラインには既に無数のコンテンツがあり、漫画においても画像でまとめて提供してきた人たちがたくさんいます。そんな画像をダウンロードし、専用のビューワーで見てきた文化が既にあるのですが、そうしたファイルをKindl...

List

  • 2014/06/27

github-reader – node-webkitを使ったGitHubニュースフィード/通知リーダー

GitHubでグループ開発を行っている方におすすめ!GitHubでは誰かがプッシュしたりコメントしたりすると通知、ニュースフィードに表示されます。そうした情報をいち早くキャッチアップすることでスムーズな開発が実現します。そのためのGitHubクライアントは幾つかありますが、今回はnode-webkitで作られたgith...

48209?type=list&url=http%3a%2f%2fimages.moongift.jp%2f2014%2f06%2fscreenshot%25202014-06-08%252021.22.41_thumb.1e5ed6652544c3dd61dfaee7a6c02446

  • Premium_s 2014/06/27

2014年06月の人気ソフトウェアまとめ

過去分はこちら。- 2014年01月{以下はプレミアムのみです。

List

  • 2014/06/27

EvaporateJS - レジューム機能付き。Webブラウザから直接S3にファイルアップロード

Webシステムで画像や動画、ファイルのアップロード先としてAmazon S3を利用しているケースは多いかと思います。従来、アップロード処理はサーバを経由して転送する必要がありましたが、今はブラウザから直接S3へ保存できるようになっています。とはいえトークンの生成など必要な処理が幾つかありますが、それらに加えてレジューム...

List

  • 2014/06/26

Fenix Web Server – 外部アクセスも可能な静的Webサーバを素早く立てる

開発時のWebサーバはどうしていますか。Mac OSXの場合、標準でApacheが入っていますが、一つしかないのでドキュメントルートを変更したいとなると設定を変えるかポートやドメインを変える必要があって多少面倒です。Pythonが使えるならSimpleHTTPServerが簡単かなと思うのですが、GUIのがいろいろ手軽...

List

  • 2014/06/26

Aozora - Webデザインに便利なダミーテキストを生成

Webサイトをデザインする際にテキスト部を「あああああ」などで埋めたりします。これでは何となくイメージがわきづらいという問題があります。また文字が短い場合、長い場合など様々なパターンの文字を作る必要があります。そこで使ってみたいのがAozoraです。有名な小説などから文字を適当な長さの生成してくれます。## Aozor...

List

  • 2014/06/25

ruby_enabler.js – ルビ表示を多くのブラウザで適切に

ルビというのは東アジア(たぶん日本くらい?)の文化で、HTMLでもrubyタグとしてサポートされています。しかしブラウザによって表示が違ったり、そもそもルビが使えなかったりとむしろストレスになるかも知れません。やはりルビ文化を理解できていない海外に任せるのではなく、日本で実装すべきなのかも知れません。そこで使ってみたい...

List

  • 2014/06/25

sysend.js - HTML5/localStrageを使ってタブ間でメッセージを送受信

タブブラウザが当たり前になっている現在、同じサイトで複数のタブを開いているなんて良くありますよね。そこで片方のタブでデータを修正して、その後別なタブで上書きしてしまったなんて経験はないでしょうか。サーバサイドを介さず、クライアントサイドだけでタブ間のデータ同期ができるライブラリがsysend.jsです。HTML5 lo...

List

  • 2014/06/24

JSON Editor – JSON Schemaから入力検証つきフォーム生成

JSONの利用範囲が拡大しています。エンタープライズ系ではXMLがまだまだ優勢だと思っていたのですが、Web APIが広がるのに伴って利用が進んでいるようです。そんな中で求められるのはより強固なJSONフォーマットです。それを可能にするのはJSON Schemaです。検証可能なJSONによって入力値の正しさ、相互のメッ...

48207?type=list&url=http%3a%2f%2fimages.moongift.jp%2f2013%2f11%2fscreenshot%25202013-11-28%252011.45.32_thumb.15737437d12729e6bbe70e213f33500c

  • Premium_s 2014/06/24

業務で使えるオープンソース(114)「フォーム入力」

今回のテーマはフォーム入力です。Webフォームへの入力はほぼ毎日、何らかの形で使っています。IT系の人たちにとっては当たり前のフォーム入力も、そうでない人たちにとってはとても面倒なものに感じられることでしょう。特に最近ではタブレットからフォーム入力を行う機会も多くなっています。そのような中ではこれまで以上にユーザストレ...