画像保管用サブドメインを作りました。

2014年07月24日

WEB

ついでにブログデザインも変更しました。
今まではフリー配布のものを使っていましたが、トップページとデザインを合わせようと考えて自作してみました。How toを参考にしてみると思っていたよりもあっさり終わってしまいました。
肝心のトップページは未着手です…

画像が見つからなかった時用のやつ

画像が見つからなかった時用のやつ

表題の話は以下。

画像保管用ドメインとは言いますが、要するに
「サイトで使っている画像を全て集約して一元管理できるようにしよう」って感じのやつです。

画像保管用ドメインのななふしぎ

結果的に以下のような感じになりました。

  1. img.seyjoh.com/
     画像保管用ドメインのトップページ。いわゆるハズレページです。
  2. img.seyjoh.com/data.sample_yoko.png
     表示サンプルの横長画像(基本形)
  3. img.seyjoh.com/data.sample_yoko.050.png
    img.seyjoh.com/data.sample_yoko.200.png
     ファイル名の末尾に3桁の数字を付加してパーセントとして画像を拡大縮小
  4. img.seyjoh.com/thumbnail.data.sample_yoko.png
     ファイル名の先頭に”thumbnail.”を付加して正方形のサムネイル画像に変換
  5. img.seyjoh.com/thumbnail.data.sample_yoko.050.png
    img.seyjoh.com/thumbnail.data.sample_yoko.200.png
     先頭に”thumbnail.”+末尾に3桁の数字で、ピクセル数としてサムネイル画像を拡大縮小
  6. img.seyjoh.com/data.sample_yoko.png.html
     拡張子の後ろに”.html”を付加して、画像単体を表示するページを表示
  7. img.seyjoh.com/list.data.html
     ファイル名の後ろのドット以降を削り、先頭に”list.”、拡張子をhtmlに変更してグループ内画像を一覧表示

まあ要約すると、

  • 画像をURL指定だけでプチ加工したり、ページ表示できるようになったぜ!
  • 画像の一覧ページが自動的に作れるようになったぜ!

って感じです。

 もともと構想だけはありましたが、先日Gyazoを自前でアップ出来るようになった段階で、Gyazoの一覧ページ作らなきゃ!ってなって「ああそしたら削除ボタンも!ああ他のフォルダも一覧表示したい!一覧表示用のサムネイルとかもいちいち手動で作りたくない!」と欲が出てきて、先週からシコシコと今回の環境を作っていた次第であります。

管理用の一覧ページ。削除ボタンとグループリンクがついてるだけですが

管理用の一覧ページ。削除ボタンとグループリンクがついてるだけですが

 正直なところ、管理的にも凄く楽になったところもあり、作ってよかったなって感じです。
今はまだ一部の画像しかアップしていませんが、将来的にWeb漫画の画像や過去のイラストなんかも順次ここに移していきたいと考えてます。

ぼくのつかったさいきょうのてくにかるあーつ

以前ほむぺを修正した時にも紹介してました、ツール的なアレを書いておきます。
最近な便利なものがいっぱいあるんですね…

>Twitter Bootstrap
ほむぺを簡単にそれっぽく出来るデザインテンプレート的なアレ。
あまり凝ったことはせずに、簡素でダサよくある感じなデザインにしてます。
>Lazy Load Plugin for jQuery
画面内にスクロールするなどで表示部分が見えてから画像を読み込みするようになるワザ。
遅延読み込み自体は昔から負荷対策などでよくあったみたいなんですが、僕は今回始めて使ってみました。すごいね。
画像一覧のページ用に導入しました。
>simplePagination.js
ページ内の一覧をページ分けして画面の再読み込み無しで切り替えるためのワザ。
上の遅延読み込みとあわせて、画像一覧のページ用に導入しました。

おまけ、今見れる画像一覧

これで1記事作りたかったですが、間が持たなさそうなのでここに列挙しておきます。
艦こればっかじゃねーか

艦これ版深夜の真剣お絵描き60分一本勝負ログ
通称「ワンドロ」。ツイッターで毎日開催されてる1時間でお絵かきするやつです。4月あたまから絵のリハビリを兼ねてやってます。ところどころひわいっぽい?画像もあるので注意してね。
艦これの絵ログ
上の企画じゃないところで普通に描いた艦これの絵です。ほとんどワンドロでしか絵を描いてないので少ないです。
艦隊これくしょん週刊レベルソート聖城提督版
昨年の夏に着任してから間もなくして、毎週のレベルソートを記録してたらとんでもない数になって、かるくデータベース化しちゃったやつです。アホだと思う。

ひとまず以上です。
まだホームページのデザインをブログと合わせる作業なんぞが残ってますのでがんばります。

コメントを残す

メールアドレスが公開されることはありません。

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください