Glass no Kuzu
  • About
  • Tags
  • Twitter
  • NicoVideo

サイトジェネレータをつくろう

サイトジェネレータをつくろう

Mon Jun 13 2022 00:13:01 GMT+0900

Mon Jun 13 2022 23:45:07 GMT+0900
Programming
  1. なんで…?
  2. つかいかた
  3. 動作サンプル
  4. ダウンロード

つくりました。

なんで…?

プログラミングもモデリングも、なんなら創作系の趣味全般そうだと思うんですけど、なんか…明確に作りたいものが無い状態でよくわからないものを作って練習するのって若干しんどいんですよ…いやデッサンとかの基礎練習が大事なのは分かってるんですけど それでいて「その技術で何が出来るのか」が分かってないとその技術が目的に合致したものなのか分からなくてモチベーションが上がらなかったり
つまり目に見える成果物がほしい。にんげん…どうしてマグカップも作れないうちから人物モデル動かしたくなっちゃうんだろうな…
GUIは未だ分からないしクラスのこともあんまりよくわかってないしフォトレタッチとかゲームは難しそうだけど、もしかして静的サイトジェネレータ的なものならファイルの入出力と事前に書いたhtmlを切って貼っての文字列処理だけでもギリギリ何とか…出来る…?

…というわけで今回は

  • イラスト創作サイト向けに機能を絞って
  • そのぶん操作はできるだけ単純に
  • 私の日曜大工で作れるやつ

を目指して、最低限の機能(トップページのサムネイル・個別ページに複数枚画像・スマホ閲覧対応のレスポンシブデザイン)に絞って作ったのがこちらになります。

限界個人サイト製造機つくったよ日記(音が出ます) ファイル一覧取得して文字列置換して結合して出力するだけならなんとか作れるんでは…と思って作り始めたけどヒーヒー言うことになった pic.twitter.com/QneLIRQ4Jq

— あめたま (@ametama69) June 8, 2022

やってることとしては「ファイル名とかフォルダ名のリストを取得して、htmlテンプレート内のファイル名部分などを書き換えて出力」という具合で、ほぼ文字列操作しかしていません。これもうバッチファイルでも出来そうだな…コードも200行ぐらいだし…

つかいかた

  1. post.exeに画像をドロップ
    サムネに画像のどのへん使うか・タイトルどうする? だけ聞かれるのでキーボードで入力
  2. draft内に増えたさっきの画像が入ってるフォルダのindex.txtにキャプションなど入力
    複数の画像を投稿する時はここで追加
  3. 初回はdraft内のindex.txtも編集
    ここでサイト名が決まります
  4. generate.exeをクリック
  5. publicフォルダの中身をサーバにアップロード
    大きい画像が有るとサーバによってはエラーになるかも…事前に縮小するのをおすすめ

おわり!

キャプションは結構な長文書いても大丈夫なので文章メインでもなんとかなるとおもう
テンプレート編集や検索避けのくわしい設定方法はREADMEに書いてるのでよろしくね

動作サンプル

website sample
» Website Sample http://ametama69.php.xdomain.jp/post_gen/

あまりにも簡素な機能しかないので、しっかり作りたいならやっぱりHexoやHugoがおすすめです。テンプレートも充実しているし…
» Hexo https://hexo.io/
» The world’s fastest framework for building websites | Hugo https://gohugo.io/

ダウンロード

https://ux.getuploader.com/am69/download/5
.NET Framework的なものが多分要る気がする
Windows10 64bit版ならたぶんうごく…うごくんじゃないかな…動かなかったらおしえてほしい…
まあ基本的には破壊的な動作はあんまり無いとおもうんですがバックアップはしっかりね