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

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

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

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

もっと見る

List

  • 2014/02/12

Serverspec - サーバ検証を自動化

こういう仕組みはとても面白いですね!ユニットテストではSpecファイルにテスト内容を記述し、それが想定したレスポンスを返すかどうかでテストを行います。この基本はとてもシンプルで、プログラミング言語以外でも応用が効くでしょう。ということで作られたのがServerspecです。名前の通り、サーバが想定した通りに設定されてい...

List

  • 2014/02/12

notifIt - どこでも使えるフロート通知ライブラリ

こういうライブラリは利用場面が多そうです。Webサイトを見ているユーザに通知を出したいと思うことは良くあります。例としてはエラー通知があります。Ajaxで発生したエラーを通知する場所をどこにするかは考えものです。場合によってはユーザはその場所を表示していないかもしれないからです。そこで使ってみたいのがフローティングで表...

List

  • 2014/02/12

jQuery Panorama Viewer - jQuery製のパノラマ写真ビューワー

せっかく撮った写真、Webブラウザで楽しみましょう!iPhoneではパノラマ写真が撮影できるようになって、広範囲を映し出した写真が手軽に撮れるようになりました。しかしパノラマ写真は画像としてみれば単に横幅が広い写真でしかありません。むしろ写真としては見づらいでしょう。そこで必要になるのは専用のビューワーです。今回はjQ...

List

  • 2014/02/11

Promo Slide – ページ下までいくと横からスライドして表示

こういうのを使っているサイトを最近よく見かけますね。ブログやニュースサイトで見かける仕組みとして、ページの最下部に関連する記事を表示するというのがあります。ちょうど読み終わっている訳で、回遊率を高めるのに良い仕組みです。さらに目を引くためにアニメーションしながら表示される場合があります。あんな仕組みを自分のサイトでも実...

List

  • 2014/02/11

earth wind map - 世界の気象データをビジュアル化

HTML5を使ってどんな表現ができるのか、そんな試みが随所で行われています。Web APIを使って外部からデータを取得すれば、それこそ静的なHTMLファイルだけで多彩な表現が可能です。今回はその一つ、earth wind mapを紹介します。以前に紹介した東京風速マップ

List

  • 2014/02/10

Remote.js – WebSocketも使わずデスクトップブラウザをリモート操作

これは目から鱗!Googleがスマートフォンとデスクトップブラウザを連携させるサービスを幾つかリリースしています。その際にはデスクトップ側(または逆)で表示されたキーをもう片方で入力することでWebSocketによって接続しています。技術的に高度で容易には実現しがたい訳ですが、もっと簡単にスマートフォンとデスクトップの...

List

  • 2014/02/10

GugoDoc - 複数ファイルをサポートしたMarkdown to HTMLジェネレータ

最近ドキュメントはMarkdownフォーマットで統一するようにしています。しかしドキュメントが大きくなるとメンテナンスコストが増大してしまいます。そこで分割するのですが、Markdownの基本機能だけではドキュメントを分割した場合にうまく対応できません。そこで使ってみたいのがGugoDocです。複数のMarkdownフ...

Missing

  • Premium_s 2014/02/10

使えるWebサービス・オープンソース(20)「Selenium」

今回のテーマはSeleniumです。Webテストツールとして知られている本ソフトウェアですが、それだけにクラウドでサービス提供しているものも多いです。外部サービスを使うか、ローカルで立てるか、様々なソフトウェアを見比べてみましょう。使い方は人それぞれです。# Webサービス## Sauce Labs: Selenium...

List

  • 2014/02/10

Clumsy Bird - Flappy BirdをHTML5で再現!

ダウンロードしそびれてしまった方は試してみては?いきなり話題になって、そして消えてしまったiOSアプリゲームのFlappy Bird。タップするだけの簡単操作はまさにスマートフォンアプリといった感じで、みんながこぞってハマっていました。消えてしまったのは残念な限りですが、そのシンプルさ故にあっという間にクローンが出てく...

List

  • 2014/02/10

Quilter - CouchDB/Cloudantを使ったDropboxクローン

Dropboxの手軽なファイル共有の仕組みはとても素晴らしく、一度使うと手放せなくなります。しかし無料版では2GBまでしか使えなかったり、企業によってはセキュリティ上の懸念から利用が禁じられている場合もあるでしょう。そんな時こそ活かせるのがクローンソフトウェアです。幾つか種類がありますが、今回はNoSQLのCouchD...

