7
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

オンラインエディタのススメ

Last updated at Posted at 2019-08-28

phpでのwebアプリ開発を効率的に進めていくために、オンラインエディタを作ったのでその紹介です。

#B-code

B-code.png

B-codeはブラウザを使ってサーバ上のファイルを直接編集するためのツールです。もうFTPは要りません。

##インストール

いきなりインストールです。
B-codeはデータベースを使いません。phpがあれば動きますのでまずはインストールしてみてください。
(php7.0環境で作成しています。)

1 githubからソースコードをダウンロードしてください。
https://github.com/TakaoNishidaBBT/B-code

2 解凍したファイルをFTP(ここだけ必要です)でwebサーバにアップしてください。
3 アップしたディレクトリ直下にinstallというディレクトリがありますのでブラウザで開きます。

アップロードしたディレクトリがhttp://hoge.com/bcode/の場合、http://hoge.com/bcode/install/となります。

B-code_intaller.png

インストール画面が開きますのでまずは、一番下の「ディレクトリパーミッションの確認」の赤くなっている行がない状態にしてください。そのあと、Basic認証、管理者アカウントをそれぞれ設定し、「確認」→「インストール」と進んでください。

インストールが完了したら下の画面が表示されます。
B-code_finished_install2.png

「管理画面へ」をクリックしログイン画面を開きます。
B-code_login.png

設定した情報でログインします。

B-code_project.png

##PROJECT

PROJECT管理画面がログイン後、最初に開きます。
「新規登録」ボタンからPROJECTを作成します。

B-code_project_detail.png

ドメインとDoc Rootは、B-codeがインストールされているところがデフォルトで表示されています。
B-codeは、マルチドメインにも対応していますので、その場合はここを変更してください。

各項目を設定し、「登録」ボタンをクリックするとPROJECTが作成されます。
B-code_project2.png

「OPEN」ボタンをクリックしてエディタを起動します。

##EDITOR

B-code_editor.png

空のPROJECTに既存のファイルをまとめてアップロードするにはzipファイルを使います。
B-code_upload.gif

ファイルの全選択はctl+a、削除はdeleteキーでできます。

あとは、ファイルを選択して編集するだけ。

もうFTPは要りません。

7
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?