ウェブ学のすすめ

Study of Web Design & Programing

【Diet Coda】の使い方|iPad用コードエディタアプリ

iPad用コードエディタアプリ【Diet Coda】を購入してみたのでその使い方を解説してみたいと思います。

Diet Coda
カテゴリ: 仕事効率化
サイズ: 18.5 MB
価格:¥1,700

サイト/サーバーの設定

↑「+」ボタンをタップします。

↑サイト/サーバー設定をします。必要事項を入力したら「完了」をタップします。

  • 名前:サイト名
  • URL:サイトのURL
  • リモートルート:ホームディレクトリを指定
  • プロトコル:SFTP・FTPFTP with lmplicit SSLFTP with TLS/SSLから選択
  • アドレス:ホストを入力
  • ユーザ名
  • パスワード

freewebの例

SSHターミナルも設定できます。

↑無事設定が済むとサイトイメージが表示されるので編集したいサイトイメージをタップします。

ファイル/フォルダ管理

↑サーバー内にあるファイル、フォルダーが表示されます。それぞれをタップすると詳細を確認することができます。

↑アクセス権を編集することも可。

↑画像のプレビューもできます。

コーディング

↑「Diet Codaで編集」をタップするとコード編集画面に移ります。通常のキーボードの他に専用ショートカットメニューがあらかじめ用意されています。

↑長押しで拡大します。

↑文字を入力すると入力可能な候補を表示し、選ぶだけで簡単に入力できます。

↑言語モード、改行コードなどを変更できます。

  • 言語モード:HTML/CSS/JavaScript/PHP/Rudy
  • 改行コードLinux(LF)/Mac(CR)/Windows(CRLF)/Line Separator(LSEP)/Paragraph Separator(PSEP)
  • エンコード:UTF 8、Shift JISなど多数

↑ファイル内の検索や置換も可。

↑左上の紫のボタンをタップすると編集ファイルの一覧を見ることができます。

↑編集したサイトをプレビューで確認できます。

App Store

Diet Coda
カテゴリ: 仕事効率化
サイズ: 18.5 MB
価格:¥1,700

Mac App Store

↓Mac用のアプリもあります。AirPreview機能でCoda2のプレビューをiPadでみることができます。

Coda 2
カテゴリ: 開発ツール
サイズ: 39.4 MB
価格:¥6,500