List

  • 2014/02/09

CalDavZAP – HTML5/JavaScriptで作られたWebベースのCalDAVクライアント

仕事用ツールの基本としてはスケジュールとタスク管理かと思います。Googleカレンダーやサイボウズのようなグループウェアを使っている場合は問題ないでしょうが、独自にCalDavサーバを立てている場合、専用クライアントが悩みどころです。そこで今回はWebベースのCalDAVクライアント、CalDavZAPを紹介します。G...

List

  • 2014/02/09

Uniter - Webブラウザ上で動くPHP!

こいつ…動くぞ!nodeの魅力はサーバサイドとクライアントサイドを同じ言語、JavaScriptで書ける点にあります。複数の言語を使っていると時々書き方を間違えてしまったり、習得コストが余計にかかります。しかしそれはクライアントサイドからサーバサイドへの流れです。その逆、サーバサイドからクライアントサイドの流れはどうで...

List

  • 2014/02/08

Help.js – Web開発を補助するヘルプコマンド

jQueryの普及などに伴って外部ライブラリを導入することが増えてきました。そのような時にそのメソッドや使い方を調べようと思うとライブラリのドキュメントをあたらないといけません。これはとても面倒です。そこでライブラリ自身にヘルプ機能を持たせてしまってはどうかというライブラリがHelp.jsになります。まずはその使い方を...

List

  • 2014/02/08

pimcore - 多チャンネル時代のエンタープライスCMS

今はまさに多チャンネル時代になっており、ユーザは様々なソースからWebサイトに訪れるようになっています。さらにユーザによって欲しい情報はばらばらで、Webサイトに求められる機能は多様化しています。それらを複数のソフトウェアで実現していると全体としての体験はちぐはぐになってくることでしょう。そこで使ってみたいのがpimc...

List

  • 2014/02/07

My Mind – Web上で高度なマインドマップを実現!

マインドマップは今もよく使います。頭の中を整理したり、網羅して考えることで思わぬ抜けを防げるようになります。ドリルダウンする形なので必要なところだけをメンテナンスするのも簡単です。問題はマインドマップは専用アプリケーションが多いということです。インストールすれば良いのですが、それすら面倒という方は多いでしょう。そこで使...

List

  • 2014/02/07

WebODF - JavaScriptでここまで!WebベースのODFエディタ

Open Document Format(ODF)と言えばOpenOffice.orgやLibreOfficeで使われているファイルフォーマットです。さらにGoogleドキュメントをはじめ、各種オフィススイートでもサポートされているフォーマットになります。仕様はもちろん公開されていますのでその内容を解析すればエディター...

List

  • Premium_s 2014/02/07

業務で使えるオープンソース(98)「Web APIドキュメント」

今回のテーマはWeb APIドキュメントです。Web APIの現状と、その公開による影響、ドキュメントに求められる要件などをまとめました。以下はプレミアムのみです。

List

  • 2014/02/07

Bootstrap Admin Theme - Bootstrap3に対応した管理画面テンプレート

これは知っておいて損はないでしょう!Bootstrapの便利な使いどころとして管理画面があります。管理画面は限られた関係者しか使いませんのでBootstrap臭がしても気にすることはありません。それなりの表示がすぐに実現できるのは使い勝手を向上します。しかしそんな適当な範囲を超えて実用性のある管理画面を実現できるBoo...

List

  • 2014/02/07

WOW.js - JavaScript/CSS3でスクロール連動型アニメーション

最近Webサイトでアニメーションしながら表示される所が増えています。かといってかつてあったFlashのようにスプラッシュ的なものではなく、表示構成要素がさりげなくアニメーションしながら配置されていくといった感じです。それはCSS3のアニメーションで作られているのですが、スクロールと組み合わせて容易に実現してくれるのがW...

List

  • 2014/02/06

Hackathon Starter – 認証/デザインの仕組みが揃ったハッカソン向けテンプレート

自分でWebサービスを作り始める時に、いつも同じことを繰り返しているなと思ったことはないでしょうか。例えばデザインテンプレートを用意したりjQueryをダウンロードしたり、さらに認証の仕組みを作ったり…これらは本当によくあることです。何度も繰り返すのであれば、それは自動化すべきです。ということで作られたのがHackat...