Webサイトが公開されたその後も、そのサイトは動いています。
今回は、Webサイトの運用業務の時の手順をご紹介します！
ARCHETYP Staffingでは現在クリエイターを募集しています。
エンジニア、デザイナー、ディレクター以外に、生成AI人材など幅広い職種を募集していますのでぜひチェックしてみてください！
ボタンから募集中の求人一覧ページに移動できます。
サイト運用業務手順
1.公開前のデーターのバックアップ
サーバーへのアップは慎重に行いますが、「ファイルを誤ってアップして上書きしてしまった！」「元のデータに戻したい！」そんなトラブルも起こるかもしれません。
そんな時に助けてくれるのが過去のデーターです。必ずサーバーアップの前にはバックアップをとります。
2.差分のチェック
公開済みのデーターと今回更新する分の差分を確認します。
特にCSSやJavaScriptはclass名が他のページでも使われていることがあり、影響が出る場合があるので念入りに確認します。
①コードの差分を出すときは差分ツール
「テキスト比較ツール difff《ﾃﾞｭﾌﾌ》」（フリーツール）
https://difff.jp/
などを使うと便利です。
＜確認方法＞
それぞれのコードを入れて差異を確認します。
②ファイル全体の差分を確認する場合
「CompareMerge」
mac用の無料マージツールを使っています。
無料版だと200ファイルまでの比較
https://apps.apple.com/jp/app/comparemerge-lite/id1459748650?mt=12
・有料版（¥2,200）
https://apps.apple.com/jp/app/comparemerge/id478570084?mt=12
＜確認方法＞
「左側」と「右側」にパスを入力し「比較」ボタンを押下する
赤色がファイル差異がある箇所で、オレンジがファイル有無の差異です。
ファイルをダブルクリックすると詳細まで確認することもできます。
ここで問題がなければ、サーバーにアップします。
公開後は、今回の更新分のページと、すでに公開されている他のページを公開チェックリストを元に確認して、終了です。
おまけ
ウインドウのタブに一時的に名前をつけることができる拡張機能
https://chrome.google.com/webstore/detail/rename-tab-title/kppndhfiaenbiioipolacicknfmdcdep?hl=ja&gl=JP
例えば、WordPressを使った更新作業の際などでテスト環境と本番環境のダッシュボードの見た目が同じでもタブの名前を変えるとわかりやすくなりました。
いろんなツールを駆使して、正確で確実に運用業務を行なっていきましょう！
まとめ
いかがだったでしょうか?
Webサイトの更新作業では、バックアップの取得と差分チェックが安全な公開作業の要となります。「difff」や「CompareMerge」といった専用ツールを活用することで、効率的に差分を確認でき、予期せぬトラブルを未然に防ぐことができます。これらの手順とツールを日常的に取り入れることで、より安心してサイト更新作業を進められるでしょう。
ARCHETYP Staffingではクリエイターを募集しています！
私たちはお客様の課題を解決するweb制作会社です。現在webサイト制作以外にも、動画編集者や生成AI人材など幅広い職種を募集していますのでぜひチェックしてみてください！
また、アーキタイプではスタッフ１人１人が「AI脳を持ったクリエイター集団」としてこれからもクライアントへのサービス向上を図り、事業会社の生成AI利活用の支援及び、業界全体の生成AIリテラシー向上に貢献していきます。
生成AIの活用方法がわからない、セミナーを開催してほしい、業務を効率化させたいなどご相談ベースからお気軽にお問い合わせください！
ボタンから募集中の求人一覧ページに移動できます。
