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

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

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

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

もっと見る

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...

List

  • 2013/04/01

ボスコ・アルバート・バラカス軍曹もおすすめ「Fool.js」

Fool.jsはWeb画面に面白いアクションを起こすjQueryライブラリです。本日は4月1日、いわゆるエイプリルフールです。そこで去年のエイプリルフールに合わせて登場したjQueryライブラリFool.jsを紹介します。ぜひ遊んでみて下さい。最初の表示です。特に変化はありません。起こせるアクションはこれだけあります。...

List

  • 2013/03/31

Webカムの映像を認識してイベント実行「oflow.js」

oflow.jsはWebカム映像を認識してイベントを実行するソフトウェアです。最近では生体系のガジェットに人気が集まっています。脳波を読み取ったり、体温を読み取ったりするデバイスを装着しても良いですがPCであればWebカムを使うのが手軽です。今回はoflow.jsを紹介します。最初にカメラへの接続許可を求められます。左...

List

  • 2013/03/31

CSSだけでトグルスイッチを実現するUI「CSS Toggle Switches with Bootstrap」

CSS Toggle Switches with BootstrapはCSSのみでトグルスイッチを実現するBootstrap用ライブラリです。JavaScriptを使えば簡単にできることをCSSだけでどう実現するか、そんな取り組みはとても面白いです。今回はCSSだけで実装されたトグルスイッチUIのCSS Toggle ...

List

  • 2013/03/30

要注目!PHP製のWeb IDE「ICEcoder」

ICEcoderはPHP製のWeb IDEです。JavaScriptやHTML、Rubyのコードに対応しています。Webブラウザを使った開発環境もそろそろ本格化しそうな雰囲気です。今回紹介するのはICEcoder、PHP製のWeb IDEです。最初にパスワードを登録します。トップページです。コード表示です。ハイライト処...

List

  • 2013/03/30

自分のお気に入り楽曲を集めてプレイリストに「Muxamp」

MuxampはYouTube/SoundCloudの楽曲を検索し、独自のプレイリストを作成できるサービスです。オンライン上には音楽ファイルが溢れています。あえて自分で用意する必要がないくらいです。それらを自分の好きな順番に選曲し、共有できるのがMuxampです。トップページです。YouTubeまたはSoundCloud...

List

  • 2013/03/30

円や棒グラフをサポートしたCanvasによるグラフライブラリ「Chart.js」

Chart.jsはHTML5/Canvasを使ったグラフライブラリです。Web上で管理画面を提供する場合必要になるのがレポートです。そこにはただの数値の羅列だけでなく、グラフがあるとインパクトが違うでしょう。そこで使ってみたいライブラリとしてChart.jsを紹介します。折れ線(曲線)グラフです。棒グラフ。レーダーチャ...

List

  • 2013/03/29

Google Playから消えてもインストールできる広告遮断アプリ「AdAway」

AdAwayはAndroid用の広告遮断アプリです。先日GoogleがAndroidにおいて広告ブロックアプリを相次いで削除しました。理由はともあれGoogleが認めなければGoogle Playでは配信ができません。しかしAndroidには独自で配布するという道が残っています。そこで紹介したいのがAdAwayです。G...

List

  • Premium_s 2013/03/29

業務で使えるオープンソース(68)「プロジェクト管理」

今回のテーマはプロジェクト管理です。今回は特にプロジェクト管理における見直しポイントについて紹介します。定期的にチェックを心がけると、思わぬトラブルに発展する前に方向修正ができるようになるでしょう。

List

  • 2013/03/29

Web上でGitの使い方をレクチャー「Learn Git Branching」

Learn Git BranchingはWebベースでGitの使い方を学べるソフトウェアです。企業においてもバージョン管理にGitを利用するケースが増えてきました。しかしその機能を使いこなせていないことも多いのが事実です。そこでGitリポジトリ、特にブランチに関して学べるLearn Git Branchingを使って学...

List

  • 2013/03/29

Bootstrapベースのサイトに素敵なチュートリアルを「Bootstro.js」

Bootstro.jsはBootstrapを使ったWebサイトにチュートリアル機能を提供するライブラリです。Bootstrapを使ったWebサイトを作って、そこにチュートリアルによる説明を追加したいならば使って欲しいのがBootstro.jsです。カスタマイズも対応した素敵なチュートリアルが実現します。チュートリアル開...

List

  • 2013/03/28

パズドラのパズルアクションだけをずっと楽しめる「Mugen Pazdora」

Mugen Pazdoraはパズドラのパズル部分を無限に楽しめるクローンです。1,000万ダウンロードを突破し、ますます人気になっているパズル&ドラゴン(以下パズドラ)。そのパズドラの基本と言えるパズル部分を無限に楽しめるのがMugen Pazdoraです。見た目はともかくシステム的にはまさにパズドラです。ボールを移動...

List

  • 2013/03/28

メールのためのレスポンシブWebデザインフレームワーク「Antwort」

AntwortはレスポンシブなHTMLメールを実現するスタイルシートフレームワークです。HTMLはWebブラウザを使って閲覧するのに用いるのが基本ですが、他にも使われることがあります。その一つがHTMLメールです。独自の知識が必要になることもあるのですが、Antwortを使えばそのエッセンスだけすぐに得ることができます...

List

  • 2013/03/28

シンプル、軽量なPHP製CMS「Monstra」

MonstraはPHP製のCMSです。セキュア、拡張性、SEOフレンドリーなどが特徴になっています。Webサイトの基本と言えばCMSです。WordPressが最も有名になっていますが、常にWordPressを選択しなければならない訳ではありません。今回は同じPHP製のCMS、Monstraを紹介します。インストールしま...

List

  • 2013/03/27

管理画面、予約画面を備えたWebベースのレストラン予約システム「mySeat」

mySeatはWebベースのレストラン予約システムです。日本ではあまり見かけませんが飲食店のサイトに欲しいのが予約システムです。今回はPHP製のmySeatを紹介します。インストールはウィザードに沿って行います。レストランの情報を登録します。ログイン画面です。ダッシュボードです。予約が一覧表示される画面です。お店は複数...

List

  • 2013/03/27

セカイカメラ風ARを実現するフレームワーク「PanicAR」

PanicARはiOS向けのセカイカメラ風ARフレームワークです。セカイカメラで賑わったスマートフォン+ARですが、今はあまり盛り上がっていません。しかしAR自体の使い道はまだまだ模索されるべきでしょう。そこで使ってみたいフレームワークがPanicARです。スプラッシュ画面です。最初に位置情報の確認が入ります。カメラ上...