日本語チュートリアル

edump
dump everything live
Fast & Easy & Free!
始めよう!edump
1. Edumpはプログラミング初心者の方向けの簡易デバッガです。
edumpは様々なプログラム中の情報や変数の値を貴方のインターネットブラウザにリアルタイムで表示します。あらゆるプログラミング言語でいつでも使え
ます。もう複雑なデバッグ環境の準備やサーバーへのインストールは必要ありません。さぁ!始めてみよう!
2.新しくアカウントを作る
貴方のアカウントを登録しましょう。お使いのメールアドレスを入力してください。
クリック
貴方のメールアドレス
を登録
システムへのログインパス
ワードはメール経由でお知ら
せします。
edump
dump everything live
Fast & Easy & Free!
始めよう!edump
3. edumpへログインしよう
ログインするとこのようなページが表示され
ます。
ここに登録したメールアドレスとパス
ワードを入力してください
4.ログウィンドウを開きましょう。最初は何も表示されていませんが、このウィンドウを閉じずに次のステップへ。
このボタンをクリック
このウィンドウは閉じ
ないで。
edump
dump everything live
Fast & Easy & Free!
5.テストメッセージをログウィンドウに送ってみよう!
始めよう!edump
おめでとうございます。ログウィンドウに入
力したメッセージが表示されました。
1. 何か文字を入力してください。
2”send”ボタンを押してください。
6.次のサンプルで実際のメッセージ送信コードを貴方のプログラムに入れてみましょう。サンプルファイルをダウンロードしてください。
ここに貴方のMessageIDを入力してくだ
さい(コピーペーストをオススメします)
クリックしてサンプルをダウンロード
edump
dump everything live
Fast & Easy & Free!
始めよう!edump
7. PHPが動作する貴方のウェブサーバーに"sample.php"と"lib_dump.php"をアップロードしてください。
Upload!
8.アップロードした”sample.php”にブラウザでアクセスしてください。画面には「Congratulations!」が表示されて、貴方のログ
ウィンドウにメッセージも送信されているはずです。これでチュートリアルは完了です!edumpのコマンドは貴方のプログラミングコー
ドの何処でも使用出来ます。
このメッセージがサンプル実行後確認出
来ます。
このメッセージがログウィンドウで確認出
来ます。
edump
dump everything live
Fast & Easy & Free!
このパネルではメッセージの送信ステータ
スが表示されます。
メッセージが送信された時
間です。
始めよう!edump
貴方の送ったメッセージ
です。
コマンドで固有の色が指定され
るとラベルに着色されます。
直前のコマンドとの処理時間差
を表示しています。
メッセージのメインウィンドウです。
同じく付加されたタグマークの“Calculating-time-tag”間での処理時間差
を表示しています。この機能を使うと指定の処理の間での処理時間を
測定出来ます。
ケース1
まず本システムについて基本的な使い方を提案します。
基本的な使い方としては1システム内にてチェックするスタイルです。
$arr1 = array();
$arr["mon"] = "Good morning";
$arr["tue"]
= "How are you?";
edump
$arr["wed"] = "Good work!";
_edump($arr1);
$arr2 = array();
$arr["mon"] = "Good morning";
time flow.
$arr["tue"]
= "How are you?";
$arr["wed"] = "Good work!";
_edump($arr2);
edumpから送られるメッセージは貴方のブラウザにリア
$arr3 = array();
$arr["mon"] = "Good morning";
$arr["tue"]
ルタイムに通知されます。ですので、いつでも値を確認
し、処理速度も測定する事が簡単に実現できます。
= "How are you?";
$arr["wed"] = "Good work!";
_edump($arr3);
Finished();
ding!
Case 2
複数のシステムにまたがって測定する事も出来ます。サーバ側での状況確認。クライアントブラウザ側での状況確認もも
ちろん可能です。
edump
time flow.
edumpから送られるメッセージは貴方のブラウザにリア
ルタイムに通知されます。ですので、いつでも値を確認
し、処理速度も測定する事が簡単に実現できます。
ding!
Case 3
あらゆるシステムの状況でもedumpはメッセージを受信出来ます。
ding!
edump
これらのメッセージはいつでも送られた時に貴方に通知されます。プロ
グラム言語の種類は問いません。
複雑なデータの表示も問題ありません!
ユニークな開発環境を実現出来ます
edumpは通知をインターネットブラウザに送るため、貴方はいつでもその状況
このイメージはタブレットを使った例です。普段使
を確認出来ます。PC、タブレット、スマートフォン等デバイスは問いません。
用しているタブレット、余ったタブレット等があれば
簡単にこの環境を構築出来ます。貴方のタブレッ
トがデバッグログのウィンドウに早変わりです!
これがオススメの開発環境です
edump
FireFox + Tile Tabs +
edump
Developer
tools
メインウィンドウ
edump
Window
もし貴方のFireFoxにTab tiles pluginをインストールできるのであれば、貴方はこの開発環境を実現出来ます。ブラウザのメイン
ウィンドウ、Developer tools, edump windowを同時に確認出来ます。非常に便利です!
HTMLテンプレートファイルやメールテンプレートファイルの確認も簡単です
いつでもプログラムのマーキングポイントを確認
出来ます。
My name is <? $name ?>.
My address is…
edump react these marking points
もし貴方がHTMLテンプレートやテキストファイルの中にある値を開発中に確認したい時、edump
は簡単にテキストの状況を解析して表示出来ます。例えばSmartyやTwig等のテンプレートエン
ジンを使った時です。マーキングポイントの確認が非常に簡単にできます。!
<? value ?>
<# value #>
{% value %}
<% value %>
<* value *>
<@ value @>
{* value *}
{@ value @}
{ value }
<!-- value -->
Cronの動作状況も簡単に確認できます
edump
ding!
もし貴方がCronの動作状況を確認したい時でも、もちろんedumpが使えます。edumpは常にログメッセージをインターネット
接続経由で送信するので、インターネットブラウザの表示が出来ない時でも問題ありません。ですので、貴方はいつでもCronの
状況を確認出来ます。
いつでもシステム全体の状況を共有出来ます
Program
Program
Notify!
Program
Program
Notify!
Program
edump
ding!
ding!
ding!
ding!
edumpはいつでも指定のIDウィンドウにメッセージを送信します。ですので、貴方とそのチームは同じメッセージを同じタイミングで受信する
事も出来ます。貴方はいつでもどこでもシステムの状況を確認出来ます!