タグ

moongiftに関するbasiのブックマーク (7)

  • 注目!サーバサイドからjQueryを使ってDOM操作·nodeQuery MOONGIFT

    nodeQueryはnode.js用のサーバサイドjQueryで、サーバサイドでクライアントサイドのDOMを変更できたりします。 node.jsでjQueryライブラリを読み込むと、jQueryが提供するメソッドを使えますが、さらに一歩進めたのがnodeQueryです。サーバサイドからクライアントサイドの描画を変更できたりしてとても面白い実装ができます。 インストールはnpmで行います。 まずサンプルのブログです。普通に表示されているのが分かります。 サーバサイドです。node.jsのスクリプトの中でHTMLタグを出力しているのが分かります。構文にjQueryが使われているのも分かります。 ブログの新規投稿です。 投稿できました。 Twitter検索です。 時間が更新されるデモです。サーバサイドの時間であるのがミソです。 サーバサイドのソースです。 nodeQueryを使うとサーバサイドと

  • CSSを柔軟にデザインできるフレームワーク·CSScaffold MOONGIFT

    CSScaffoldはPHP+CSS製のオープンソース・ソフトウェア。CSSは柔軟に設定ができるため、つぎはぎに設定を付け足していくと管理が煩雑になっていく。はじめこそネストした設定も適切に行うのだが、徐々に乱れていくとやたら長いクラス名ができたり、設定が複数箇所に点在したりすることになる。 元CSSファイル そうなるともう管理しきれるものではない。また最初から作り直したい気分になることだろう。そんな状況を防ぐためにも使ってみたいのがCSScaffoldだ。CSScaffoldはPHPを使ってCSSを生成するソフトウェアで、標準のCSSの書き方に加え、便利な機能を付け加えてくれる。 まずネストだ。CSSの設定をネストして書けばブラウザからのアクセス時には展開して表示する。複数階層でも問題ない。そして定数も便利だ。定数を定義して、数式を用いて内容を変更できる。例えばpaddingの設定を一律

    CSSを柔軟にデザインできるフレームワーク·CSScaffold MOONGIFT
  • Redmineにソースコードレビューをつける·Redmine Code Review プラグイン MOONGIFT

    ソースコードレビューは意味がないなんて言われることもあるが、適切に運用すればとても役立つシステムだ。他人のソースコードを見て勉強したり、人が見ることを意識するので奇麗なコードを書くようにもなる。 RedmineでソースコードレビューRedmineにはリポジトリブラウザがついているが、ソースコードレビュー機能がないのが残念に思っていた。が、プラグインを使えば実現できるのだ。 今回紹介するオープンソース・ソフトウェアはRedmine Code Review プラグイン、Redmineにソースコードレビュー機能をつけるプラグインだ。 Redmine Code Review プラグインはRailsのプラグインのようにvendor/plugins以下に配置する。そしてモジュール画面で有効にすれば利用が出来る。使い方は簡単で、リポジトリを表示した際にあるDiffリンクをクリックすれば良いだけだ。

    Redmineにソースコードレビューをつける·Redmine Code Review プラグイン MOONGIFT
  • Webサイトを手軽に高速化する·Web Optimizer MOONGIFT

    Yahoo!のYSlow、GoogleのPage Speed等でWebシステムのパフォーマンスをチェックすると色々な改善ポイントが見えてくるだろう。だが実際どれから手をつけるべきか、どのように行うべきか判断するのは難しい。 Webブラウザ上からWebシステムを最適化 そこで使えるのが設定の自動化ツールだ。色々なWebシステムに対応したWeb Optimizerを紹介しよう。 今回紹介するオープンソース・ソフトウェアはWeb Optimizer、手軽に使えるWebサイトパフォーマンス向上ツールだ。 Web OptimizerはPHP製のWebシステムで、Webサイトを簡単に最適化してパフォーマンスを向上してくれる。主にPHPのシステムが対象で、WordPress、Joomla、Drupal、Typo3、PHP Nuke、Zend Framework、Symfony、Textpattern、p

    Webサイトを手軽に高速化する·Web Optimizer MOONGIFT
  • ファイルの変化を感知してアクションを実行する·ifchanged MOONGIFT

    Webデザインを行っていたり、システム開発を行っている際にちょっと変更して再読み込みしたり、ファイルを変更したらバージョン管理でコミットしたりと繰り返し同じ作業を行うことがある。 ファイルの変化を感知してアクションを実行する そのような時に都度ボタンを押すのは面倒だ。ファイルの変更を自動で感知して何かのアクションを起こしてくれれば良い。 今回紹介するオープンソース・ソフトウェアはifchanged、ファイルの変化を感知してアクションを実行するソフトウェアだ。 ifchangedはRubyで作られている。が、特にRubyの開発に限らず利用することができる。ファイルは正規表現で指定することも可能で、ディレクトリ以下にあるいずれかのHTMLファイルが変更されたら指定したアクションを実行するといった設定ができる。 監視中 例えば指定したURLを開く、git commitを実行するなどの使い方が考え

    ファイルの変化を感知してアクションを実行する·ifchanged MOONGIFT
  • 他の人に記事を教えたくなる。共有機能をつけたフィードリーダー·ShareFire MOONGIFT

    フィードリーダーは個人の情報消化のためだけにある訳ではない。その中で気になった記事はtwitterで投稿したり、メールで人に伝えたりしている人も多いだろう。だがフィードリーダーのインタフェースはAjaxでURLが変わらなかったりして、意外と人にURLを伝えづらい。都度ブラウザで開くのは面倒だ。 3ペインのオーソドックスなフィードリーダー そんな苦労を味わってきた人ならきっとShareFireの便利さが分かってくれるはずだ。情報共有を進めるのにはぴったりのフィードリーダーだ。 今回紹介するオープンソース・ソフトウェアはShareFire、Adobe AIR製のローカル型フィードリーダーだ。 ShareFireはAdobe AIR製で、Windows/Mac OSX/Linuxで動作する。日語ローカライズもされており、使い勝手は良い。3ペインの画面構成で、左側にフィードの一覧など、右上に記事

    他の人に記事を教えたくなる。共有機能をつけたフィードリーダー·ShareFire MOONGIFT
  • フィード対応型通知ツール·Stitcho MOONGIFT

    RSSリーダーの常駐通知型アプリケーションは、多数のRSSフィードを読むには適していない。しょっちゅう通知がきてしまっては、作業も中断されてしまい効率的ではない。何か特定の目的に使うのが良さそうだ。 通知例 例えば、システムからの通知をフィードにしてしまうのはどうだろう。そして通知があったらすぐに見られるようにしておけば、何らかのアラートにも素早く対応できるようになる。 今回紹介するフリーウェアはStitcho、デスクトップ常駐型の通知ツールだ。 StitchoはWindowsMac OSX向けに提供される通知ツールだ。データフォーマットとしてRSSを利用しているので、RSSリーダーとしても利用できる。Growlに似たポップアップで表示されるのが格好いい。 Webサービスの画面 表示場所は画面四隅のどこでも設定できる。また、ウィンドウのスタイルや音も変更できる。読み込むフィードの設定は同

    フィード対応型通知ツール·Stitcho MOONGIFT
  • 1