プレミアムユーザー限定記事
MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから。
- 2017/12/14
- できることを全力でやる
- 2017/11/25
- 恥ずかしさを感じないためにできること
- 2017/11/11
- プロジェクトを遅延させないコミュニケーションパス管理
Webカムの映像を認識してイベント実行「oflow.js」
oflow.jsはWebカム映像を認識してイベントを実行するソフトウェアです。最近では生体系のガジェットに人気が集まっています。脳波を読み取ったり、体温を読み取ったりするデバイスを装着しても良いですがPCであればWebカムを使うのが手軽です。今回はoflow.jsを紹介します。最初にカメラへの接続許可を求められます。左...
CSSだけでトグルスイッチを実現するUI「CSS Toggle Switches with Bootstrap」
CSS Toggle Switches with BootstrapはCSSのみでトグルスイッチを実現するBootstrap用ライブラリです。JavaScriptを使えば簡単にできることをCSSだけでどう実現するか、そんな取り組みはとても面白いです。今回はCSSだけで実装されたトグルスイッチUIのCSS Toggle ...
要注目！PHP製のWeb IDE「ICEcoder」
ICEcoderはPHP製のWeb IDEです。JavaScriptやHTML、Rubyのコードに対応しています。Webブラウザを使った開発環境もそろそろ本格化しそうな雰囲気です。今回紹介するのはICEcoder、PHP製のWeb IDEです。最初にパスワードを登録します。トップページです。コード表示です。ハイライト処...
自分のお気に入り楽曲を集めてプレイリストに「Muxamp」
MuxampはYouTube/SoundCloudの楽曲を検索し、独自のプレイリストを作成できるサービスです。オンライン上には音楽ファイルが溢れています。あえて自分で用意する必要がないくらいです。それらを自分の好きな順番に選曲し、共有できるのがMuxampです。トップページです。YouTubeまたはSoundCloud...
円や棒グラフをサポートしたCanvasによるグラフライブラリ「Chart.js」
Chart.jsはHTML5/Canvasを使ったグラフライブラリです。Web上で管理画面を提供する場合必要になるのがレポートです。そこにはただの数値の羅列だけでなく、グラフがあるとインパクトが違うでしょう。そこで使ってみたいライブラリとしてChart.jsを紹介します。折れ線（曲線）グラフです。棒グラフ。レーダーチャ...
Google Playから消えてもインストールできる広告遮断アプリ「AdAway」
AdAwayはAndroid用の広告遮断アプリです。先日GoogleがAndroidにおいて広告ブロックアプリを相次いで削除しました。理由はともあれGoogleが認めなければGoogle Playでは配信ができません。しかしAndroidには独自で配布するという道が残っています。そこで紹介したいのがAdAwayです。G...
2013/03/29
2013/03/29業務で使えるオープンソース（68）「プロジェクト管理」
今回のテーマはプロジェクト管理です。今回は特にプロジェクト管理における見直しポイントについて紹介します。定期的にチェックを心がけると、思わぬトラブルに発展する前に方向修正ができるようになるでしょう。
Web上でGitの使い方をレクチャー「Learn Git Branching」
Learn Git BranchingはWebベースでGitの使い方を学べるソフトウェアです。企業においてもバージョン管理にGitを利用するケースが増えてきました。しかしその機能を使いこなせていないことも多いのが事実です。そこでGitリポジトリ、特にブランチに関して学べるLearn Git Branchingを使って学...
Bootstrapベースのサイトに素敵なチュートリアルを「Bootstro.js」
Bootstro.jsはBootstrapを使ったWebサイトにチュートリアル機能を提供するライブラリです。Bootstrapを使ったWebサイトを作って、そこにチュートリアルによる説明を追加したいならば使って欲しいのがBootstro.jsです。カスタマイズも対応した素敵なチュートリアルが実現します。チュートリアル開...
パズドラのパズルアクションだけをずっと楽しめる「Mugen Pazdora」
Mugen Pazdoraはパズドラのパズル部分を無限に楽しめるクローンです。1,000万ダウンロードを突破し、ますます人気になっているパズル&ドラゴン（以下パズドラ）。そのパズドラの基本と言えるパズル部分を無限に楽しめるのがMugen Pazdoraです。見た目はともかくシステム的にはまさにパズドラです。ボールを移動...
メールのためのレスポンシブWebデザインフレームワーク「Antwort」
AntwortはレスポンシブなHTMLメールを実現するスタイルシートフレームワークです。HTMLはWebブラウザを使って閲覧するのに用いるのが基本ですが、他にも使われることがあります。その一つがHTMLメールです。独自の知識が必要になることもあるのですが、Antwortを使えばそのエッセンスだけすぐに得ることができます...
シンプル、軽量なPHP製CMS「Monstra」
MonstraはPHP製のCMSです。セキュア、拡張性、SEOフレンドリーなどが特徴になっています。Webサイトの基本と言えばCMSです。WordPressが最も有名になっていますが、常にWordPressを選択しなければならない訳ではありません。今回は同じPHP製のCMS、Monstraを紹介します。インストールしま...
管理画面、予約画面を備えたWebベースのレストラン予約システム「mySeat」
mySeatはWebベースのレストラン予約システムです。日本ではあまり見かけませんが飲食店のサイトに欲しいのが予約システムです。今回はPHP製のmySeatを紹介します。インストールはウィザードに沿って行います。レストランの情報を登録します。ログイン画面です。ダッシュボードです。予約が一覧表示される画面です。お店は複数...
セカイカメラ風ARを実現するフレームワーク「PanicAR」
PanicARはiOS向けのセカイカメラ風ARフレームワークです。セカイカメラで賑わったスマートフォン+ARですが、今はあまり盛り上がっていません。しかしAR自体の使い道はまだまだ模索されるべきでしょう。そこで使ってみたいフレームワークがPanicARです。スプラッシュ画面です。最初に位置情報の確認が入ります。カメラ上...
スマホ/デスクトップに対応した高速な2Dゲームレンダリングエンジン「pixi.js」
pixi.jsはWebGL/Canvasに対応した2Dゲームレンダリングエンジンです。Webブラウザで遊べるゲームはインストールせずに始められる分、敷居はとても低いと言えます。しかしゲームの質を落とせる訳ではありません。特にアクションゲームにおけるレスポンスは大事です。そこで使ってみたいのがpixi.jsです。pixi...
アニメーションを使って効果的なテキストイフェクト「animate-textshadow.js」
animate-textshadow.jsはjQueryによるアニメーションでテキストイフェクトをするライブラリです。Web上でユーザアクションによるイベント実行をしたいと思うとJavaScriptを駆使して（またはjQueryのようなライブラリを使って）行うのが一般的です。今回はさらにCSSによるイフェクトを組み合わ...
業務で使えるオープンソース（68）「OCR」
今回のテーマはOCRです。リアルの世界に溢れているテキスト情報を読み取り、デジタル化することでテキスト情報の量は爆発的に膨らみます。今回はそのOCRの利用法や関連オープンソース・ソフトウェアをまとめて紹介します。
Googleリーダーに似たUIのWebフィードリーダー「Leselys」
LeselysはGoogleリーダーライクなUIのWebベースのフィードリーダーです。Googleリーダーが7月1日で終わりというニュースを受けて、世界中のITエンジニアがざわついています。代替のサービスを探す人、これを機に情報収集スタイルを変える人、そして自分でサービスを作ってしまう人もいます。今回はその一つLese...
バイナリハックの際の必需品！「Hex Fiend」
Hex FiendはMac OSX用のバイナリエディタです。ここ数年、バイナリハックが流行っています（特にJavaScript界隈で）。そこで必要になるのがバイナリエディターではないでしょうか。今回はMac OSX用のHex Fiendを紹介します。適当なバイナリファイルを開いた図。右または左側のデータを選択すると逆側...
JavaScriptの開発に。スローモーションで実行して結果確認「SlowmoJS」
SlowmoJSは記述したJavaScriptを一行ずつ実行し、その結果を出力するライブラリです。JavaScriptをデバッグする際にはconsole.logを使うのが一般的です（一部のIDEではブレークポイントもありますが）。しかし今回はJavaScriptを一行ずつ実行させられるライブラリ、SlowmoJSを紹介...