Feature Flagを用いたサーバーサイドリリースの実装と柔軟な運用について/implementation_and_operation_of_server_side_release_with_feature_flag
todoyuはタスク、時間管理、カレンダーといった機能が備わったWebベースのプロジェクト管理ソフトウェアです。 企業においては複数のプロジェクトが同時に進行するなんてのはざらです。そして一人が複数のプロジェクトにまたがって活動しているケースも多々あります。そこで使ってみたいのが大型なプロジェクト管理、todoyuです。 管理者としてログインしています。 プロジェクト詳細です。 カレンダー(月表示)です。 連絡先です。 帳票管理です。 こちらはメンバーとしてログインしています。Todoやタイムトラッキングが表示されているのが特徴です。 タイムトラッキングはその場で修正できます。 フィードバックの一覧です。 主な機能はプロジェクト管理、タイムトラッキング、カレンダー、レポート、請求書、タスク管理、コンタクト管理となっています。UIが特徴的なので最初に慣れるまでは時間がかかるかも知れません。管
esoTalkは格好いいUIの掲示板ソフトウェアです。 Webコミュニティの基本と言えば掲示板です。2ちゃんねるからphpBBをはじめ、多数の掲示板ソフトウェアが存在しますが今回紹介するのは最近のスタイルを活かしたesoTalkです。 スレッド一覧です。 スレッド詳細です。 新規登録します。 登録すると既読管理ができるようになります。 タグで絞り込んだりできます。 返信用ボックスです。 esoTalkはスタイリッシュな見栄えに加えて、JavaScriptを使った各種アニメーションが特徴となっています。実際使ってみると、その使い勝手の良さが分かるはずです。 esoTalkはPHP製のオープンソース・ソフトウェア(GPL v2)です。 MOONGIFTはこう見る インターネット上のサービスは流行り廃りがありますが、それでも2ちゃんねるは根強く生き残っています。コミュニティサイトは一度形成される
KoGridはハイレベルなWebベーステーブル表示ライブラリです。フィルタ、ソート、ページネーションなどがあります。 業務システムではよくあるWeb上でのデータの一覧表示。得てしてExcelと同等レベルの機能が求められて大変な思いをしますが、そのベースにできそうなハイレベルなグリッド表示を行うのがKoGridです。 ソートができます。範囲外は中でスクロールして表示させられます。 チェックボックスをつけるとハイライト表示します。 カラムに色をつけたり、セルごとに色を設定できます。 数値は桁数を意識したソートができます。 フィルターを表示できます。 サーバサイドのページネーションもあります。 10,000行のデータも軽快に操作できます。 テーブルで選択したデータの詳細を右側に表示するデモです。 KoGridはカラム幅の変更やカラムの移動はできないものの、大抵のニーズには応えられると思われます。
FastPageは静的サイトを対象にしたWebサイト高速化ソフトウェアです。 Googleはページの表示速度を検索順位の要素に盛り込むようになっています。そうでなかったとしてもページが高速に表示されるのは良いことです。そこで既存のサイト構成そのままにサイトを高速化するFastPageを使ってみましょう。 ファイル構成です。 例えば実行したイメージです。普通にファイルの内容が返ってきますが、実際にはキャッシュが使われています。 FastPageではファイルサイズの小さい画像をHTML/CSS内にインラインで展開したり、JavaScriptもサイズが小さければHTML内で展開します。さらにファイルもGzipで圧縮して転送量を小さくする、キャッシュ(サーバサイド、クライアントサイド)の利用などの施策がとられています。 なお商用版ではAmazon S3やWindows Azureを使ったCDN配信
JS BinはWebブラウザ上でJavaScriptとHTMLコードを編集しつつ、その結果をプレビューできるエディターです。 JavaScriptは単体で使うというよりもHTMLと組み合わせて使うことのが多いかと思います。そんな時にWebブラウザ上でコードを試しためし実行できるのがJS Binです。 デフォルトの表示です。左側がJavaScript、右側がHTMLとなっています。 レンダー表示です。先ほどのJavaScriptとHTMLを合わせて実行した結果です。 右側にリアルタイムプレビューを追加しました。JavaScriptを修正すると即座にプレビューに反映されます。 HTMLにJavaScriptライブラリを追加できます。 jQueryを追加した場合です。HTMLソースにscriptタグが追加されています。もちろんJavaScript側もjQueryの関数が使えるようになります。 保
jQuery.sheetはjQueryで作られたWebベースの表計算ソフトウェアです。 業務システムなどではWeb上にテーブルを表示するというケースがよくあります。さらに一歩進んで表計算のように集計したり並び替えたりしたいという無茶な要望が出るかも知れません。そんな時に使ってみたいのがjQuery.sheetです。jQuery製の表計算ソフトウェアです。 カラムはもちろん、グラフの表示までできてしまう本格的な表計算ソフトウェアです。 最大化表示。セルの値を参照することもできます。 テキストだけではなくラジオボタン等も使えます。 関数も多彩に用意されています。 編集しているところ。 文字装飾を変更します。メニューから選択できます。 HYPERLINKはその名の通りリンクを埋め込みます。 データにはHTML/XML/JSONが使えます。エクスポートも各フォーマット向けに可能です。 JavaSc
CandyはJavaScriptとJabberを組み合わせたマルチユーザ対応のチャットシステム。 CandyはJavaScript製のオープンソース・ソフトウェア。インターネット上でのコミュニケーションツールは幾つかあるが、その中でもチャットは最も素早く意見が交換できるのではないだろうか。メールと違って面倒な挨拶もなく、必要なメッセージだけ短く交わせる。 チャット中 Skype、MSNメッセンジャーのようなIMやIRCのようなチャット用プロトコルもある。今回紹介するのはJavaScriptを使ったWebベースのグループチャットシステムであるCandyだ。 CandyはWebベースのチャットシステムで、プロトコルはJabberを使っている。JabberのHTTPバインディングを使って通信を行う仕組みだ。チャットはリアルタイムで可能で、400人以上が同時に接続できる性能をもっている。 絵文字対
sventonはJava製WebベースのSubversionリポジトリブラウザ。 sventonはJava製のオープンソース・ソフトウェア。個人の間ではGitやMercurialといったバージョン管理システムがもてはやされているが、企業においてはまだまだSubversionが強い。機能的にも十分であり、社内開発であればあえて乗り換える理由がない場合も多いだろう。 そんなSubversionの管理ではTortoiseSVNが使われているだろうが、非開発者が使うならばWebベースのが良いと思うはずだ。そこで使ってみたいのがsventonになる。 sventonはWebベースのSubversionリポジトリブラウザだ。階層をそのまま表示してフォルダを辿りながらファイルを閲覧していくことができる。またコミットログを閲覧してファイルの差分を確認することも可能だ。差分はDiffとして表示することもサイ
CanvasPaintはWebブラウザ上でWindows標準アプリのペイントを再現するソフトウェア。 CanvasPaintはJavaScript製のオープンソース・ソフトウェア。画像編集を行うWebアプリケーションが増えている。各プログラミング言語向けに画像加工ライブラリがあるので、それをビジュアル的に呼び出す形になっている。 デモ そしてベクター、ドロー系のWebアプリケーションも増えている。こちらはSVGやCanvasといった今流行の技術をいち早く取り入れる技術的挑戦でトライしている人が多い。そしてもう一つの画像系分野、ペイント系として知っておきたいのがCanvasPaintだ。 CanvasPaintのデモアプリ、これはどう見てもWindows標準のペイントだ。左に並んだアイコンは全てが動作している訳ではなく、使えないものも数多い。それ以外の機能も使えないものもあるが、半分以上の機
jStatはJavaScriptで作られた統計解析ライブラリ。Canvasタグにデータをプロットする。 jStatはJavaScript/jQuery製のオープンソース・ソフトウェア。単純に一覧化された数値では分からない情報も、データをビジュアル化すると見えているものがある。トレンドや偏差が見えると、次の手や分析する上でのきっかけが掴めるようになる。 二つのデータを描画 統計のビジュアル化をする解析言語としてはMATLABやRが有名だ。しかしそうした言語を覚えないとデータのビジュアル化ができないのは面倒だ。Webブラウザ上でもっと手軽にグラフを描くソフトウェアとしてjStatを紹介しよう。 jStatでは多様な統計解析を行うライブラリだ。描画にCanvasを使っているのでHTML5をサポートしたモダンなWebブラウザがサポート対象になっている。またjQueryを使っている。線で描画すること
Sammy.jsはJavaScriptによるRESTfulをサポートしたWebフレームワーク。 Sammy.jsはJavaScript製のオープンソース・ソフトウェア。Webアプリケーションを開発する際には、サーバサイドとクライアントサイドの二つを開発する必要がある。クライアントサイドにはJavaScriptやFlash、HTMLなどが使われているだろう。 フォームのハンドリングも可 しかしJavaScriptはどんどん高度化し、機能が増している。JavaScriptだけで解決できることは日々増えているのだ。もはやサーバサイドを必要とせず、Webアプリケーションを構築できてしまう。そのためのフレームワークがSammy.jsだ。 Sammy.jsはごく小さなWebフレームワークで、ルーティングを備えている。クライアントサイド内でRESTfulをルーティングで定義し、アクションを受け取ることが
Mokoi Gamingはマルチプラットフォーム対応のゲーム開発/開発環境。 Mokoi GamingはWindows/Mac OSX/Linux用のオープンソース・ソフトウェア。昨年くらいから急激にゲームへの注目が集まっている。スマートフォンや携帯電話でのゲームが活性化の原因と思われる。しかも込み入ったグラフィックスなどではなくアイディア勝負の所が多く見られるのが特徴だ。 サンプルゲーム これまでPC向けのゲームと言えばWindowsの独壇場だったように思える。だがOSのシェアも変わってきており、マルチプラットフォームへの対応が迫られている。そんな中で使えそうなのがMokoi Gamingになる。 Mokoi Gamingはエディタとプレーヤに分かれて提供されている。今の所、エディタはWindows向けのみだが、プレーヤはMac OSXやLinuxでも動作する。一つのゲームファイルがマル
Arborは複数のオブジェクトを関連性を含めてビジュアル化するライブラリ。 ArborはJavaScript/jQuery製のオープンソース・ソフトウェア。データをビジュアル化する方法は幾つか存在する。例えば棒グラフや折れ線グラフも一つのビジュアル化だ。どの方法を選ぶかはデータの種類と見せ方によって異なるだろう。 こんな表示も 幾つかのオブジェクト同士が関連して存在する場合に使えるのがArborだ。例えばソーシャルネットワークのユーザの関連性を表示したり、友人同士のつながりをビジュアル化するといった時に使えそうなライブラリだ。 Arborは幾つかのハブがあり、そのハブから枝が伸びて別なハブにつながっているようなビジュアル化を行う。表示して終わりという訳ではなく、常にゆらゆらと動いている。さらにハブをドラッグして移動させることもできる。その時には関連するハブも干渉して動く。 さらに複雑な描画
DoxはJSDocに対応したソースファイルからドキュメントを生成するライブラリ。 DoxはJavaScript/node.js製のオープンソース・ソフトウェア。JavaScriptがWebアプリケーション構築の際のメイン言語として使われるようになっている。その結果起こっているのがJavaScriptのコードの大規模化だ。 トップページ 大規模になれば当然、複数人での開発体制になる。そうなれば情報の共有やコーディングスタイルの統一などが必須になる。その一端を担うのがAPIドキュメントだ。ソースコードからドキュメントを生成するソフトウェアがDoxだ。 DoxはJSDocもサポートしたソフトウェアで、コンソールからコマンドを実行するだけでHTMLベースのドキュメントを生成する。ドキュメントにはMarkdownの記法が利用できる。システムとしてはnode.jsを使っており、npmを使ってインストー
Alloy UIは数多くのウィジェットを提供するUIフレームワーク。 [/s2If] Alloy UIはHTML5/JavaScript/CSS3製のオープンソース・ソフトウェア。Webの役割は大きく変わってきている。シンプルなホームページと言われた時代は終わり、Webアプリケーションやソーシャルサービスのようにオンライン上でやり取りされるデータが増している。 入力補完 それに伴ってWebベースでもリッチなUIが求められるようになってきた。日付をカレンダー入力したり、ソートやドラッグアンドドロップなどを実装して欲しいと言われることも多い。そのようなニーズに幅広く答えられるライブラリがAlloy UIだ。 Alloy UIは実に多くのコンポーネントを提供する。入力補完、グラフィカルなボタン、カレンダー、画像が定期的に切り替わるスライダー、カラーピッカー、グラフ、ダイアログ、インラインエディタ
DOM MonsterはDOMやテキストノードをチェックし、Webサイトのパフォーマンス改善を提示するブックマークレット。 [/s2If] DOM MonsterはJavaScript製のオープンソース・ソフトウェア。JavaScriptを活用したWebサイトが増えている。インタラクティブなWebサイト構築にあたって、JavaScriptを使っていくのは良いが、やたらと使うと重たくなってしまう。 実行した所 さらにdivやspanタグを使って細かなCSS設定を行っていると、多数のタグが使われることでレンダリングに影響を及ぼすようになる。そうしたWebサイトの問題点をJavaScriptを使って指摘してくれるのがDOM Monsterだ。 DOM Monsterはブックマークレット型のソフトウェアだ。公式サイトにあるブックマークレットをWebブラウザに登録するだけで利用できる。任意のWebサ
CssUserAgentはJavaScriptを使ってブラウザ/レンダリングエンジンごとのクラス定義を生成する。 [/s2If] CssUserAgentはJavaScript製/Web用のオープンソース・ソフトウェア。CSSは便利だが、ブラウザによって指定が異なってしまうケースに対応しようと思うと途端に煩雑になってしまう。特にここ数年のようにWebブラウザの種類が増えると大変だ。 このようなクラスが定義される レンダリングエンジンで考えても数多く、さらにバージョンによってレンダリング結果が異なるとなると発狂しそうになってしまうほどだ。そんな苦しむWebデザイナーの方々を救うかもしれないのがCssUserAgentだ。 CssUserAgentはua-*というクラス名を自動的に定義するJavaScriptファイルだ。「ua-(ブラウザ名)」「ua-(ブラウザ名)-(メジャー番号)」「ua-
jsOAuthはJavaScript製のOAuthライブラリ。 [/s2If] jsOAuthはJavaScript製のオープンソース・ソフトウェア。今ではWeb APIを公開しているサービスは珍しくない。そして従来は配信系ばかりだったが、今ではWeb APIを通じたデータ登録や更新も可能になっている。そんな時の認証の仕組みに使われているのがOAuthだ。 テスト用コード(ここままでは動かないが…) OAuthはTwitterで最も知られるようになったが、元々はFlickrやGoogle、Facebookなどでも使われている機能ベースの認証技術だ。そしてそれをJavaScriptベースで実現したのがjsOAuthになる。 jsOAuthはJavaScriptによる実装なので、ソースコードが見えてしまう。OAuthではシークレットキーを使うので、それが丸見えというのは考えものだ。だがWebブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く