Note.

はろうぃーん

ピンク髪
はろうぃーん その2

漫画も進めてるんですがやっぱりカラー絵も楽しくてついつい描いてしまいます(笑)
今日の記事に載せた画像は前回実装した方法で反映してるのですが想像以上に楽ですね~。
まあ正直更新の楽さで言えばTumblrなどのブログサービスの方が圧倒的に簡単ではあるんですが、サイト更新だけでなくデータのバックアップやセキュリティ管理なども加味して考えたら今の方がダントツに良いと感じます。自分の性格的な部分も合っている気がします。
今後はこのページももう少し更新頻度が上げられそうです^^…落書きばっかり上げて漫画の更新落ちない程度にw

Hugoさまさま

ここ2,3日いろいろ調べつつhugoテンプレートをいじくり回した結果、ようやくアナログ的に追加していたイラストページをdataファイル化できました~°˖✧◝(⁰▿⁰)◜✧˖°
長かった…ハチャメチャに…そしてもうなにもかんがえられない…。

ということで、ドンっと上に貼りましたのがテンプレートの中身です。
多分一週間後には完全に忘れてると思う。
何がそんなにかかったのかというと、dataファイルの中で画像1ファイルに対して画像情報(タイトルとかファイル名など)をつけて、その画像単体の情報をNoteページに表示、dataファイル全体の情報をイラストページで一覧化、っていう感じでやりたいなあと安易に考えて着手した結果、一覧化はわりと早めに終わったのですが、前者の画像単体の情報を抜き出すのにおっっっっっそろしく時間がかかりまして…。
おそらく動的なコーディングに慣れている人ならhugoテンプレートの記述がわからなくてもすぐできるんでしょうけど、自分はjQueryもJSもほぼ組めない(プラグイン調整程度)人間なのでとにかくわからない…調べてもわからない…むしろ調べ方がわからない…関数とか変数とか引数とか代入とかなんかもうその辺の呼び方もわからない(ポンコツ)
とまあ、こういうダメっぷりのまま着手したんですけど、先人に方々のブログ記事を読みまして、なんとかかんとか無事に思い通りの表示にできたので良かったです^^

とまあがんばったので一応覚書に記事を書いてみたんですが、この記事の画像は今回実装したdataファイルで参照してないんですけどね(かなしみ)
dataファイルはイラストだけでまとめたいので、今回のようにイラストページに反映させたくない画像データ用に以前のショートコード形式も残しておこうと思います。(って書かないと消しそうなので)(ポンコツ)

参考サイト

今回の先人の方々🙏本当にありがたいです…。

ハロウィン
ハロウィン おまけ
秘事

漫画の更新おまたせしてしまってすみません。
ハロウィン前なのでそんな感じのイラスト描いてお茶を濁しています…。
漫画の方は現在絶賛下描き中で、もう少ししたら更新再開できるかと思いますので、もう少々お待ち下さいませ~。

お茶といえば最近飲み物が急速に冷めていくのでようやくタンブラー用のフタ買いました。
窓に貼る断熱シートもあるので、これで今年の冬も乗り切っていきたいです。

もっと簡単に更新できるように設定しようとずっと思ってやっとこできるようになりました^^;
といっても一番簡単にできそうな方法がうまくいかなくって予想よりも時間がかかってしまいましたが…。
あとファイルの削除が反映されていないっぽいのがとても気になる…まあ削除するとなったら従来の方法でも良いんですけどね。

イラストページの方をわりとアナログ的な記述で表示しているので、もっとシステマチックにしたいなあと考えているのですが現状を考えるとちょっと厳しそうで…( ˘ω˘)
今のところなんと見た目上は問題無いので、もろもろ落ち着いた頃になんとかしようと思います。
それよりもSNSへの引用表示の部分でどうにかしないと…。
現状だとカード表示がされない状態なので、イラストサイトならその辺はちゃんとしておきたいですね~。

だいぶ工事箇所が多いサイトでお見苦しかと思いますが、個人サイトの醍醐味だと思っていただければと思います(笑)

静的サイトジェネレーターに変えたは良いんですが、生成の仕方とかもろもろ忘れてしまって再び放置状態で大変申し訳ない…。
せめてブログだけでも手早く更新できるよう改善していたいです。
水面下では色々調べてるんですけどなかなか上手く行かず…( ˘ω˘)ガンバリマス

ひとまずイラストページにNote内の過去データをアップしました。
それに伴い一覧に表示される画像の数も増えたので、2017年以前のは別ページに格納。
分割したんですが数がかなり多いので、表示が遅いかもしれません。

ではまた潜ります~
そろそろ漫画の更新もしたい……です…!

追記
漫画の3話が途中のままになっていたので最終ページまでアップしました。
(表紙とオマケ画像を描き忘れていたのでいつかシレッと上げておきますスミマセン…)
次回の第4話は現在ネーム作成中ですので、今しばらくお待ちくださいませ。

Hugo まとめ

動的サイトの重さに耐えられないのとセキュリティの管理をしていくのが大変なので、静的サイトジェネレーターの『Hugo』を使ってみました。
GO言語の知識がまっっっっっっったく無いのでかなり時間かかってしまいましたが、やはり静的サイトは軽くていいですね。

自分用のメモとして参考サイトを書いておきます。
思うようにコンテンツが表示されない部分などは合間みて改修していきたいと思います~。

(4/30 追記)
やっとアーカイブの部分を降順にできました~!◝(⁰▿⁰)◜めっちゃ嬉しい
何故かずっと .Alphabetical が使えなくて…どうやら $key 指定が駄目っぽかったです。

残タスク

  • footer 情報(Twitter・ランキングボタン等)
  • トップページ注意文言
  • パンくず
  • タグ、カテゴリーの一覧
  • ページャー
  • イラストページのモーダルサムネイル表示
  • ページトップボタン

参考サイト

先人の方々に感謝御礼🙏

  1. Home
  2. Note