タグ

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

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

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

    AdminLTE·ここまで多ければ何でもできそう。多機能なBootstrapベースの管理画面テンプレート MOONGIFT
  • サーバサイドの開発不要。Webブラウザを使ったデジタルサイネージ·WINT MOONGIFT

    WINTはJavaScriptを使うデジタルサイネージシステムです。 駅やビル内にある大型スクリーンに映し出される広告、いわゆるデジタルサイネージはシステム化もその配信システムも複雑なものに感じられますがWINTを使うとサーバとブラウザだけで簡単に組み上げることができます。 読み込み中。コンテンツ部とニュース部の二つに分かれているのが特徴です。 HTMLコンテンツを表示している例。 画像を表示している例。 WINTは予め用意してあるJSONファイルを読み込み、指定した時間ごとにコンテンツを切り替えながら表示します。Webブラウザだけあれば動くのに加えて、JavaScriptだけで作られているのでサーバサイドの複雑な仕組みは一切不要で動かせるのが利点です。 WINTはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る Webブラウザ

    サーバサイドの開発不要。Webブラウザを使ったデジタルサイネージ·WINT MOONGIFT
    H_Yamaguchi
    H_Yamaguchi 2013/04/07
    あとで試す
  • Facebook製。プログラマー向けのプロジェクト管理·Phabricator MOONGIFT

    PhabricatorはFacebookが開発しているプロジェクト管理です。ソースコードレビュー、バグトラッキングなど開発者フレンドリーな機能が数多くあります。 企業においてGitHubをソースコードリポジトリ/プロジェクト管理に使っているケースも増えてきていますが、大規模な企業では難しいケースも多いでしょう。そこで紹介したいのがFacebookで開発されているPhabricatorです。 最初にログインを求められます。 ついでユーザ名を入力します。 ダッシュボードです。 チケットの詳細画面です。 ソースコードレビュー。 もちろんコードハイライター付き。 リポジトリビューワー。 コミットログ。 画像付きでディスカッションもできます。 Wiki。 IRCのチャンネルリスト。 PhabricatorではGit/Subversion/Mercurialをサポートしています。また、OSはWindo

    Facebook製。プログラマー向けのプロジェクト管理·Phabricator MOONGIFT
  • Yahoo Pipesのような表現やマインドマップにも·jsPlumb MOONGIFT

    jsPlumbはWeb上でオブジェクト同士のつながりを表現できるJavaScriptライブラリです。 情報は有機的に結びついています。マインドマップやネットワーク図などを描く際には必ずオブジェクト同士が何らかの連結しあっているでしょう。そんな図をWeb上で描くのに使えるライブラリとしてjsPlumbを紹介します。 Yahoo! Pipesに似た連結です。 アニメーションもできます。 マウスでドラッグして接続もできます。 複雑に結びつけました。 一つのオブジェクトから複数のオブジェクトに派生するデモ。 jsPlumbはレンダリング先としてSVG、Canvas、VMLが選択できます。また、ライブラリとしてjQuery/MooTools/YUI3が切り替えられます。オブジェクトはマウスで自由に場所を変更でき、コネクトしているラインは自動で再描画されます。 jsPlumbはJavaScript製、

    H_Yamaguchi
    H_Yamaguchi 2012/09/13
    面白そう
  • SVGを用いたリサイズ対応の地図·jQuery Vector Maps MOONGIFT

    jQuery Vector MapsはSVGで描かれた地図です。JavaScriptとの親和性が高いです。 HTML5から標準に取り入れられた技術の一つにSVGがあります。IllustratorなどもSVGで出力できますが、まだまだ利用範囲は広くありません。そこでSVGを使ったデモとしてjQuery Vector Mapsを紹介します。 デモです。右側の地図がベクターで描かれています。 こちらは世界地図。 ドイツのマップ。 ヨーロッパのマップ。マウスオーバー、クリックで色が変わります。 jQuery Vector MapsはSVGデータをそのまま取り込んで表示している訳ではなく、JavaScriptでレンダリング内容を指定しています。その結果マウスオーバーにも対応しているようですが、マップの作成が大変なのは否めません。とは言えズームやパンしても乱れない奇麗な地図というのは使い勝手が良さそう

    H_Yamaguchi
    H_Yamaguchi 2012/07/15
    後で調べる
  • WebでTitaniumの画面生成コードをさくっと作る·Titanium Form Designer MOONGIFT

    Titanium Form DesignerはWebブラウザ上でTitaniumのUIコードを生成するソフトウェアです。 TitaniumはJavaScriptのコードの中でUIを定義して画面を作成します。プログラマーにとっては分かりやすいかも知れませんが、慣れてくると面倒に感じるかもしれません。そこでTitanium Form Designerを使ってビジュアル的に画面を作成してみましょう。 作成画面です。左側からコンテンツを中央の画面にドロップします。 ドロップするとプロパティウィンドウが表示されます。 画像の場合はURLを入力します。 右側にソースが表示されています。これをコードに貼付ければ画面が作成されます。 Titanium Form Designerではまだ単純に追加したオブジェクトごとに画面を生成するくらいしかできませんが、そこは将来性に期待といったところでしょうか。また基礎

    WebでTitaniumの画面生成コードをさくっと作る·Titanium Form Designer MOONGIFT
  • Webベースで開発できるレベルのプログラミングエディタ·Ace MOONGIFT

    AceはCloud9でも使われているWebベースのプログラミングエディタ。 AceはJavaScript製のオープンソース・ソフトウェア。あまり好まない人も多いようだが、個人的にはそろそろ開発環境もWebアプリケーション化してくれないかと思っている。そのためには幾つか乗り越えるべき問題があるが、最初の問題はエディタ環境だろう。 行番号の計算が適切でいい Webブラウザのテキストエリアレベルでは全く話にならない。プログラマーが開発しやすいエディタになっている必要がある。そんなWebベースの開発環境を目指すIDE、Cloud9で使われているエディタ環境を作っているのがAceになる。 AceはJavaScriptベースの独立したエディタ環境になる。そのため外部のソフトウェアに組み込むことも可能だ。10種類以上の言語に対応したハイライター、縦または横に画面を分割したり、テーマを変更して色合いをがら

  • AndroidとGoogle App Engineを同期する·Synctester MOONGIFT

    SynctesterはAndorid + Python製/Google App Engine用のオープンソース・ソフトウェア。スマートフォン単体ではデータ量はたかが知れている。さらにもしスマートフォンを紛失したり壊してしまった場合に全てのデータがなくなってしまうのは大きなリスクだ。 データをオンラインサーバと同期する それを防ぐためにはオンラインのストレージにデータを同期できるのが良い。そういったサービスを提供しているところもあるが、自分で専用のサーバを立てたいならばSynctesterを使ってみると良いだろう。 SynctesterはAndoridアプリとGoogle App Engineの二つのシステムに分かれている。両方ともGoogleが提供するものというのが象徴的だ。データはタイトルとURLの二つとなっている。データを登録する際にはIDとPWを登録し、その上でデータをオンラインスト

    AndroidとGoogle App Engineを同期する·Synctester MOONGIFT
  • v8エンジンによるJavaScriptのWebサーバ·node.js MOONGIFT

    node.jsはJavaScript製のフリーウェア(一部オープンソースのライブラリが入っている)。クライアントサイドとサーバサイド、両方が同じ言語で書ければどれだけ開発工数が低減されるだろうか。Web系の技術者は常にそこにジレンマを感じることだろう。 デモのチャットアプリ 方法は二つ、JavaScriptでサーバサイドを実装するか、GWTのようにJavaScriptを覆うかだ。node.jsはJavaScriptでサーバサイドを実装する。特徴的なのはそのエンジンとしてGoogle製のv8エンジンを採用していることだろう。さらにnode.js自体がポートをリッスンし、Webサーバとして動作するのが特徴だ。 独自でWebサーバを用意しているからだろうか、動作は軽快だ。チャットアプリケーションがデモとして用意されているが、レスポンスはとても良い。サーバサイドの実装と合わせて同一言語で開発できる

    v8エンジンによるJavaScriptのWebサーバ·node.js MOONGIFT
  • 要注目!HTMLからPDFを生成するPHPライブラリ·mPDF MOONGIFT

    Webシステムを開発する際に問題になりやすいのが帳票やレポートの扱いだ。そのレイアウトを含めて柔軟に変更できる必要があり、それでいて開発工数を低くする必要がある。PDFHTMLとは異なるので、柔軟なレイアウト設計を可能にするライブラリはとても貴重だ。 元HTMLファイル そう、レイアウトがHTMLと異なるのが問題なのだ。それを一緒にできれば、どれだけ幸せになれるだろう。 今回紹介するオープンソース・ソフトウェアはmPDFHTMLからPDFを生成するソフトウェアだ。 mPDFは現状では日語には対応していないが、UTF-8に対応しているのでフォントや設定を行えば問題なく表示できると思われる。実際アラビア語も表示できている。HTMLをテンプレートとしてPDFを生成するのが特徴だ。 PDF化されたファイル 画像や外部リンク、CSSによるレイアウト設計をある程度PDFとして実現してくれる。テー

    要注目!HTMLからPDFを生成するPHPライブラリ·mPDF MOONGIFT
    H_Yamaguchi
    H_Yamaguchi 2009/07/17
    日本語もOKらしい
  • Google Codeライクなソフトウェア開発管理システム·InDefero MOONGIFT

    個人的には最近、GitHubGoogle Codeを使ってソフトウェアを管理することが多くなっている。今までのソフトウェア管理環境はどうも重厚で、はじめるまでのステップが面倒だった。その点、これらのリポジトリサービスは手軽にはじめられるのが良い。 プロジェクトを作成してソフトウェアを開発管理する この雰囲気をローカルやオフィスでも使いたいと思っていた人には朗報だ。ぴったりのソフトウェア開発管理システムがInDeferoだ。 今回紹介するオープンソース・ソフトウェアはInDefero、PHPで作られたソフトウェア管理システムだ。 InDeferoはプロジェクトホーム、ダウンロード、ドキュメント、問題管理、ソース、コードレビューといった機能がベースになっている。もちろん複数人でコミットし、ソフトウェアを管理することも可能だ。 ソースの取得法なども表示される リポジトリはGit、Subvers

    Google Codeライクなソフトウェア開発管理システム·InDefero MOONGIFT
  • 1