ダッシュボード構築用UIライブラリ·Dashing MOONGIFT
Dashingはダッシュボード用ライブラリで、グラフを表示したり並び替えが自由にできます。 システムには必ず管理インタフェースがあります。表向き華やかでも、裏のシステムは中の人用とあって粗雑なUIであるケースが多いようです。そこで使ってみたいのがDashingです。 なんと奇麗なダッシュボード。 ドラッグアンドドロップによる配置換えも可能です。 自分の見やすいように配置を変更できます。 Dashingは数値やデータのリストを確認するのにぴったりなモダンなUIとなっています。細かなデータ管理ができる訳ではありませんが、ステータスをチェックしたりするのにぴったりです。APIが公開されているので、それにあわせてデータを配信すればDashingが華麗なUIにしてくれるはずです。 DashingはRuby製のオープンソース・ソフトウェアです。 MOONGIFTはこう見る Webサイトの表のUIが整っ
お試しを！クールなUIの掲示板·esoTalk MOONGIFT
esoTalkは格好いいUIの掲示板ソフトウェアです。 Webコミュニティの基本と言えば掲示板です。２ちゃんねるからphpBBをはじめ、多数の掲示板ソフトウェアが存在しますが今回紹介するのは最近のスタイルを活かしたesoTalkです。 スレッド一覧です。 スレッド詳細です。 新規登録します。 登録すると既読管理ができるようになります。 タグで絞り込んだりできます。 返信用ボックスです。 esoTalkはスタイリッシュな見栄えに加えて、JavaScriptを使った各種アニメーションが特徴となっています。実際使ってみると、その使い勝手の良さが分かるはずです。 esoTalkはPHP製のオープンソース・ソフトウェア（GPL v2）です。 MOONGIFTはこう見る インターネット上のサービスは流行り廃りがありますが、それでも２ちゃんねるは根強く生き残っています。コミュニティサイトは一度形成される
高品質なコンポーネントを使って格好いいサイトを作ろう·Chico UI MOONGIFT
Chico UIはWebサイト向けのコンポーネント群、デザインを提供しています。 最近はTwitterのBootstrapを使ってWebサイトを構築しているところが増えてきましたが、何となく似通ったデザインになってしまうのが難点です。人とはちょっと違う、でも簡単に格好いいデザインを実現したいという人にお勧めなのがChico UIです。 オートコンプリートです。 ボタンを押してハイライトします。 カレンダーです。 スライドです。 文字数カウンターです。 タイポグラフィです。 日付ピッカーです。アイコンをクリックでカレンダーが表示されます。 ドロップダウンです。 クリックで下のコンテンツが表示されるデモです。 フォームも多数デザインが揃っています。 レイヤーです。マウスオーバーで吹き出しが出ます。 モーダルウィンドウです。 メニューです。階層に対応しています。 タブです。 ツールチップです。
大型Webアプリケーションを開発する際に使えるJavaScriptフレームワーク·AngularJS MOONGIFT
AngularJSはMVCモデルを徹底したJavaScript製のWebアプリケーションフレームワークです。 Webアプリケーションを開発する際にJavaScriptを素のままで使うのはナンセンスになってきました。JavaScript用Webフレームワークを活用して手早く組み立てていくべきです。そのためのソフトウェアとしてAngularJSを紹介します。 まずごくシンプルなデモから。 クリックでビューが切り替わります。 node.js製のWebサーバも付属しています。 HTMLソースはこんな感じです。 JavaScriptのコードです。ルーティングやテンプレート、コントローラを指定してます。 Hello Worldのサンプルコード。JavaScriptによるハンドリングが見当たりません。 入力チェックを含めたフォームサンプル。こちらもごくシンプルなコードです。 入力チェックはリアルタイムに
業務システムに単なるCSVもリッチに表現·js-tables MOONGIFT
js-tablesはCSV形式のテキストをフィルタリングやソートに対応したテーブル表示にしてくれるjQueryプラグインです。 js-tablesは業務システムで使えそうなjQueryプラグインです。CSVファイルやCSVのテキストを渡してフィルタリングや並び替えに対応したテーブルを表示してくれます。 サンプルです。元データはCSVファイルとなっています。 カラムごとに入っているデータをグルーピングして表示します。そこから選べばデータがフィルタリングされます。 end tagと入っているデータだけ抽出しました。ソートもできます。 フィルタリングはインクリメンタルに行われます。 任意のCSVファイルを指定してテーブル化できます。1行目が自動的にヘッダーになります。 実際の使い方です。単純にテキストを入れるだけでテーブル表示にしてくれます。 CSVを表示する場合にはYahoo! Pipesを使
リアルタイム描画に対応したJavaScriptテンプレートエンジン·Tmpltr MOONGIFT
TmpltrはHTML/JSON/CSSを組み合わせたJavaScriptのテンプレートエンジンです。 Webアプリケーションを作る際にテンプレートエンジンとしてチェックしたいのがTmpltrです。HTMLだけでなく、スタイルシートにも考慮されているのが特徴です。 左上がJSON、中央がHTMLテンプレート、下がCSSになります。それらを組み合わせた結果が右側の表示になります。 フッターです。{{#fotter}}〜{{/footer}}といった区切りを設けています。 スタイルや構造を変更すればリアルタイムに右側のコンテンツが変更されます。 スタイルの内容はheaderタグの中にstyleとして出力されています。 Tmpltrは単純な文字列出力の他、配列やハッシュでの表示にも対応しています。元データの内容が書き変わると同時にレンダリング結果がリアルタイムに修正されるのが特徴です。 Tmpl
JavaScriptに便利なメソッドを盛り込んだライブラリ·mofmof.js MOONGIFT
mofmof.jsはJavaScriptを積極的に拡張したライブラリで、Number/Array/Stringに便利なメソッドを追加しています。 JavaScriptは今やWebだけでなく、様々な環境で使われるようになっています。そこで基礎になりえるライブラリとして紹介したいのがmofmof.jsです。かゆい所に手が届く、便利なメソッドがたくさん追加されています。 コード例です。コピーメソッド。 日付周りの拡張も多いです。 Hashを取り扱うメソッドも多数用意されています。 二つのHashをミックスします。 Hashからキーと値を取り出します。 Hashのキーだけを抽出します。 mapメソッドです。 実行するたびにインクリメントされるユニークな値を返します。1秒間に100万回実行したとしても285年間ユニークであり続けます。 一気に配列を生成します。 文字列を置換しつつ生成します。 検索メ
jQueryで作られた本格的表計算ソフトウェア「jQuery.sheet」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
jQuery.sheetはjQueryで作られたWebベースの表計算ソフトウェアです。 業務システムなどではWeb上にテーブルを表示するというケースがよくあります。さらに一歩進んで表計算のように集計したり並び替えたりしたいという無茶な要望が出るかも知れません。そんな時に使ってみたいのがjQuery.sheetです。jQuery製の表計算ソフトウェアです。 カラムはもちろん、グラフの表示までできてしまう本格的な表計算ソフトウェアです。 最大化表示。セルの値を参照することもできます。 テキストだけではなくラジオボタン等も使えます。 関数も多彩に用意されています。 編集しているところ。 文字装飾を変更します。メニューから選択できます。 HYPERLINKはその名の通りリンクを埋め込みます。 データにはHTML/XML/JSONが使えます。エクスポートも各フォーマット向けに可能です。 JavaSc
Webブラウザ上でデモをする際に。HTML5/JavaScriptコードをその場で実行·CoderDeck MOONGIFT
CoderDeckはWebスライドツールに組み込んで使えるソフトウェアで、表示しているコードをそのまま実行して結果を確認できるJavaScriptライブラリです。 プログラマーの技術系プレゼンテーションにおいてコードのデモを見せて、その実行結果もその場で実演する時があります。そんな時、もし実行言語がHTML5/JavaScriptであれば試してみてもらいたいのがCoderDeckです。 左側に書いてあるのは単純なHTML5のコードです。 Runボタンを押すと書かれている内容がそのままコードとして実行されて右側に表示されます。 種明かしをすると、左側に書かれているテキストエリアの内容がiframeタグの中に展開されて表示するという仕組みです。 テキストエリアの内容を書き換えて再度Runボタンを押すと実行結果も変わります。リンクを一つMOONGIFTに変えたのが分かるでしょうか。 仕組みはとて
多彩なウィジェットで高品質なWebアプリケーションを素早く構築·Kendo UI MOONGIFT
Kendo UIはデスクトップやスマートフォン、タブレットに対応したUIフレームワーク。 Kendo UIはHTML5/CSS3/JavaScript製のオープンソース・ソフトウェア。WebのUIは表現力がとても高く、自由度が高い。それは良いことでもあるし、悪いことでもある。束縛が何もないために自由に発想できる反面、デザインする才能がないと情報が散らばってしまってどうにもならなくなる。 デモアプリ それを解決するにはまずウィジェットの概念を取り入れていくことだ。そうした部品を適切に配置していくことで画面をパズルのように作り上げていく。デスクトップからスマートフォン、タブレットまで広く使えるUIコンポーネントがKendo UIだ。 Kendo UIのKendoは剣道から来ているようだ。Kendo UIはとても対応範囲の広いソフトウェアで、実に数多くのウィジェットに加えて、Webアプリケーショ
新しい時代の幕開けか。クラウド向けWebアプリケーション開発用プログラミング言語·Opa MOONGIFT
Opaはクラウド向けWebアプリケーション開発に特化したプログラミング言語。 Opaはオープンソースのプログラミング言語。世の中には幾つのプログラミング言語があるだろうか。最近だと人気なのはJavaScriptだろう。10年くらい前から言えば、Web向けのプログラミング言語であるPHPがシェアを一気に高めた。 デモのチャット しかし常に人気が高い状態が続く訳ではない。栄枯盛衰、時代は常に変わらなければならない。今回紹介するのはWebアプリケーション開発用プログラミング言語として登場したOpaだ。 OpaはPHPと同じくWeb向けに特化したプログラミング言語だ。主に3つの特徴があり、シンプル、セキュアそしてスケーラブルだ。HTMLタグとOpaの変数とを区別せずに書けてしまう。コールバックを使って書くのでJavaScriptにも似ている。書きやすそうな印象を受ける。 イメージギャラリー セキュ
これがあればWebアプリケーションのデザインがすいすいできる·Bootstrap MOONGIFT
Bootstrapは今風のWebアプリケーションを開発するのに最適なデザインパーツを提供するCSSテンプレート。 BootstrapはCSS製のオープンソース・ソフトウェア。ITエンジニアが苦手にするのがWebデザインだ。作るのは良いが、それを奇麗に配置していくのがとても難しい。Webサービスが流行るか否かに技術が及ぼす影響は良くて半分だろう。残りの半分以上は見た目にかかっている。 グリッド それもあって奇麗な画像を生成したり、何かのサービスを模したデザインに人気が集まったりする。Appleの作るデザインのような、今風なWebサイトを作る際にはBootstrapが便利そうだ。 BootstrapはTwitterの開発チームが作成したWebデザインテンプレートだ。単なるHTMLのみならず、色々な機能がおり混ざっている。複数カラムのグリッド、高さの揃った複数カラムのレイアウト、基本的なHTML
スマートフォン最適化サイトを構築するに使いたい、デバイスエミュレータ·Mobilizer MOONGIFT
MobilizerはBlackberry/iPhone/webOS/Androidのスマートフォンを模した最適化サイトチェックツール。 MobilizerはAdobe AIR製、Windows/Mac OSX用のフリーウェア。現在のスマートフォン市場ではAndroid、iPhone、RIMの三強になりつつある。さらにWindows PhoneやwebOSといったデバイスも参入し、チャンスを狙っている。まだまだ荒れそうな雰囲気はある。 起動した画面 さらにインターネットアクセスはデスクトップよりもモバイルのトラフィックが勝っている。これはスマートフォンへの対応をしない訳にはいかないだろう。そこでスマートフォンでのWebサイトの最適化具合をチェックできるMobilizerを紹介しよう。 Mobilizerを起動するとアドレスバーが表示される。そしてその横にはPhonesというリンクがある。ここ
Webブラウザにファイルをドロップするだけのファイルアップロード/ダウンロードシステム·tensoid MOONGIFT
tensoidはHTML5を使ったファイルアップロード/ダウンロードシステム。 tensoidはJavaScript/node.js製のオープンソース・ソフトウェア。ネットワークを介して相手にファイルを送りたいと思った時には幾つかのやり方がある。よほど大きなものでない限り、FTPなどは使われないだろう（セキュリティ的にも）。Webブラウザ経由で送れるのが便利だ。 ここにファイルをドロップ！ ファイル宅急便的なサービスを使うのも良いが、もっと手軽にファイルを送りたい時をターゲットにしているのがsendoidというサービスだ。そしてそのsendoidからFlashをなくして実装されたクローンがtensoidになる。 tensoidはHTML5を使って、Webブラウザ上へのファイルのドラッグアンドドロップで動作するソフトウェアだ。任意のファイルをtensoidの指定場所に放り込むと自動的にアップ
Sprite画像を使ってWebコネクション数を減らす。その補助ツールとして使おう·Sprite Cow MOONGIFT
Sprite CowはSprite画像からアイコンを切り出す作業を補助するソフトウェア。 Sprite CowはPython/JavaScript製のフリーウェア（ソースコードは公開されている）。Webサーバを高速化するための一つの手段がWebサーバへのコネクションを減らすということだ。複数ファイルに分かれているものを一つにまとめればそれだけ接続回数を減らすことができる。 適当に選んでもぴったりフィット 画像とCSSを使ってそれを行うのがSpriteと呼ばれる手法だ。幾つかこの手のソフトウェアがあるが、今回紹介するのはSprite Cow、後々のSprite画像メンテナンスにも使えるソフトウェアだ。 Sprite画像生成のソフトウェアやサービスというのは、一度にまとめて作ってしまうものが多かった。そのため最初のローンチ時には役立っても、その後のメンテナンスでは使い勝手が悪いものが多かった。
jsdo.it
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
