yaottiのブックマーク - はてなブックマーク

yaotti id:yaotti

ブックマーク / phpspot.org (11)

サーバ監視に超使える〜topコマンドのまとめ:phpspot開発日誌
サーバ監視に超使える〜topコマンドのまとめサーバを運用しているとよく使うtopコマンドですが、標準のtop以外にも色々便利なものがあるのでまとめてみました。ボトルネックといえば、ネットワーク、ディスクIO、スワップ、CPU、メモリといったものが関連しますが、ツールで視覚化することでより分かりやすい対策がとれますね。 htop こちらも、通常のtopよりもさらに多数の情報を表示してくれるツール。 CPUやメモリの状態が視覚的にグラフで表示されていたり、複数CPUがある場合もそれぞれに利用率を表示してくれてわかりやすいです。 pstreeで表示するようなツリー+topコマンドのような表示も t を押せば切り替えられます。公式サイト上にある128コア積んだマシンのhtop結果が面白い。次のようにすべてグラフで表示されているため、128コアあったとしても瞬時に負荷が把握できますね。 io
yaotti 2010/12/02
htop, iftop

command
リンク
スタイリッシュでカスタマイズ性のあるツールチップjQueryプラグイン「qTip」:phpspot開発日誌
qTip - The jQuery tooltip plugin - Documentation - (Current beta: 1.0.0-beta1) スタイリッシュでカスタマイズ性のあるツールチップjQueryプラグイン「qTip」。またまた便利そうなツールチップが出てきました。 $('p').qtip({ .... }); のように呼び出すだけで、簡単にツールチップが埋め込めます。ツールチップの表示タイミングも、show, hide オプションで指定するだけで簡単に変更可能です。 $('p#test').qtip({ content: 'hi! i am tooltip', show: 'mouseover', hide: 'mouseout' }); 吹き出しの位置も、qtip メソッドのオプションとして指定してあげれば簡単に設定可能。カラーリングも自由自在。何より、
yaotti 2009/11/22
js

jquery
リンク
Google製サイト高速化Firefoxアドオン「Page Speed」を試してみました:phpspot開発日誌
Page Speed Home Google製サイト高速化Firefoxアドオン「Page Speed」というのがリリースされたようで試してみました。同様のFirefoxアドオンである、Yahoo!製のYSlowがあったりますが、後から出ただけあってYSlowにない便利機能なんかもあるみたいなので併用してもいいかも。インストールすると、「Page Speed」、「Page Speed Activity」がタブに追加されました。 Analyze ボタンでページの検証が始まります。検証結果画面。アイコン付きでYSlowより見やすいかも。ここに表示される警告を直していけばページの高速化が簡単にできますね。見出しをクリックすると解説ページに移動できます。ブラウザベースのキャッシュをもうちょっと使うように、ということでメッセージが表示されました。ブラウザキャッシュに対応するには、apa
yaotti 2009/06/11
toread

fx
リンク
FirePHPがますます便利になっている件:phpspot開発日誌
FirePHP - Firebug Extension for AJAX Development FirePHPがますます便利になっている件、ということで、以前に紹介したFirePHPですが、色々と更新されているようなのでご紹介。アイコンも変わってますまず、どういうことが出来るか、という点です。以前紹介した時とやり方が結構改善されているみたい。 <?php FB::log('Log message'); FB::info('Info message'); FB::warn('Warn message'); FB::error('Error message'); ?> と書くと、以下のように表示されます。 firebugのconsole.logみたいに使えます。 PHPのコード内で、１行でかけるのでなかなか便利そうです。次のように、オブジェクト指向で書くこともできるみたい <?php
yaotti 2009/04/15
firefox

php

addons

firebug
リンク
Zend Framework標準コーディング規約:phpspot開発日誌
Zend Framework PEARの標準コーディング規約というのがありますが、Zend Frameworkにも定められています。頭に留めておくため、簡単に列挙してみました。 PHPのみのコードは最後の ?> を含めないようにするタブ文字は使わず4文字の半角スペースでインデント 1行を80文字以内に抑えるようにする。長くても120文字改行コードはLFで統一クラス名は英字で定義するのを推奨。ZendパッケージのクラスはZend_を最初につける。インターフェースは名前の最後に_Interfaceを付与する。例）Zend_Controller_Dispatcher_Interface ファイル名は拡張子をphpにする。incは使わない。クラス定義したファイルは次のように階層的に設置する Zend_DB → Zend/Db.php メソッド名にアンダースコア( _ ) は含めない。
yaotti 2008/04/21
php

zendframework

