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

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

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

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

もっと見る

List

  • 2013/04/07

サーバサイドの開発不要。Webブラウザを使ったデジタルサイネージ「WINT」

WINTはJavaScriptを使うデジタルサイネージシステムです。駅やビル内にある大型スクリーンに映し出される広告、いわゆるデジタルサイネージはシステム化もその配信システムも複雑なものに感じられますがWINTを使うとサーバとブラウザだけで簡単に組み上げることができます。読み込み中。コンテンツ部とニュース部の二つに分か...

List

  • 2013/04/07

レスポンシブなフラットUIなWebデザインをご希望なら「Almost Flat UI」

Almost Flat UIはFoundation Framework用のフラットUIテーマです。最近のWebデザインの人気のカテゴリの一つがフラットUIです。日本ではまだまだ導入事例は多くないですが、海外のWebサイトでは取り入れているところが増えています。そこでFoundation Frameworkをベースにデザ...

List

  • 2013/04/06

Dropboxとも連携。リスト型メモをつけるWeb型メモ「Noted」

NotedはDropbox連携型のWebベースのノートアプリケーションです。オンラインのメモ環境は便利だと思いつつも、データがオンライン上に保持されてしまうのが嫌…と思う方は少なくないはず。そこで使ってみて欲しいのがNotedです。トップページです。Dropboxでログインしました。ノートを作っています。改行はできます...

List

  • 2013/04/06

意外と便利?PHP製のHTML用問い合わせ言語「htmlSQL」

htmlSQLはHTML構造にSQLを使って検索できるようにするライブラリです。HTMLを操作する際にはDOMを使ったり、正規表現を使うのが一般的です。しかしもう一つのやり方を提案するのがhtmlSQLです。何とSQL(問い合わせ言語)を使ってHTMLソースを探索できます。コード例。PHPで操作します。こんな感じで取得...

List

  • 2013/04/06

ステップバイステップでより深いJavaScriptの学習ができる「new2JS」

new2JSはWebベースのJavaScriptレクチャーソフトウェアです。プログラミングは実際に手を動かしてみないと覚えられるものではありません。それをコードを使ってレクチャーしてくれるのがnew2JSです。JavaScriptを覚えたい方におすすめです。最初のページです。まずRunボタンを押します。説明文と、その下...

List

  • 2013/04/05

車の相乗り情報をアップして共有「icare」

icareはFacebookを使った車の相乗り情報共有サービスです。日本でも徐々に広まっているカーシェアリング。海外ではさらに進んで一台の車を複数人で乗り合いするというのもあります。そんな乗り合い情報を共有できるサービスがicareです。トップページです。Facebook認証必須になります。デモですが色々なルートが登録...

List

  • Premium_s 2013/04/05

業務で使えるオープンソース(70)「Webサイトヘルプ」

今回のテーマはWebサイトをヘルプするチュートリアル、ツールチップについてです。最近、この手のライブラリが増えてきました。そこでソフトウェアを紹介するとともに、利点や注意すべき点について取り上げたいと思います。

List

  • 2013/04/05

定期的に実行して快適なMac OSX環境を維持しよう「iBoostUp」

iBoostUpはMac OSXのシステムを整理するためのユーティリティです。Mac OSXはWindowsほどではないものの長い間使っていると徐々にいらないデータが蓄積されていって速度が遅く感じられるようになります。それを解決するために使いたいユーティリティがiBoostUpです。メイン画面です。左側にメニューが表示...

List

  • 2013/04/05

標準のキーボードでは足りないキーを追加「Quayboard」

QuayboardはiOSデフォルトのキーボードの上に追加キーを表示する入力補助ライブラリです。iPhoneのキーボードはクエリー配列が基本になっています。しかし表示領域が小さいために数字キーなどを押すためには表示を切り替えないといけません。そこでアプリ開発者として組み込んで提供したいのがQuayboardです。標準の...

List

  • 2013/04/04

Sinatra/Redisで作られたHacker Newsクローン「Lamer News」

Lamer NewsはSinatra製のHacker Newsクローンです。数年前であれば何かのプログラミング言語やフレームワークがあるとそれを使ってWikiエンジンが作られました。しかし最近ではHacker Newsクローンが作られることが多いようです。今回はSinatraを使ったLamer Newsを紹介します。ト...

List

  • 2013/04/04

