タグ

webとprogrammingに関するleppsのブックマーク (10)

  • memcachedを使った開発のお供に。キー一覧取得ツール·memcached-keys MOONGIFT

    memcached-keysはmemcachedのキー、データサイズ、有効期限を一覧表示するソフトウェア。 memcached-keysはPerl製のオープンソース・ソフトウェア。Webサービスを高速化する上で欠かせないのがキャッシュだろう。そのキャッシュシステムとして有名なのがmemcachedだ。オンメモリに保存するので高速、KVSなのでシンプルに利用できるのが利点だ。 実行結果 memcachedを使っていて気になるのが、ちゃんとキャッシュで来ているのか否か、キャッシュがどれくらいあるのかといった情報ではないだろうか。その問題を解決してくれるソフトウェアがmemcached-keysだ。 memcached-keysはPerl製のシンプルなソフトウェアで、そのまま実行するだけでローカル(デフォルト。変更可能)のmemcachedにあるキャッシュを一覧表示してくれる。キャッシュ名、有効

    memcachedを使った開発のお供に。キー一覧取得ツール·memcached-keys MOONGIFT
  • 次の情報を右へ右へ展開する新しいナビゲーションUI·Kaiten MOONGIFT

    KaitenはjQueryを使って左右に展開するナビゲーションインタフェース。 KaitenはjQuery/JavaScript製のオープンソース・ソフトウェア。Webではリンクを使って情報を辿っていく操作が基だ。そのため以前の情報に戻る操作が増えたり、別なウィンドウやタブで開いたりしてどんどん情報が溢れてしまう。 右に情報が表示されていく スマートな解決策としてAppleが提案しているのが横にスライドしていく操作だ。次の情報はどんどん右に展開しているので戻ったり関連性を見いだすのも難しくない。そんなデータ表示をWebで再現するのがKaitenだ。 Kaitenは新しいWebナビゲーションを提案する。まず最初に表示される情報は左側になる。その中のリンクをクリックすると右側に展開する。さらにクリックしていくとどんどん右に展開する。ヘッダーでは現在表示しているコンテンツがハイライトになり、パ

  • 日本の文章はやはり縦書きが読みやすい·tategumi.js MOONGIFT

    tategumi.jsはJavaScriptを使って文章を縦書き、右から左に読ませる文章に変換するライブラリ。 tategumi.jsはJavaScript製のオープンソース・ソフトウェア。Webの文章は横書きが基だ。日語の場合は左から右に表示される。Webサイトは縦方向にスクロールするように作られているので、横方向が固定されて表示される方が見やすい。 表示例 だがそれは慣れの問題であって、日語は来縦方向、右から左に書かれるものだ。小説などの日語文章を読ませるサイトではtategumi.jsを使ってみるといいだろう。 tategumi.jsはWebサイトに書かれた文章を自動的に縦書きに変換してくれるJavaScriptライブラリだ。サイト全体ではなく、指定された場所だけを変換する。クラスごとに文字の大きさや一行における文字数、行間、字間、段間、禁則処理の指定ができるようになってい

  • node.js普及の足がかりになるか。node.js/MongoDB製のCMS·Calipso MOONGIFT

    Calipsoはnode.jsで作られたCMS(コンテンツマネジメントシステム)。日語ローカライズも行われている。 Calipsoはnode.js製のオープンソース・ソフトウェア。まだまだ格的に使われていはいないものの、知名度が高まってきているのがnode.jsだ。サーバサイドJavaScript命とも言えるのではないだろうか。既に数々のライブラリ、モジュールが開発されている。 メイン画面 だが開発者向けのツールだけではシェアを拡大させるには物足りない。HTML5の実験にもたびたび使われているが、そうではなくもっと一般的なWebアプリケーションが必要なのだ。それがCalipso、node.js製のCMSだ。 Calipsoはnode.jsとMongoDBを使って作られているCMS(コンテンツマネジメントシステム)だ。高速な動作、認証システム、プラグインとモジュールによる機能の追加、

  • 開発用。JSONデータをツリー表示で閲覧する·JsonViewer MOONGIFT

    JsonViewerはJSONデータをツリー表示で閲覧できるAdobe AIRアプリケーション。 JsonViewerはAdobe AIR製のオープンソース・ソフトウェア。Web APIでは幾つかのデファクトになるファイルフォーマットが存在する。それはXML、JSONだ。XMLは独自はもちろん、Atom/RSSといったフォーマットが採用されるケースが多い。 JSONはXMLに比べるとシンプルな記述にできるので採用されることが多く、JSONPのようにWebアプリケーションとの親和性も高いメリットがある。しかしWebブラウザでアクセスするとそのまま表示されてしまって分かりづらい。そこで使えるのがJsonViewerだ。 JsonViewerは入力したJSONをパースし、フォルダツリーにして表示してくれるソフトウェアだ。Adobe AIRでできているのでWindows/Mac OSX/Linux

    開発用。JSONデータをツリー表示で閲覧する·JsonViewer MOONGIFT
  • [ThinkIT] 第1回:Webブラウザを使ったテストツールSeleniumとは (1/3)

    この連載は、WebアプリケーションのテストツールであるSelenium(セレニウム)についてサンプルを用いながら概要と基的な使い方を解説していきます。連載第1回の今回は、Seleniumの概要について紹介します。 Seleniumとは、Webブラウザを使ってWebアプリケーションをテストするツールです。この「Webブラウザを使って」というのが非常に大きなポイントで、人が手でWebブラウザを操作する代わりにSeleniumがWebブラウザを操作してくれるのです。 そして単純に操作するだけでなく、例えばエラーメッセージが正しく表示されているかといった検証も行うことができます。つまり、今まで人手を必要としていたWebブラウザを使った試験が自動化できるものなのです。そのため数百項目もあるテストも、クリック1回で実施できます。 より重要なことは「自動化することによって試験を繰返し実施できる」こと

  • 25 Code Snippets for Web Designers (Part2)

  • » 25 Code Snippets for Web Designers (Part1)

  • 理論編:PHPについて知ろう

    スクリプトを記述するだけの簡単なプログラミングで、Web対応の高速なデータベースアプリケーションを実現する手法としてPHPが急速に注目を集めている。しかもデータベースはオープンソースのPostgreSQLだけでなく、Oracleなどの商用データベースも扱える。ここでは、5月にバージョンアップしたばかりのPHP4によるWeb-DBシステム構築法を紹介しよう。 PHPでWeb-DBシステムを作る インターネット、特にWebを取り巻く環境は目まぐるしく変化し、今では純粋に静的なHTMLだけで構成されているWebサイトは少なくなっています。多くのWebサイトでは、CGIやSSI、CSS、DHTMLなどを用いて動的にHTMLを出力しているのです。そうしたなかで、簡単かつ高速を特徴とするスクリプト言語PHPは、日に日にその地位を確立してきています。 連載ではPHPの開発環境として、PHPと同じくIT

    理論編:PHPについて知ろう
  • 初心者のためのホームページ作り-Web for beginner ホームページ作成支援

    Lecture for beginner ■ HTML基礎講座 HTML4.01の概略 / HTML制作の準備 WEBとHTML / Webの作法 / HTMLの作成 論理構造 / 要素の親子関係 / ヘッダ情報 見出し / 段落 / リンク / フォント ボックスの概念 / 色の作法 / 画像の扱い リストの作成 / テーブルの作成 / 配置 フレーム / フォーム / 動画コンテンツ イメージマップ / スタイルシートの概念 Webページのタブー ■ HTML応用編 HTML4.01 / ヘッダ情報 / CSS応用 テキスト / アンカー / 文字実体参照 色の基礎知識 / FTPファイル転送 枠線表示の応用 / アクセシビリティ Lecture for senior ■ 初めてのXHTML講座 XHTML基礎講座 / XHTML概要 / XHTML XHTML DTD / HTM

  • 1