タグ

ブックマーク / www.moongift.jp (26)

  • AdminLTE·ここまで多ければ何でもできそう。多機能なBootstrapベースの管理画面テンプレート MOONGIFT

    これで十分でしょ! Bootstrapで作る管理画面は相当増えてきているようです。確かに一般ユーザ向けに提供するとBootstrap臭が出てしまいますが、管理画面であれば問題はないですよね。 ということで今回は新しいBootstrap製の管理画面テンプレートAdminLTEを紹介します。高度なウィジェットが数多く提供されていますので使い勝手良さそうですよ。 AdminLTEの画面 今回もスクリーンショット多めで紹介します。 ダッシュボード。この時点でかなりリッチ。 ボックス。これだけ多彩なパターンがあると言うのも凄いですね。 左端にはちょっとした設定を表示させています。 背景色を変えるだけでも随分印象が違います。 グラフ。 こちらもグラフ。 外部ライブラリもそつなく使いこなしています。 スパークラインも! アラート。ちょっと飛び出しているのがいい感じです。 アイコン。 ボタン。フラット系で

    AdminLTE·ここまで多ければ何でもできそう。多機能なBootstrapベースの管理画面テンプレート MOONGIFT
  • Java開発でGitリポジトリを使っているならぜひ!·Gitblit MOONGIFT

    GitblitJava製のGitリポジトリ管理、ビューワーです。 まだまだ企業内では一般的ではないですが、Gitリポジトリを使ったプロジェクトも増えてきています。そこでJavaを使って開発されている場合のGitリポジトリビューワー、管理に使ってみたいのがGitblitです。もちろんJava以外の言語におけるGitリポジトリ管理にも使えますよ。 リポジトリの一覧です。 こちらはリポジトリのトップ。コミットログやタグが一覧されています。 コミットの詳細。修正されたファイルのDiffが確認できます。 こちらはコミット概要。変更されたファイルが一覧されています。 パッチとしてダウンロードもできます。 ブランチの一覧。 ログ一覧。 タグ一覧。 タグの内容について。 ツリー表示でエクスプローラ風の表示もできます。 ファイルの内容も閲覧できます。 ファイルの注釈履歴。 ドキュメントは別途まとめられてい

  • JavaScriptで処理を同期的に行いたいと考えている人向け·JSDeferred MOONGIFT

    JSDeferredはJavaScriptの非同期処理を扱うライブラリです。 JavaScriptの魅力は非同期処理にあると思いますが、これまでのコーディングスタイルと異なるのでやりづらいと感じる人も多いのではないでしょうか。そこでJavaScriptで同期処理的な実行を可能にするライブラリJSDeferredを使ってみましょう。 サンプルコードです。wait(3)で3秒間処理を停止しています。 サンプルのコードです。 ステップ実行のデモコードです。クリックアクションを受けて処理が実行されます。 Beforeです。ネストが深くなって非常に見づらい、汚いコードです。 Afterです。パラレルを使って平行にデータを読み込みつつ、全てが終わった段階でresultsに結果をまとめて次のメソッドを実行しています。 JSDeferredを使わずに書いている場合に比べて、コードがとても見やすいのが分かる

  • CSVやJSONデータを管理、ビジュアル化·Miso Dataset MOONGIFT

    Miso Datasetはクライアントサイド、node.jsで利用できるデータ変換&管理ライブラリです。 データのビジュアル化(グラフ化)をする際に書かせないのが元データです。DBに入っていたり、XMLだったりと形式は色々考えられますが敢えてCSVを使ってグラフを描くのがMiso Datasetです。 デモです。CSVデータをグラフにプロットしています。 データはこのようなCSVです。 コード部です。デリミタを指定したり、フォーマットの指定もできます。 Miso DatasetはCSVやJSONを取り込んで自由に操作が出来ます。カラムの定義をしておくことで行をオブジェクトとして扱えるようになります。その他ソートしたりカウントやグルーピングしたりとSQL的な操作もできるようになっています。なおコードはnode.js/クライアントサイドのどちらでも動作します。 Miso DatasetはJav

    CSVやJSONデータを管理、ビジュアル化·Miso Dataset MOONGIFT
  • 1,000のサーバでも監視できるnode.js製死活チェッカー·uptime MOONGIFT

    uptimeはnode.jsで作られたWebサーバ死活チェッカーです。 Webサーバがきちんと正常に動き続けているかどうか一番簡単にチェックするのは定期的にアクセスしてレスポンスタイムを見ることです。そんなWebサービスの死活チェックに使えるのがuptimeです。 サーバを立ち上げました。最初に監視するWebサーバを設定します。 URLと監視する間隔を指定するくらいです。 監視を開始しました。グラフは自動更新されないのでご注意ください。 イベントがあればこちらに出力されます。 グラフではなく一覧で結果を確認できます。 徐々にグラフが更新されていきます。 uptimeは1000以上のWebサーバを一括で監視できるパフォーマンスを持っています。またダウンしている際にはWebアラートを表示できます。エラーがあった際にはHTTPステータスやその内容を記録してくれます。サーバはタグを使ってグループ管

  • jQueryとも組み合わせて使える汎用的ユーティリティライブラリ·Pot.js MOONGIFT

    Pot.jsはJavaScriptで感じる物足りなさを補完する汎用的ユーティリティです。 JavaScriptを素のままで使うケースは減っています。jQueryやMootoolsをいったライブラリを使うケースが多いのですが、そうしたライブラリとも組み合わせて使える汎用的ユーティリティライブラリがPot.jsです。 デモはこのコンソールに出ているものになります。 そのコード。 Pot.jsは実に数多くの機能があります。まずforEach、filter、map、reduce、zip、repeat、someといったイテレートがあります。動作はチェインで可能です。また非同期処理中における例外処理をキャッチできます。speedメソッドによって処理速度を遅くしたりもできます。 ループ処理におけるCPU負荷を軽減させることができ、既存の負荷が高いループ処理をPot.jsを使って置き換えることで負荷を軽減

  • Excel同等とは言わないけれど十分高機能なWebベースのテーブル表示ライブラリ·KoGrid MOONGIFT

    KoGridはハイレベルなWebベーステーブル表示ライブラリです。フィルタ、ソート、ページネーションなどがあります。 業務システムではよくあるWeb上でのデータの一覧表示。得てしてExcelと同等レベルの機能が求められて大変な思いをしますが、そのベースにできそうなハイレベルなグリッド表示を行うのがKoGridです。 ソートができます。範囲外は中でスクロールして表示させられます。 チェックボックスをつけるとハイライト表示します。 カラムに色をつけたり、セルごとに色を設定できます。 数値は桁数を意識したソートができます。 フィルターを表示できます。 サーバサイドのページネーションもあります。 10,000行のデータも軽快に操作できます。 テーブルで選択したデータの詳細を右側に表示するデモです。 KoGridはカラム幅の変更やカラムの移動はできないものの、大抵のニーズには応えられると思われます。

  • 開発時に。送信内容が確認できるダミーのSMTPサーバ·smtp4dev MOONGIFT

    smtp4devはWindowsローカル上に立てるダミーのSMTPサーバです。 システム開発においてメール送信を行う時はよくあります。SMTPサーバを立てたとして、間違って送信してしまうと大変な事態につながるかも知れません。そこで使ってみたいのがローカルで使えるダミーのSMTPサーバ、smtp4devです。 起動しました。まずはセキュリティ警告が出ます。 メイン画面です。この時点でポートは開いています。 オプションです。UIに関する設定です。 サーバ設定です。ポート番号はデフォルトで25です。 アップデートチェッカーもあります。 こんな感じで常駐します。 こんな感じでPHPからメールを送ってみます。 送信しました。すぐに反映されます。 さらに日語件名のメールを送ってみました。文字化けせずに送信されています。 メーラーでメールの内容を確認できます。 さらに詳細を確認できます。 メッセージソ

    開発時に。送信内容が確認できるダミーのSMTPサーバ·smtp4dev MOONGIFT
  • たった一行のJavaScriptでガラケー向けWebサイトをスマートフォンに最適化·sparrow.js MOONGIFT

    sparrow.jsは既存のガラケー向けWebサイトをスマートフォン向けサイトに変換してくれるJavaScriptです。 sparrow.jsを使うと既存のガラケー向けWebサイトをスマートフォン向けサイトに変身させてくれます。それもたった一行のJavaScriptタグを追加するのみです。 ガラケー向けサイトをiPhoneで表示したところです。いわゆる普通の携帯電話向けサイトとしての表示です。テンプレートは「携帯専用無料テンプレート配布中 : フリースタイル 携帯無料レンタルサーバー」よりお借りしました。 sparrow.jsを適用した表示です。デフォルトではフォントサイズや画像の表示が最適化されるのみとなっています。 sparrow.jsではその他、Viewportの自動挿入、スマートフォン向けのCSS定義、半角仮名を全角に変換、ページ内リンクをアニメーションに、絵文字絵文字画像に変換

  • 一人でできなくとも皆でなら。タスク共有システム·7kai Tasks MOONGIFT

    7kai TasksはPerl製の共有タスク管理サービスです。 個人でタスク管理をやっていて頓挫してしまったという人は、グループでタスク管理をやってみるのはどうでしょう。グループならばタスクの登録は人がやってくれるし、人に割り当てるなんてこともできます。何より人の目があるから進捗管理もしなければならない気分になるはず。そんなあなたにお勧めなのが7kai Tasksです。 トップページ。特徴はショートカットキー、iPadiPhone、その他スマートフォンに対応、オフライン利用そして共有となっています。 ダッシュボード。3カラムになっています。 タスクを登録してみました。 タスクに対してコメントもできます。 タスクをまとめたリストも作成できます。 リストは画面右側で切り替えます。 iPhone版。基的な作業は全て可能です。 スマートフォンでのタスク登録画面です。 作業中。チェックを一回クリ

    一人でできなくとも皆でなら。タスク共有システム·7kai Tasks MOONGIFT
  • MOONGIFT: Androidで2Dゲームを開発するなら「e3roid」

    e3roidはAndroid用の2Dゲームエンジン。 [/s2If] e3roidはAndroid用のオープンソース・ソフトウェア。Androidアプリの数が急速に増している。玉石混淆ではあるものの、数だけは非常に多い。その中でも特に注目を集めているのがゲームだ。もしAndroidアプリでヒットを出したいと思うならばゲーム分野しかないだろう。 タップで移動させるデモ 3Dの奇麗なグラフィックスのゲームも良いが、スマートフォンのスペックではまだ困難と言えるだろう。むしろファミコンくらいの2Dゲームがぴったりだ。そんな時に使えるゲームエンジンがe3roidだ。 e3roidは2Dゲームに適したゲームエンジンで、OpenGLをサポートしているのが特徴だ。今の所三パターンのゲームが想定されている。一つはスーパーマリオに代表される横スクロール系のアクション、ドラクエに代表される2Dの上下に進むゲーム

  • MOONGIFT : ヘッダーに仕込んでおくと幸せになれるJavaScript「Head JS」 オープンソース・ソフトウェア/フリーウェアを毎日紹介

    Head JSはヘッダーに組み込み、JavaScript/CSSの管理を補助するライブラリ。 [/s2If] Head JSはJavaScript製のオープンソース・ソフトウェア。HTMLのヘッダーで行うべき処理は多い。SEO対策としてキーワードの設定や説明文の追加、さらにJavaScriptファイルを読み込んだりCSSを設定したりする。いつの間にかヘッダーがとても長いものになってしまっていたりする。 スクリプトの読み込み さらにJavaScriptを多数読み込んだりすると表示速度に影響が出てしまう。作業の面倒さと複雑さを解決してくれる便利なJavaScriptライブラリがHead JSだ。ヘッダーに入れておくと便利に使えるはずだ。 Head JSが提供する機能は多い。JavaScriptの読み込みを指定することで平行して(しかし順番に)読み込んでくれる。そして読み込んだ後、指定した関数を

  • データベースを使ったWebシステムを作るためのツールキット·Crystal MOONGIFT

    CrystalはPHP製のオープンソース・ソフトウェア。Webシステム開発における絶対的な地位を築いたと言えるPHP。他にも多数のプログラミング言語がWebシステムに対応しているが、手軽さと実績においてPHPに勝るものはないだろう。 データの取得 Webシステムと言えばデータベースを利用したものが多い。そしてその時に使うSQLは開発に用いるプログラミング言語とは大きく構文がかけ離れるため、使い勝手が悪かったり、安直に書いてSQLインジェクションにつながったりする。それを防ぐためにも使ってみたいのがCrystalだ。 Crystalはデータベースを利用したWebシステムを開発するためのツールキットだ。コンセプトは「シンプル」「軽量」そして「容易に学習できる」となっている。実際の書き方として「$posts = $db->select('date, title')->from('posts')-

  • Androidの自動操作を行う·Gscript Android MOONGIFT

    Gscript AndroidAndroid上で実行できるシェルスクリプトを作成、保存するアプリ。 [/s2If] Gscript AndroidAndroid用のオープンソース・ソフトウェア。スマートフォンはPCに比べると小さな筐体であるため、全ての操作を小さなキーやタップ操作で行うのは大変だ。そのため専用アプリの需要が高くなる。簡易的に操作できれば、使い勝手がよくなるだろう。 作成したコード一覧 いつも使っているサービス、操作に専用アプリがあれば良いが、なかった場合はどうしたら良いだろう。専用アプリを自作する手もあるが、工数がかかりすぎる。そこで使ってみたいのがシェルスクリプトによる自動操作、Gscript Androidだ。 Gscript Androidはアプリ内でシェルスクリプトを書き、実行するアプリだ。作成したコードは保存し、後で呼び出すことができる。さらにショートカットを

  • データベースの差分表示·DiffKit MOONGIFT

    DiffKitはデータベース/CSVファイル間の差分を抽出する。 [/s2If] DiffKitJava製のオープンソース・ソフトウェア。適切なデータベース管理を行っていない状態で運用を続けていると、いつの間にか開発環境と実行環境で構造の不一致がおこる。カラムの順番が違う程度ならいいが、なぜあるのか分からないカラムが出てきたりすると厄介だ。 データベースの構造不一致は様々な問題を引き起こす可能性がある。早めの対処が必要だ。そのためにはまず現状分析を行う必要があるだろう。手作業で行う必要はない、DiffKitを使えば容易に知ることができる。 DiffKitは二つのデータベース間における構造不一致を表示するためのツールだ。Diffツールのデータベース版ともいえる。特徴としてJDBCによるデータベース接続をサポートする他、CSVファイルにも対応していることが挙げられる。片方がCSV、片方がデー

  • iPhoneを使ったGPSロガー·iPhone GPS Logger MOONGIFT

    iPhone GPS Loggerはバックグラウンドにも対応した位置情報記録サンプルアプリ。 [/s2If] iPhone GPS LoggerはiPhone用のフリーウェア(ソースコードは公開されている)。iPhoneの魅力は幾つかあるが、その一つが位置情報(GPS)機能だろう。かつそれがアプリから利用できて、バックグラウンドでも使えるとなれば、色々なアプリでの利用が想定できるはずだ。 位置情報計測のやり方を見られる 例えばジョギングやサイクリングを記録するアプリや旅行記を作るアプリ、鬼ごっこをするようなゲームでも良い。では実際にどのように位置情報を記録していけば良いのだろうか。そのやり方はiPhone GPS Loggerを見れば分かりやすい。 iPhone GPS LoggerはiPhoneGPS情報を記録するモックアプリだ。バックグラウンドでの動作にも対応している。あくまでもモッ

  • スマートフォン最適化サイトの本命か·jQuery Mobile MOONGIFT

    jQuery MobileはjQuery公式が開発したスマートフォン向けサイト開発用ライブラリ。 MOONGIFTはこう見る jQuery Mobileは数ヶ月前に開発が発表され、ついに1.0α版が登場した待ちに待たれたライブラリ。既に幾つかこの手のライブラリはあるが、家が打ち出してくる以上、人気は集まるだろう。既に機能も多いので、大抵のスマートフォンサイトならこなせそうだ。 jQTouchは不具合とは言わないまでも、利用に際してはコツを掴む必要があった。jQuery Mobileはぜひそのテツは踏まず、PC向けライブラリ同様の使い勝手を維持してほしいと願ってしまう。 jQuery MobileはJavaScript/jQuery製のオープンソース・ソフトウェア。iOS、特にiPhone/iPad用のWebサイトを作るための専用ライブラリは数多い。最適化され、iPhoneなどで見やすい画

    スマートフォン最適化サイトの本命か·jQuery Mobile MOONGIFT
  • MOONGIFT Androidアプリ開発のお供に「Android UI Utils」

    Android UI UtilsはAndroid用のオープンソース・ソフトウェア。AndroidGoogleという技術先行の企業がメインで開発しているだけに、あまりアプリケーションのデザイン部分に手が回っていない印象を受ける。開発者はよくとも、デザイナーにとっては問題だろう。 Pencil用の素材 とは言えAndroid自体がオープンソースということもあって、周辺のオープンソース・ソフトウェアも増えつつある。もしあなたがAndroidアプリのモックなどを作成するならばAndroid UI Utilsを試してみるといいだろう。 Android UI Utilsは幾つかのソフトウェアがセットになっている。まずFirefoxのプロトタイプ作成ツールであるPencil用のソフトウェアがある。これをインポートすると、Androidに適したUIコンポーネントが利用できるようになる。 HTML5で画像

  • 多数の方式で使えるマルチファイルアップローダー·Plupload MOONGIFT

    PluploadはjQuery/JavaScript製のオープンソース・ソフトウェア。Webブラウザのもっとも面倒な操作はファイルのアップロードだ。一つのファイルボックスで一つしかファイルが指定できない。これはあまりにも不便で、Flashを使った複数ファイル指定できるファイルアップロードライブラリが人気だ。 Flash版。デザインはどれも統一されている。 だが時代はFlashからHTML5をはじめとする他のライブラリにも注目が集まり始めている。Flash以外の解決策があれば、選択肢に幅が出るのでとても便利になるだろう。そんな複数技術に対応したマルチファイルアップロードライブラリがPluploadだ。 Pluploadが対応する技術はFlash、Gears、HTML5、SilverlightそしてBrowserPlusだ。インタフェースは統一されており、ファイルを指定するとアップロード予定に

    多数の方式で使えるマルチファイルアップローダー·Plupload MOONGIFT
  • 恐れ入った…。まさにビジュアルプログラミング·SIKULI MOONGIFT

    SIKULIはWindows/Mac OSX/Linux向けのオープンソース・ソフトウェア。プログラムを自動操作するソフトウェア多い。そうしたソフトウェアは大抵プログラムをパス指定で呼び出し、ウィンドウの名前や入力欄のオブジェクト名で操作を行う。 だがそれではあまりに分かりづらい。ちょっとしたウィンドウの位置で動作が変わったりする。ウィンドウが開くまで数秒待ったりしても、必ずうまくいくとは限らない。だがSIKULIを使えばうまくいきそうな気がする。SIKULIはまさにビジュアルでプログラミングするからだ。 SIKULIはアップルスクリプトのように簡単なアプリケーションの自動操作を行う。clickやswitchApp(アプリケーション呼び出し)、type(キー入力)などの命令が利用できる。ここまでは普通だ。だが普通ではないのはクリックする対象や画面上の探す対象をスクリーンショットで指定できる

    恐れ入った…。まさにビジュアルプログラミング·SIKULI MOONGIFT