ECharts - 多種多様な表現に対応したグラフ/チャートライブラリ MOONGIFT
Webは表現力がそれほど高くないのが常に問題視されています。特に業務系システムではグラフ/チャートを使ってデータを可視化する必要があります。最近ではビッグデータが話題にあがっており、大量のデータを効率的に描画しなければならなくなっています。 そこでEChartsを紹介します。ビッグデータモードまで用意された多種多様なパターンの用意されたチャートライブラリです。 EChartsの使い方 今回はその多様なグラフ、チャートを紹介します。 曲線のグラフ。 積み上げグラフ。 棒グラフ。 エリアグラフ。 曲線。かなり複雑です。 こちらもユニークです。途中で途切れています。 棒グラフですが、範囲が指定できています。 左右の比較グラフ。 複数グループの棒グラフ。 散布図。 こちらも散布図。 画像も合わせた表示。 散布図と色の組み合わせ。 ローソクチャート。 円グラフ。 より描画にこだわった円グラフ。 レー
Amethyst - キーボードでウィンドウを操作するMac OSX用ユーティリティ MOONGIFT
GUIのOSにおいてウィンドウが重なって表示されたり、たくさんのウィンドウが並ぶと作業効率が非常に悪くなります。そのたびにマウスで探したり、新しいウィンドウを開いたりするのはとても面倒です。そこでウィンドウマネージャが必要になります。 今回紹介するAmethystはMac OSX用のウィンドウマネージャで、xmonadを真似た作りになっています。 xmonadの使い方 起動するとアクセシビリティでの設定を求められます。 ウィンドウの並びは変更できます。 ウィンドウのレイアウトはTall、Wide、Fullscreen、Column、Row、Floating、Widescreen Tallが用意されています。この中から使いたいものだけをピックアップしておきます。 後はキーボード操作でウィンドウの配置をダイナミックに変更できます。 例えばこんな感じに綺麗にタイル状に並べられます。 キーボードシ
Deb.js·JavaScriptのデバッグを効率化する小さなライブラリ MOONGIFT
最近のWebブラウザの進化によってJavaScript開発はとても便利になっています。ブレイクポイントを差し込んだり、コンソールを使うことでどんどん開発が進められるようになっているでしょう。 そんなJavaScript開発をさらに便利にしてくれそうなソフトウェアがDeb.jsです。ごくごく小さなデバッガーです。 Deb.jsの使い方 Chrome ウェブストアで公開されていますので、インストールします。 こちらがインストール画面です。 インストールされるとDebアイコンが追加されます。 こんな感じでURLに?debjsを追加すると自動で読み込まれるようになります。 任意の関数に.deb()を追加するとスタックとレースされるようになります。 引数や返り値、実行時間などもとれて便利です。 色分けもされるので分かりやすいですね。 開発効率向上を考えると、デバッグ方法は色々知っておいて損はないでし
gitsocial – GitHubのREADMEにちょっとしたアクセントを
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました こういうアイディア好きです！ GitHubのREADME.mdはテキスト中心であまり華やかではありません。画像を貼付けることもできますがURLベースで指定しなければいけないので多少面倒です。 なのでせっかく作ったプロジェクトで自分をアピールしたいと思ってもテキスト＋URLで書くことが多いかと思います。しかしそこで使ってみて欲しいのがgitsocialです。 これはなかなか秀逸なアイディアではないでしょうか。実際の使い方は以下の通りです。 <!-- Please don't remove this: Grab your social icons from https://github.com/carlsednaoui/gitsocial --> <!-- display the so
qdPM·複数プロジェクト、ガントチャート対応のPHP製プロジェクト管理 MOONGIFT
代償関係なくプロジェクトを進める上でその管理システムたるプロジェクト管理の存在は欠かせません。ともあれプロジェクトの規模によって求められる機能は異なってきます。 qdPMは実装されている機能を見る限り、若干規模の大きめなプロジェクトにおいて便利な機能が揃っているようです。という訳で順番にスクリーンショットを紹介していきます。 ダッシュボードはタスク一覧。プロジェクトにまたがって表示されます。 プロジェクト詳細もまずはタスク一覧から。 ディスカッション機能。フォーラム的なものです。 ディスカッションではコメントしたりできます。 バージョンを付けられます。プロジェクトの進み具合に応じて付けられます。 ガントチャート機能。 デモ動画を以下に掲載します。 qdPMは複数プロジェクトにまたがっていることを考えると超大規模な訳ではなく（大規模な中で複数のプロジェクトに分けるのもありますが）、かといって
BootsrapをGoogle+風に·Bootplus MOONGIFT
BootplusはHTML5/JavaScript/CSS製のオープンソース・ソフトウェア（Apache License 2.0）です。 最近のWebデザインはフラットなスタイルが人気です。そのデザインはGoogleのサービスでも広く取り入れられています。そんなUIを自分のWebサービスでも実現したい、そう考える人に使ってみて欲しいのがBootplusです。 Bootstrapがベースになっていますが、デザインは白色系をベースにしたフラットになっています。 かなり思い切って色をカットしています。 こちらは黒地部分が大きく目立ちます。 メニューなどのウィジェットはもちろんBootstrapをベースにして構築されています。 カード形式のウィジェット。 プロフィールなどの表示に便利そうな表示です。 何となくGoogle+っぽい感じです。 ベースはBootstrapなので多彩なウィジェットやコンポ
Bootstrapで使えるWYSIWYGエディタ·bootstrap-wysiwyg MOONGIFT
bootstrap-wysiwygはBootstrap用のリッチなWYSIWYGエディタです。 使い勝手の良さもあってBootstrapを使ったWebサイトが増えています。より便利に使うためには多彩なウィジェットが欠かせません。今回はBootstrap用WYSIWYGエディタ、bootstrap-wysiwygを紹介します。 シンプルなUIで使い勝手が良さそうです。 文字の装飾は簡単にできます。ツールチップが出るのもいい感じです。 画像の埋め込みにも対応しています。ファイルフォームを使って画像を読み込む形になっています。 URLの埋め込み。ダイアログではないのがポイントです。 文字サイズの変更もできます。 bootstrap-wysiwygではさらにマイクアイコンをクリックして音声によるテキスト入力にも対応しています（Google Chromeの機能を使っています）。さらにホットキーへの対
複数台のmemcachedを運用しているなら·memcache-top MOONGIFT
memcache-topはPerl製のmemcachedインスタンスのステータス可視化ソフトウェアです。 Webサイトの高速化においてmemcahedは外せない選択肢になります。複数のmemcahedインスタンスを立ち上げている規模になったら使ってみたいのがmemcache-topです。 実行中です。一つしかないとちょっと微妙ですが…。 memcache-topはPerlスクリプトであり、ダウンロードしたらすぐに実行するだけで使えます。利用量、ヒット率、コネクション、読み込み、書き込みなどのステータスが一目で分かるようになっています。キーの一覧などは分からず、インスタンスごとのサマリーが分かる形になります。 memcache-topはPerl製のオープンソース・ソフトウェア（New BSD License）になります。 MOONGIFTはこう見る Webアクセスを高速化する最も簡単な方法は
BootstrapベースのWebアプリケーションウィザード·Bootstrap Application Wizard MOONGIFT
Bootstrap Application WizardはBootstrap用のアプリケーションウィザードフローを提供するライブラリです。 Bootstrapを使ってWebサービスを提供するサイトが多くなってきました。今回はその一つ、Bootstrapを使ってウィザード風の流れを実現してくれるライブラリ、Bootstrap Application Wizardを紹介します。 フローティングでウィザードが表示されます。 次へを押して順番に進めていきます。 左下のステータスバーが徐々に進んでいます。 完了しました！ Bootstrap Application Wizardではwizardというメソッドを使って一つ一つをスライド風に切り替えながら処理を選べるようになります。入力チェックも内蔵されています。そして最後にデータが飛んでくるのでサーバ側で処理して返却すれば良いだけです。とても手軽です。
社内で立てられるGistサーバ·Gistub MOONGIFT
GistubはGitHubの提供するGistのクローンです。 GitHubの提供するスニペットサービスのGist。便利に使っている人も多いと思いますが、何となく会社で使うのは控えてしまっている…そんな人も多いでしょう。そこで社内で立てられるGistクローンGistubを使ってみましょう。 パブリックなGist一覧。 ソースコードハイライト付きです。 編集画面です。 編集すると履歴がつきます。 新しいGistの追加画面。 プライベートなGistも作成できます。 Gistubはエディター画面こそ単純なテキストボックスで、ハイライトする言語指定ができないものの他はGistと変わらず普通に使えるようになっています。社内で立ててチームで使ったりするのに良いのではないでしょうか。 GistubはRuby/Ruby on Rails製、MIT Licenseのオープンソース・ソフトウェアです。 MOON
JavaScriptでXLSX形式を扱う·XLSX.js MOONGIFT
XLSX.jsはJavaScriptでExcelファイル（Base64エンコード）を読み込んだり、ダウンロードさせられるソフトウェアです。 Googleスプレッドシートをはじめ、Webブラウザ上で表計算表示を行ったり、編集したりするWebアプリケーションがあります。しかし最も有力なのはExcelでしょう。そこで試したいのがExcelファイルを読み書きできるJavaScriptライブラリ、XLSX.jsです。 ダウンロードされたファイルです。ちゃんとXLSXとして認識されます。 ファイルを読み込む処理のデモです。Base64エンコードされたデータが解析されています。 XLSX.jsはbase64のXLSXファイルを読み込み、JavaScriptオブジェクトに変換できます。後はいかようにも表示できるでしょう。また、シート名と各セルの値をHTMLテーブルから読み込んでXLSXファイルに変換してダ
PHPでもWebSocketを。チャットデモはこちら·PHPWebSocket Chat MOONGIFT
PHPWebSocket ChatはPHP製のWebSocketサーバによるチャットデモです。 WebSocketというとnode.jsというイメージがありますが、実際はそんなことはありません。他の言語だってWebSocketサーバになりえます。今回はPHPで作られたPHPWebSocket Chatを紹介します。 接続しました。 発言しました。 こちらはサーバ側。 PHPWebSocket ChatはHTMLファイルのチャット画面とPHP製のサーバスクリプトになっています。サーバをPHPコマンドで実行すれば後はHTMLを表示させるだけでチャットができる仕組みです。PHPプログラマーにとってはより手軽にWebSocketが使えるようになるのではないでしょうか。なおソースに最大接続数は100と設定されています。 PHPWebSocket ChatはPHP製のソフトウェア（ソースコードは公開さ
Postfixの管理に使える仮想メールアドレス管理ソフトウェア·ViMbAdmin MOONGIFT
ViMbAdminはメールアドレス管理ソフトウェアです。複数ドメインに対応しています。 メールアドレスの管理というのは意外と煩雑になりがちです。特に転送メールなどで入れ子になっていたりすると非常に面倒な管理になるでしょう。そこでWebブラウザ上で分かりやすい管理ができるViMbAdminを使ってみましょう。 ログインします。 ドメイン一覧です。 メールボックス一覧です。 パスワードの変更もできます。 エイリアスの一覧です。 作業したログです。 管理者アカウント一覧。 ViMbAdminは複数ドメインのメールアドレスを一元管理できます。PostfixやSendmailに対応しており、設定ファイルを使った煩雑な管理から解放されるはずです。サーバのセットアップさえしてしまえば、運用は楽になるのではないでしょうか。 ViMbAdminはPHP製、GPL v3のオープンソース・ソフトウェアです。 M
これがHTML？と言いたくなるようなPDF変換ソフトウェア·pdf2htmlEX MOONGIFT
pdf2htmlEXはレイアウトの再現性を極めたPDFからHTMLへの変換ソフトウェアです。 PDFはそのままでは容易に編集できないフォーマットです。そこが利点でもあり欠点でもあります。PDFを別フォーマットに変換するソフトウェアは幾つかありますが、今回は驚いてしまうくらい品質高いHTML変換を行うpdf2htmlEXを紹介します。 これがHTMLだと思えないくらいの再現度です。 計算式にも対応。 段組み、画像埋め込みも問題なし。 白黒に限らず扱えます。 中国語。マルチバイト対応です。 まるで素のPDFを表示しているかのような再現度の高さがpdf2htmlEXの売りです。PDFを一つのHTMLファイルとして出力し、色や文字の装飾も反映します。リンクもそのまま使えます。なお、Type3のフォントには対応しておらず、テキスト以外のオブジェクトは画像としてレンダリングされるようになっています。
Passbook用のpkpassファイルを作成、編集·PHP-Passkit MOONGIFT
PHP-PasskitはiOS6のPassbook用ファイルであるpkpassファイルを作成したり編集するソフトウェアです。 iOS6の新機能の一つであるPassbook。クーポンや搭乗券、チケットなどをiOSの中に入れてしまおうという試みですが、その電子チケットの作り方をコードを使って教えてくれるのがPHP-Passkitです。 サンプルです。こちらは飛行機関係。 こちらはスターバックスのサンプル。 pkpassというファイルが生成されます。 PHP-Passkitを使うと証明書を使ってpkpassというファイルを生成されます。このpkpassファイルが電子チケットになるものです。後はこのチケットをPassbookに入れてお店などで見せれば使えるという仕組みです。まだまだiOS6のAPIに変動があると思われるので実用レベルではありませんが、非常に面白いソフトウェアです。 PHP-Pass
その場で編集。Webベースのガントチャートエディター·jQuery Gantt editor MOONGIFT
jQuery Gantt editorはjQuery製のガントチャートエディターです。その名の通り、その場でデータの編集ができます。 プロジェクト管理において進捗や各人のステータスによる作用を判断するのに便利なガントチャート。オンライン版も幾つか出ていますが、既存サイトに組み込みたいならjQuery Gantt editorを使ってみましょう。その名の通り、jQueryベースのガントチャートエディターです。 メイン画面です。まさにガントチャートの画面です。 日程や階層の深さを編集できます。 詳細な情報も変更できます。 タスクの追加も可能です。 人員のアサインにも対応しています。 データはそのまま保存したり、JSONとしてエクスポートできます。従ってJSONデータを使えば同じ画面を再現するのは難しくありません。Undo/Redoをサポートし、クロスブラウザで動作します。閲覧だけでなく、編集ま
CakePHP製の社内向けSNS·せん茶SNS MOONGIFT
せん茶SNSはタイムラインを重視した社内向けSNSです。 ビジネスにおいてもやはり根底にあるのは人と人のつながりです。そしてそれをオンライン上で再現するのがSNSになります。社内向けにSNSを導入されたい企業はせん茶SNSを使ってみるのはいかがでしょう。 ログイン画面です。 メイン画面です。昔のTwitterっぽい感じでしょうか。 アクションやグループなどでタイムラインを絞り込めます。 こちらはグループ関連の情報。 プロフィール。 ユーザ一覧。 グループ一覧。 グループ内の発言を一覧できます。 コメントは階層表示になります。 ファイル管理です。 メッセージ機能があります。 せん茶SNSはタイムライン形式をベースとしています。そしてファイルアップロードやグループ、メッセージ、ウォッチリストといった機能があります。ユーザ同士のプライベートメッセージもあるので社内メール代わりにもなりそうです。
大型プロジェクトにも対応する時間管理機能付きプロジェクト管理·todoyu MOONGIFT
todoyuはタスク、時間管理、カレンダーといった機能が備わったWebベースのプロジェクト管理ソフトウェアです。 企業においては複数のプロジェクトが同時に進行するなんてのはざらです。そして一人が複数のプロジェクトにまたがって活動しているケースも多々あります。そこで使ってみたいのが大型なプロジェクト管理、todoyuです。 管理者としてログインしています。 プロジェクト詳細です。 カレンダー（月表示）です。 連絡先です。 帳票管理です。 こちらはメンバーとしてログインしています。Todoやタイムトラッキングが表示されているのが特徴です。 タイムトラッキングはその場で修正できます。 フィードバックの一覧です。 主な機能はプロジェクト管理、タイムトラッキング、カレンダー、レポート、請求書、タスク管理、コンタクト管理となっています。UIが特徴的なので最初に慣れるまでは時間がかかるかも知れません。管
GitHubプロジェクトのフォーラム機能を持たせる·Ostio MOONGIFT
OstioはGitHubプロジェクトと連携する掲示板ソフトウェアです。 GitHubでは開発者同士が対話する場としてIssueが用意されていますが、ここは一般的にプロジェクト上の課題やバグ管理を行う場になります。もっとプロジェクトについて自由に語らいたい、そう考える人にお勧めなのがOstioです。 最初の画面です。まずはGitHubアカウントでログインします。 ログインしました。ついでリポジトリを同期します。 リストアップされるのは公開リポジトリのみです。 こちらがメイン画面。まずトピックを作成します。 トピックを作りました。 こちらはレスの一覧。 こんな感じに会話します。 OstioはGitHubプロジェクトを指定しますが、データをリポジトリに入れたりすることはありません。単純にフォーラム機能を追加するだけです。プロジェクトのREADMEにURLを入れておくと良いかもしれません。 Ost
クエリの改善に。MySQLのSlow Query Logを可視化する·MySQL slow-query-log Visualizer MOONGIFT
MySQL slow-query-log VisualizerはMySQLの時間のかかるクエリをWeb上で閲覧するソフトウェアです。 MySQLには実行時間の遅いクエリをログファイルに書き出す機能があります。単純にテキストに吐かれるだけなので分析に時間がかかってしまうのではないでしょうか。そこで使ってみたいのがWebブラウザベースの解析ソフトウェアMySQL slow-query-log Visualizerです。 サンプルです。データ量が多くないとあまり面白くないですね。 公式サイトより。曜日ごとに発生回数をグラフ化しています。 クエリログファイルをWebブラウザの画面にドロップするだけで解析処理が行われます。その結果はグラフに描かれる仕組みです。また、クエリは一覧で表示され、任意の文字でフィルタリングすることもできます。曜日と時間によって分析されるので対応すべきポイントが分かりやすくな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
