近年はタブレットの機能向上やアプリの充実により、イラスト制作や文章作成もタブレットのみで完結させてしまう方も多いでしょう。実は、サイトの立ち上げ&更新も、iPad一台で完了させることができちゃいます。パソコンを立ち上げるのが面倒でも、iPadだけでサイトが作れたら、更新ハードルも下がってめちゃくちゃ便利です!今回はその方法を紹介いたします。iPad以外の、Androidなどのタブレットでは未検証です。筆者がiPad以外のタブレットを未所持のため、ご了承ください。この記事では、第7世代iPadを使って作業をしています。他のバージョンのiPadだと細部が異なるかもしれませんので、ご了承の上でご活用ください。空いた時間を活用して、サクサクっとサイトを作っちゃいましょう!大筋の手順はPCで作業するときと変わりません大まかな流れは以下の通り。レンタルサーバーを借りるhtmlファイルを編集するサーバーにアップロードして公開・完成PCで作業するのとほぼ変わりませんね。レンタルサーバーは、ブラウザから契約を申し込んでください。趣味で創作・同人サイトを持ちたい人向けに、サーバーの特徴をサービスごとに比較しながら紹介します。無料サーバー(スターサーバーフリー、XREA、FC2ホームページ)、有料サーバー(ロリポップ!、リトルサーバー、Just-Size.Networks、さくらのレンタルサーバ、ColorfulBox)。ポイントは次のステップからです。FTPアップロード機能のついたプログラミング用テキストエディタアプリを使います。プログラミング用テキストエディタを用意しますテキストエディタ機能だけならいろいろありますが、今回はFTP機能のついたものを使います。withアプリーチこの記事で紹介するのはTextasticとLiquidLogicです。どちらもhtml/cssはもちろん、Javascriptやphpなどのファイルを編集できる上、FTP機能が備わっているためサーバーへのファイルアップロードまで完結できる、優れたアプリです。Textasticは有料アプリですが、1,600円の買い切りで、操作感もよく使いやすいです(私も愛用しています)。動作もサクサクで快適です。日本語非対応でメニューが全て英語なのが難点ですが、必要な操作を覚えてしまえば問題はありません。一方のLiquidLogicでもほぼ同じ機能を無料で利用できます。同時に開けるファイル数に上限があり(5つのみ...)、1MBを超えるファイルは扱えません。LiquidLogic有料版にすればこの上限は緩和されるのですが、月額200円、年払いで1,000円のサブスク形式になっています。iPad付属のブラウズに入っているファイルをアップロードすることができないのが地味に不便かも。いえ、趣味の範囲で使う分にはLiquidLogic無料版でも差し支えなさそうなので、まずはLiquidLogicを無料で使ってみて、物足りないなら有料版にアップグレードするなり、Texasticを買ってみるなりすれば良さそう。htmlテンプレートを編集してみましょうさあ、テキストエディタをダウンロードしたら、お気に入りのhtmlテンプレートをダウンロードします。iOS13から、ブラウズでzipファイルをタップするだけでzipを解凍できるようになったので、サクッと解凍していきます。Textasticの場合アプリを開き左上の「File」をタップすると、サイドバーが開きます。Folder...」をタップして、編集したいテンプレートが入っているフォルダを選ぶと、そのフォルダへのショートカットがサイドバーに作成されます。ショートカットができたら、編集したいファイルを開けば編集ができるようになります。Sliderを編集しています複数のファイルを同時に開いて、タブで行き来しながら編集することも可能です。一括置換も利用できるのでサイトタイトルやカラーコードを一気に変えたいときに活用しましょう。Slider!」を「ねこかわ」に置換しますさて、テンプレートの編集に取り組む前に、まずはFTP接続の設定をして、適当なファイルをアップロードしてみましょう。サーバーにファイルをアップロードする際は、サイドバー下部にある矢印アイコンをタップします。すると左右に2分割されたファイル一覧画面が表示されます。左側がローカル(iPadのブラウズ)、右側がWeb上のファイル一覧です。Connection」を選択します。すると、下のような設定画面が出ますので、必要な事項を入力します。ホスト名(サーバー名)やユーザー名は、ブラウザからレンタルサーバーの管理画面にログインして「サーバー情報」のページに飛べば確認できるはずです。設定が完了すると、設定したサーバーが一覧に出てくるので、タップするとサーバーにアクセスできるようになります。アクセス失敗してしまう場合は、(i)ボタンをタップして設定を確認してください。アクセスできたら、ネットワーク側でファイルをアップロードしたい場所に移動します。ローカル側ではアップロードしたいファイルもしくはフォルダを選択し、左下の「Upload」をタップすることでファイルのアップロードが完了します。複数ファイルのアップロードもできますアップロードできたら、ブラウザからアクセスしてみて間違いなくアップロードできたか確認してください。LiquidLogicの場合LiquidLogicでは、iPad付属のブラウズに保存されたものをアップロードすることはできないため、まず最初にiCloud上にLiquidLogic用の作業フォルダを作る必要があります。LiquidLogicを開いたら、新規のテキストファイルをそのまま保存します。左上のアプリのアイコンをタップし、Saveで保存します。LiquidLogicの作業用フォルダを作ります保存先は「iCloud」を選びます。ファイルの名前などはそのままで大丈夫です。これでiCloudの中にLiquidLogic用のフォルダができました!ここに保存したものがFTPアップロードでサーバーに上げることができます。スムーズにアップロードするために、これ以降はこのフォルダの中にテンプレートファイルを移して作業を行います。Driveの中にフォルダが作られましたダウンロードしたテンプレートをLiquidLogicフォルダに移したら、LiquidLogic画面の左上のアプリアイコンをタップし「Open」で編集したいファイルを開きます。LiquidLogicでファイルを開いたところこちらのアプリでも一括置換機能が使えます。左上の虫眼鏡アイコンをタップすると「置換」メニューが出てきます。サイトタイトルの書き換えや、カラーコードの一括置換などにご活用ください。Slider!」を「ねこかわ」に置換しますさて、ファイルの編集を進める前に、FTPアップロードの方法を確認しましょう。FTPツールを使うには、アプリ画面右上にあるメモ帳のようなアイコンをタップします。するとこのように4つアイコンが出てくるので「FTP」をタップします。FTP接続の設定をします左右に2分割された画面が出てきました。左側がローカル側(iPadの中)のファイル一覧、右側がインターネット側のファイル一覧です。右側に接続先が出てくるので、初回はFTP/SFTPアカウント追加をタップして、接続先の設定をします。FTP設定を行いますホスト名(サーバー名)やユーザー名は、ブラウザからレンタルサーバーの管理画面にログインして「サーバー情報」のページに飛べば確認できるはずです。設定が完了すると、設定したサーバーが一覧に出てくるので、タップするとサーバーにアクセスできるようになります。LiquidLogicでファイルをアップロードするところアップロードしたいファイルを選択し、右下の「アップロード」でサーバー側にアップします。完了したらブラウザから自分のサイトにアクセスしてみて、きちんとアップロードできたか確認して下さい。お疲れ様でした!以上の方法で、iPadからでも自分のサイトを作ることができます。お疲れ様でした!どちらのテキストエディタにも、ここでは紹介できなかった機能があったり、自分好みにカスタムができたりしますので、気になる方はご自分で調べてみてください。パソコンがなくても、タブレットだけでサイト制作・更新ができるなんて便利な時代ですね。この記事をきっかけに、今まで腰が重かった方もサイト作りに興味をもっていただければ幸いです!【2022年版】個人の創作・同人サイト制作に役立つ無料htmlテンプレートサイト8選(+2)2022年の個人の創作・同人サイトにも使いやすそうなhtmlテンプレート配布サイトをまとめました。選定基準は以下の通り。(1)利用無料(2)利用規約・デザインが、創作・同人サイトに利用しやすい(3)デザイン・仕様が古すぎない(4)レスポンシブ対応(5)今後も継続更新が見込まれるこの記事を書いた人ガタガタこのサイトと、このサイトの掲載記事のほとんどと、このサイトで配布しているプログラムやテンプレートのすべてを作った人。絵を描いたり、文章を書いたりして暮らしています。34役に立ったらクリックお願いします!クリック後、コメントを送信できます。個人が趣味でつくる創作・同人サイトを支援するサイト。個人サイト制作に役立つ初心者向けの知識から、WEB制作に慣れてきた中級者向けのノウハウまで幅広く発信。個人サイト制作に役立つプログラムやHTMLテンプレート、てがろぐ用スキンなどを無料配布。