サイズが大きくなりがちなHTMLソースをコンパクトに「htmlcompressor」

htmlcompressorはHTMLソースコードをコンパクトにしてくれるJava製のライブラリです。Webサイトは自然と縦長になりがちで、サイト構造も複雑になりつつあります。その結果、HTMLのサイズが肥大化してしまうのではないでしょうか。そこで使ってみたいのがhtmlcompressorです。コマンドラインで実行し...

List

  • 2013/04/04

スクリーン上の任意の場所をキャプチャしてOCR/音声読み上げ「Capture2Text」

Capture2Textは画面上の任意の部分をOCR処理できるソフトウェアです。オンラインにあるのはテキストだけとは限りません。テキストを埋め込んだ画像コンテンツもたくさんあります。そこから効率的にテキスト情報を素早く抽出できるソフトウェアがCapture2Textです。コンテストメニューに常駐します。利用はショートカ...

List

  • 2013/04/03

これは凄い!iOS6用のスタイルシートベースの画像編集ソフトウェア「CSS PhotoEditor」

CSS PhotoEditorはiOS6のMobile Safari上で使えるスタイルシートによる画像編集ソフトウェアです。Webアプリケーションの機能が増すにつれて、徐々にネイティブアプリでしかできないと思われたことがWebブラウザで実現するようになっています。今回はCSSを使った写真編集アプリケーションCSS Ph...

List

  • 2013/04/03

ラフな描画にも対応したJavaScript製のシーケンス図描画ライブラリ「JS Sequence Diagrams」

JS Sequence DiagramsはJavaScriptを使ってUMLのシーケンス図を描画するライブラリです。システムの仕様書を書くためのモデリング言語として知られているのがUMLです。思ったよりも普及しませんでしたが、仕様書の冗長的な文章よりも図の方が分かりやすいケースも多いです。今回はJavaScriptを使...

List

  • Premium_s 2013/04/03

業務で使えるオープンソース(69)「画像編集」

今回のテーマは画像編集です。意外と便利なソフトウェアが少なく、Photoshopとそれ以外と言うくくられ方をしてしまっているのですが、探せば便利なソフトウェアも数多くあります。さらに今ではクライアントサイドだけでなく画像の編集も行えるようになっています。

List

  • 2013/04/03

別HTMLファイルの読み込みにも対応した軽量なJavaScriptテンプレートエンジン「fragment.js」

fragment.jsは外部HTMLの読み込みに対応したJavaScriptテンプレートエンジンです。Webアプリケーションが広まるのにつれて必要になっているのがテンプレートエンジンです。HTML内にテンプレートとして記述するケースが多いですが、今回は外部ファイルとしてHTMLを定義できるfragment.jsを紹介し...

List

  • 2013/04/02

JavaScriptで国際化処理をするのに便利「Pomo」

PomoはJavaScript製のgettextです。po/moファイルの読み込みに対応しています。プログラミングの出力するメッセージを国際化する際によく使われているのがgettextです。類似の仕組みを提供するJavaScriptライブラリは幾つかありますが、poファイルをそのまま読み込めるのがPomoです。ソースコ...

List

  • 2013/04/02

Google Chromeのインスペクタが起動したら通知「Chrome Inspector Detector」

Chrome Inspector DetectorはGoogle Chromeのデベロッパーツールが表示されているかどうかを感知できるJavaScriptライブラリです。Google Chromeのインスペクタを使うとWeb開発がとても楽になりますが、公開されているWebサービスの状態においては見せたくない情報である可...

List

  • 2013/04/02

お勧め!Windows/Mac OSX双方で使えるGit/Hgクライアント「SourceTree」

SourceTreeはWindows/Mac OSX用のGit/Mercurialクライアントです。個人的にはGitリポジトリを操作する時にはターミナルで行っているのですが、やはりGUIの方が便利という人も多いはずです。そこでWindows/Mac OSX双方で使えるGit/MercurialクライアントのSource...

List

  • 2013/04/01

バカが見る、Webブラウザ♪「aprilFools.css」

aprilFools.cssはエイプリルフール用に設定したいカスタムスタイルシートです。エイプリルフールにはぜひ友人や同僚を驚かせたいと思っている人も多いはず。そこで使ってみたいブラウザ用のカスタムスタイルシートがaprilFools.cssです。例えば真反対に。画像だけを反対にもできます。aprilFools.css...