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

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

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

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

もっと見る

List

  • 2014/02/13

jQuery Notebook - 見ているWebページをそのままに編集

まさにWYSIWYG!一般的にCMSを構築した場合、訪問者の見る画面と管理者の画面は分かれています。管理上、その方が分かりやすいのですが、管理者にとっては編集した内容がどのように表示されるかが掴みづらいのが難点です。そこで最近では訪問者の見たままにWebサイトを編集できるCMSが増えていますが、同じような機能を独自のシ...

List

  • 2014/02/13

imsg - iMessageをターミナルから送信

iPhone/Mac OSXユーザであればiMessageを使っているのではないかと思います。母艦からiPhoneにメッセージやURLを送ったりするのにも便利です。しかし都度iMessageを立ち上げて相手を指定して…というのを面倒に感じる人も多いでしょう。そこで使ってみたいのがimsgです。何とターミナルからiMes...

List

  • 2014/02/12

hackify – ローカルファイルを公開してみんなでコーディング

みんなで楽しくハッキング!プログラミングは一人でやっても楽しいけれど、みんなでやればもっと面白いですよね。周囲に人がいなくても大丈夫、ネットワークが繋がっていればどこでも誰とでもプログラミングが楽しめます。そんな環境を提供するのがhackifyです。インストールはnpmを使って簡単にできます。```$ npm inst...

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ドキュメントをはじめ、各種オフィススイートでもサポートされているフォーマットになります。仕様はもちろん公開されていますのでその内容を解析すればエディター...