Webサイト制作の効率を上げるPython

コードはApp Engineでしっかり管理して、容量を食う画像やPDF、動画なんかはCloud Storageに分けて置いておく。
そうすればApp Engineの負担はぐっと軽くなるし、動作もスムーズになるんですよね。
ただし、ここで大事なのは既に作り込んだHTMLをいじらないこと。
せっかく積み上げてきたコードを後から書き換えるなんて面倒だし、ファイル名を変えるのもリスクが大きい。
だから、今あるパス構造をそのまま維持したまま配信できるようにしておくのが理想なんです。

例えば、日本語のファイル名が混じっていても問題なく表示されなきゃ意味がない。
<img src="/another-eden/anaimage/goods/100円均一の額縁.jpg" alt=""> とか <img src="/another-eden/anaimage/★５フィーネキャライラストヘッダー.png" alt=""> みたいなコードをそのまま残して、ちゃんとブラウザに出てくるようにする。
それができれば、既存の資産を壊さずに運用できるし、安心してサイトを育てていける。

作り込んだものを尊重しながら効率化するのが一番良いと思う。
余計な修正を避けて、今の形を保ったまま軽量化できるなら、それがベストな選択肢だと思うんです。

Google Cloud Storageへ大容量アセットを逃がす

このディレクトリ群が、App Engineで大容量アセットとなって負担になってたんだよね。当初からこうなると分かっていたけど、イーロン・マスクがTwitterの仕様を頻繁に変更するもんだから、早急にWebサイトを作っていかなければなりませんでした。

C:\ローカルのパス\fein-sites-dev1\www\another-eden\anaimage
C:\ローカルのパス\fein-sites-dev1\www\another-eden\anaimage\goods
C:\ローカルのパス\fein-sites-dev1\www\another-eden\anaimage\heavenburnsred
C:\ローカルのパス\fein-sites-dev1\www\another-eden\anaimage\oldanaden
C:\ローカルのパス\fein-sites-dev1\www\another-eden\anaimage\vcgrasta
C:\ローカルのパス\fein-sites-dev1\www\another-eden\fein_report
C:\ローカルのパス\fein-sites-dev1\www\contents\itimages
C:\ローカルのパス\fein-sites-dev1\www\contents\itimages\app_engine
C:\ローカルのパス\fein-sites-dev1\www\contents\itimages\cat_a
C:\ローカルのパス\fein-sites-dev1\www\contents\itimages\cat_b
C:\ローカルのパス\fein-sites-dev1\www\contents\itimages\feinne
C:\ローカルのパス\fein-sites-dev1\www\contents\itimages\metainput
C:\ローカルのパス\fein-sites-dev1\www\contents\itimages\picture_1hide
C:\ローカルのパス\fein-sites-dev1\www\contents\itimages\picture_allhide\afterhide
C:\ローカルのパス\fein-sites-dev1\www\contents\itimages\pwainfo
C:\ローカルのパス\fein-sites-dev1\www\fleur1
C:\ローカルのパス\fein-sites-dev1\www\flower1
C:\ローカルのパス\fein-sites-dev1\www\flower2
C:\ローカルのパス\fein-sites-dev1\www\flower3
C:\ローカルのパス\fein-sites-dev1\www\image
C:\ローカルのパス\fein-sites-dev1\www\paint
C:\ローカルのパス\fein-sites-dev1\www\sea
C:\ローカルのパス\fein-sites-dev1\www\sea\snscard
C:\ローカルのパス\fein-sites-dev1\www\video
C:\ローカルのパス\fein-sites-dev1\static\flower1
C:\ローカルのパス\fein-sites-dev1\static\nature

こーんなにいっぱい、Cloud Storageへアップしたんだね…

Google Cloud Storageへのアップロード

アップコマンド


gsutil -m cp -r "C:\ローカルのパス\fein-sites-dev1\www\another-eden\anaimage" gs://fein-sites-dev1-bucket/gcs/another-eden/
gsutil -m cp -r "C:\ローカルのパス\fein-sites-dev1\www\another-eden\fein_report" gs://fein-sites-dev1-bucket/gcs/another-eden/
gsutil -m cp -r "C:\ローカルのパス\fein-sites-dev1\www\contents\itimages" gs://fein-sites-dev1-bucket/gcs/contents/
gsutil -m cp -r "C:\ローカルのパス\fein-sites-dev1\www\fleur1" gs://fein-sites-dev1-bucket/gcs/
gsutil -m cp -r "C:\ローカルのパス\fein-sites-dev1\www\flower1" gs://fein-sites-dev1-bucket/gcs/
gsutil -m cp -r "C:\ローカルのパス\fein-sites-dev1\www\flower2" gs://fein-sites-dev1-bucket/gcs/
gsutil -m cp -r "C:\ローカルのパス\fein-sites-dev1\www\flower3" gs://fein-sites-dev1-bucket/gcs/
gsutil -m cp -r "C:\ローカルのパス\fein-sites-dev1\www\image" gs://fein-sites-dev1-bucket/gcs/
gsutil -m cp -r "C:\ローカルのパス\fein-sites-dev1\www\paint" gs://fein-sites-dev1-bucket/gcs/
gsutil -m cp -r "C:\ローカルのパス\fein-sites-dev1\www\sea" gs://fein-sites-dev1-bucket/gcs/
gsutil -m cp -r "C:\ローカルのパス\fein-sites-dev1\www\video" gs://fein-sites-dev1-bucket/gcs/
gsutil -m cp -r "C:\ローカルのパス\fein-sites-dev1\static\flower1" gs://fein-sites-dev1-bucket/gcs/
gsutil -m cp -r "C:\ローカルのパス\fein-sites-dev1\static\nature" gs://fein-sites-dev1-bucket/gcs/

Google Cloud Storageの公開設定

アップ後の公開設定


gsutil iam ch allUsers:objectViewer gs://fein-sites-dev1-bucket

Google Cloud Storageへの差分アップロード

gsutil -m rsync -r "[ローカルのディレクトリ]" "[GCSのプレフィックス]"


gsutil -m rsync -r "C:\ローカルのパス\fein-sites-dev1\www\contents\itimages" gs://fein-sites-dev1-bucket/gcs/contents/
gsutil -m rsync -r "C:\ローカルのパス\_fein\google cloud\fein-sites-dev1\www\video" gs://fein-sites-dev1-bucket/gcs/video

サイトマップ

全ページをリスト化したサイトマップも用意していますが、けっこうなページ数があります。
下記の「カテゴリー分けサイトマップ」のほうが使いやすいでしょう。

アナザーエデン関連ページ・サイトマップ
アナザーエデンの強敵戦やストーリーコンテンツのリスト、お勧めバッジなどを掲載したコーナーです。
期間限定のない普通のRPGですので、初心者でも安心して続けていけるゲームとなっています。
もっとも重要なグラスタについては、場所別に網羅した表があります。

個人サイトのホスティングとコンテンツ作成
個人でウェブサイトを作るなら時間をかけて。
HTML・CSS・JavaScriptの書き方はもちろん、無料かつ広告なしでホームページを作る方法を掲載したコーナーです。
Webデザインやレイアウトについても書いてあります。

魚釣りなどアウトドアのエリア
ゲームとパソコンだけじゃなく、アウトドアも趣味なんです。
このコーナーでは魚釣りの記録とか、魚料理のレシピ、はたまたサイクリングなどなど。
アウトドアに関連するコンテンツが詰め込まれています。