reference
リンク
凄くクールな名刺を作成するPhotoShopチュートリアル:phpspot開発日誌
Luxa - Photoshop Tutorials, Videos, Brushes, Tips & Tricks There are many different ways to attack a business card design. 凄くクールな名刺を作成するPhotoShopチュートリアル次のようなカッコいいデザインの名刺をPhotoShopで作っていきます。こんな名刺を渡されたら、つい取っておきたくなる、あるいは自慢したくなるかもしれません。名刺をデザインするような際には是非覚えておきたいチュートリアルですね。関連エントリ WindowsVista風のガラス風ボタンを作成するPhotoShopチュートリアルテキストに迫力ある隕石風エフェクトをかけるPhotoShopチュートリアル Photoshopで幻想的なファイナルファンタジー風のロゴ作成チュートリアル
yaotti 2007/12/19
design
リンク
AJAXベースでサクサク動くのフリーの掲示板クリプト「JibberBook 2」:phpspot開発日誌
JibberBook 2 - Free AJAX Guestbook A Free AJAX GuestbookAJAXベースでサクサク動くのフリーの掲示板クリプト「JibberBook 2」。 JibberBook 2 のデモページはこちら書き込むと、画面遷移なしに、そのまま画面に追加されます。書き込んだ内容には、アニメーションスクロールしながらフォーカスが移ります。 JavaScript ライブラリには、mootoolsを使用し、サーバ側ではPHPが動作という構成。掲示板のRead/Writeの部分はPHPで出来ています。デザインや動作がクールなので、一風変わった掲示板スクリプトとして覚えておくとよいでしょう。
yaotti 2007/11/02
This is What I want!!

php

javascript
リンク
クールなロゴをオンラインでお手軽作成「FREE Logo Maker」:phpspot開発日誌
FREE Logo Maker - FREE Logo Creator - FREE Online Logo Design クールなロゴをオンラインでお手軽作成「FREE Logo Maker」。４つのステップで次のようなカッコいいロゴが簡単に作成できます。ソフトはブラウザだけあればよく、Flashを使ったインタフェースでデザインを行えます。手順は、 (1) エンジニアリング、スポーツといったカテゴリを選択 (2) ロゴのベースとなるアイコンを選択 (3) フォントを選んでデザイン実行 (※ ロゴをデザイン中の画面) ↓↓↓↓↓↓ (※実際に作ってみたロゴ) これは簡単で実用的ですね。サイトのロゴを作成するのに役立ちそうです。
yaotti 2007/10/26
design

tool
リンク
2006年を彩った50の超美麗CSSデザインサイト集:phpspot開発日誌
50 Beautiful CSS-Based Web-Designs in 2006 | Smashing Magazine Let’s take a close look at some of the most beautiful designs we’ve seen in 2006.2006年を彩った50の超美麗CSSデザインサイト集。どれも凄まじく凝ったサイト集で、1個1個が1つのクリエイターが精魂込めて作ったのが伺えます。 (Webデザイナーのためのリンク集) こういった美しいサイトを参考にサイトを作ったりすると自分のセンスも磨かれそうですね。単に見るだけでも楽しめます。 2007年も素晴らしいサイトが出てくるんでしょうね。こういったデザインは数年前では見られなかったようなもののように感じます。 WEBデザインの面での進化についても今後が楽しみでしょうがないですね。作成に使っ
yaotti 2007/10/26
design

web

まとめ

資料
リンク
JavaScriptで簡単に独自の右クリックメニューを作成するライブラリ「RightContext」:phpspot開発日誌
MS、パケット情報の解析ツール「Microsoft Network Monitor 3」を無償公開次の記事 ≫：PHPからjQuery（JavaScriptライブラリ）を簡単に使うことができる「PQuery」 RightContext JavaScriptで簡単に独自の右クリックメニューを作成するライブラリ「RightContext」。ページで右クリックを押したときに、次のようにポップアップで独自メニューを出すライブラリが公開されました。右クリックにメニューを組み込んでしまうことで、ツールによっては大変便利な使い勝手を提供できるはずです。以下に実装方法を紹介。 (1) まずScriptファイルを読み込みます。 <script type="text/javascript" src="rightcontext.js"></script> (2) 次に右クリックしたときに独自メニューを表
yaotti 2007/10/25
javascript
リンク
JavaScript のチートシートいろいろ:phpspot開発日誌
JavaScript のチートシートいろいろ。 JavaScript Cheat Sheet Addison-Wesley's JavaScript Reference Card JavaScript Quick Reference JavaScript and Browser Objects Quick Reference JavaScript in 10 Minutes 以前に紹介したものもふくまれていますが、他にもいろいろあるようです。印刷しておくと便利そうですね。
yaotti 2007/10/25
programming

javascript
リンク
1