AndroidでWeb開発を始める方法｜おすすめコードエディターと便利アプリ徹底解説

Web開発者が常にパソコンの前に座っているとは限りません。通勤中や旅行中など、外出先で過ごす時間も多いものです。しかし、多くのデジタルワーカーが実感しているように、休暇だからといって必ずしも100%仕事から離れられるわけではありません。ビーチでくつろぎながら、つい数行のコードを書いたりブログを更新したりしてしまうこともあるでしょう。

実は、AndroidスマホでのWeb開発は十分に現実的です。本気になれば、ゼロからウェブサイト一式を作り上げることだって可能です。しかもモバイル端末上で構築しているのだから、モバイルフレンドリーな仕上がりになることは保証されたも同然といえます。この記事では、AndroidデバイスでのWeb開発効率を最大限に高めるためのヒントとおすすめアプリを紹介します。

cPanelをAndroidに接続する

ホスティングをcPanelで管理するなら、公式のcPanelアプリを利用しましょう。Google Playストアにはサードパーティ製のcPanel/WHMアプリも多数公開されていますが、セキュリティ面を考慮すると、公式アプリを使い続けるのが安心です。

アプリをダウンロードして起動したら、緑色の「+」アイコンをタップして新しいアカウントを追加します。続いて、以下の情報を入力してcPanelの認証情報を設定してください。

• 名前(Name): cPanelアカウント内で識別するための名前。例:「Account 1」
• アドレス(Address): 接続先サーバーのドメインまたはホスト名。有効なSSL証明書が必要です。
• サービス(Service): アクセスするサービスを選択(cPanel、WHM、ウェブメール)。
• ユーザー名(Username): レンタルサーバー会社で発行されたユーザー名。
• パスワード(Password): 同じくレンタルサーバー会社のパスワード。
• EasyLogin: パスワード、PIN、パターン、指紋認証のいずれかでログインできるオプション。

どのサーバーアドレスを登録すべきかを正確に把握しておくことが重要です。ホスティング業者によっては、割り当てられたサーバーによって接続先アドレスが異なる場合があります。契約時に届いた案内メールを必ず再確認しましょう。

普段パスワードマネージャーを使っていない方でも、少なくともcPanelのログイン情報だけはパスワードマネージャーで管理することを強くおすすめします。Android向けの人気セキュリティ対策ソフトの多くはパスワードマネージャー機能を搭載しているので、AV-Bestなどの比較サイト(Avast vs Bitdefenderなど)を参考に、自分に合った製品を選びましょう。

Web開発に使えるAndroidコードエディター

Notepad++やSublime TextのようなPC向けエディターの高度な機能までは再現できませんが、HTML、JavaScript、CSSなどのWeb言語を扱える優れたコードエディターはAndroidにも揃っています。種類が非常に多いので、ここではWeb開発者の間で特に人気の高いものを厳選して紹介します。

AIDE Web

Android向けWeb開発ツールの中でも老舗的存在のAIDE Webは、HTML・CSS・JavaScriptによるWeb開発に対応した本格的なIDEです。OTGキーボードなしでも快適に使えるコード補完機能やリアルタイムのエラーチェックを備え、コーディングスキルを磨けるインタラクティブなレッスンも用意されています。

AWD(Android Web Developer)

PHP、CSS、JS、HTML、JSONに対応した多機能コードエディターです。シンタックスハイライトやコード補完に加え、正規表現にも対応した検索・置換機能を搭載しています。さらに、SFTP/FTPS/WebDAV経由でのプロジェクト共有・共同編集にも対応しており、Git連携まで備えている点も見逃せません。

WebMaster's HTML Editor Lite

基本機能をしっかり押さえた軽量ソースコードエディターで、HTML、CSS、JS、PHPに対応しています。内蔵ファイルエクスプローラーやFTPサーバー機能も備えています。多機能さよりも速度と安定性を重視した設計で、余計な装飾のない分、動作が非常に軽快なのが魅力です。

Web開発に役立つその他のAndroidアプリ

ここからは、コーディング以外の場面でも役立つ、Web開発者向けの便利アプリを紹介します。サイト統計の確認やデザイン作業の補助など、幅広い用途で活躍します。

Hacker's Keyboard

OTGキーボードを使わない場合、標準のAndroidスクリーンキーボードにはTab・Ctrl・Escといった物理キーボード特有のキーがなく、Shift+2で「@」を入力するような修飾キーの同時押し(マルチタッチ)にも通常対応していません。Hacker's Keyboardは、マルチタッチ対応のフルキーボードを再現してくれるため、コーディング時の入力ストレスを大幅に軽減できます。

RemoDB SQL Client

急遽リモートのデータベースに接続する必要が生じたのに、手元にパソコンがない——そんなときに活躍するのがこのアプリです。完全無料で、MySQL、Microsoft SQL Server、PostgreSQL、SAP Sybase ASEの各データベースサーバーに接続できます。

Adobe Capture

クリエイティブ志向のWeb開発者におすすめなのがAdobe Captureです。「Type」機能では、気になる文字を撮影するだけで類似のフォントを特定してくれます。「Colors」機能はアップロードした画像から調和のとれたカラーパレットを自動生成してくれるため、サイトの配色を決める際に非常に便利です。

WordPress公式アプリ

WordPressサイトの管理には、公式のAndroidアプリが利用できます。投稿の作成・予約投稿、アクセス状況の確認、Jetpackとの連携などが可能です。ただし、アプリ内の管理画面はブラウザ版ほど機能が充実しておらず、プラグインのインストールやサイトCSSのカスタマイズなどは、PCで行うほうが確実です。