FC2ブログ

[スポンサー広告]スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

[PHP]さくらサーバでjsbin.com

即興でjavascriptツール作ったり、デザインCSSを試行錯誤したりするときに便利なサイト。 http://jsbin.com/
いろいろ使い込んでいくとやっぱり自分専用で管理していきたくなってくるので、
ちょっくら自分のさくらサーバにupしてみた。

 ■ 設置方法

  1. 以下からプロジェクトファイルをDownloadする。
  2. ダウンロードしたファイルを解凍し、サーバに設置する。「/home/hoge/www/jsbin」とか。
  3. ./.htaccess を開いて、以下の "Opionals ~" の1行をコメントアウトする。
    ※さくらサーバがこの設定を許可していないため。

    # Options +FollowSymLinks +ExecCGI

  4. Mysqlで、./build/build.sql を実行してテーブルを作成する。
    ※データベースが無い場合は同時に作成する。https://github.com/remy/jsbin
  5. ./config.php を開いて、データベースの接続設定、設置パスを指定する。

    // database settings
    define('DB_NAME', 'データベース名');
    define('DB_USER', 'ユーザID'); // Your MySQL username
    define('DB_PASSWORD', 'パスワード'); // ...and password
    define('DB_HOST', 'MYSQLのホスト名'); // 99% chance you won't need to change this value

    // change this to suite your offline detection
    define('OFFLINE', is_dir('jsbinファイルを設置したパス'));

  6. ./build/build.php を ./ にコピーする。
  7. http://jshint.com/から jshint.js をダウンロードし、./js/vender/jshint/ に設置する。
  8. ブラウザから所定URLのbuild.phpをたたく。例えば、「http://hoge.sakura.ne.jp/jsbin/build.php」
    ブラウザにphpエラーが1つも表示されず、Compressedメッセージが表示されたらOK
  9. ブラウザからトップURLを開いて動作確認。Previewボタンをクリックしてプレビュー画面に切り替われば成功!

 ■ うまく動作しない場合は・・・

  • config.php に記述してある内容にミスがあるため、①データベースに接続できない②パスの設定ミスでphpファイルが正常に実行できていない。
  • jshint.js が正しく設置されていない。

コメントの投稿

管理者にだけ表示を許可する

プロフィール

jsuz

Author:jsuz
あなたは 人目の覗き人
せっせと自宅で作る開発者ブログ。 メインblogはこちら↓
今日もイイコトあった?

最新記事
最新コメント
最新トラックバック
月別アーカイブ
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。