リニューアル

まだDNSの設定がぶっ壊れたままだけど、このブログのデザインをリニューアルしたぜ。

このブログ、最初に作った2007年当時はかなり力入れて作ったんだけど、
それから10年が経過し、技術が進歩して陳腐化してしまっていたからな。

ブログを構成するHTMLなんて変わらないような気もするが、やっぱ10年も経つとテクニックが洗練されてきて随分違う。

10年前と違って今はワイドサイズのディスプレイが大きく普及しているとか、タブレットとかもあるとか、環境面への対応も必要になってるしね。

そこで、2018年現在の僕のスキルでブログをリニューアルしました。

まず大きな変更点としては、GitHubを使って外部のJS、CSSライブラリを読み込めるようにした。



ここにこのブログで使っている「jQuery」「BootStrap」「LiteBox」を置いて、それを読み込むって構成だな。

ブログのHTML部分もBootStrap準拠で作り直している。

このおかげで、画面サイズに応じてブログの見え方が変わっているはずだ。
大きい画面でブログを開いても、小さい画面でブログを開いても、それぞれの画面サイズで最適化された表示になっててくれているはず。

フォントも柔らかくなったはず。
これもBootStrapの効果だ。

あと、LiteBoxも見直しして、写真が歪んで表示されていたりしたのも今後は直るはず。
(過去の記事は直らん)

ついでに、需要は無いだろうがツイッターやFacebookのアイコンも追加して広報促進対策も行った。

これで随分と見易くなったと思う。
古いシステムを新環境にリプレースしたような気分だ。

これからも末永くブログは続けていきたいのう。(´・ω・`)

画像投稿テスト

レモネートテスト

新生計画2

う〜ん。

ブログを作り直すことを考えているが、色々調べてみるとランニングコストが問題だな。

クラウド環境を使って構築することを考えているけど、海外のbotとかからアタックを受けて転送量が激増してコストがかさむ危険性とか、
リスクが大きい。

なかなか難しいな。

新生計画

このブログってもう10年も続いているんだよな。。。

このブログ、学生時代の最後に作ったと記憶しているけど、当時は凄く気合い入れて構築したんだ。

アドレスなんか独自ドメインを取得してるし。


http://blog.uzumax.org/


なんで独自ドメインまで持っているかと言うと、いずれこの「uzumax.org」で何かサイトを作るつもりがあったからだが、
特にネタも無いままブログ用として現在に到る。

しかし、10年も経つと、このブログもどことなく陳腐化してきた感が否めなくも無い。

提供してくれているjugem本体も10年以上前からある影響からか、PCで見る限りは問題無いんだけど、
後続で登場したスマホとかタブレットで見ると、何か見栄えが映えない。

それに、何と言っても、今の僕なら自分でブログを作るスキルがあるし、
実行環境もクラウド環境が使える今なら維持費も抑えられるだろう。

ここは一つ、ブログを自作して引っ越しするか!!

自作してしまえば今後どんな需要にも対応可能になるしな。

SEになって10年、持てる技術の全てを使ってブログを新生するぜ。

クロスブラウザ対応

a0731245.jpgどや!!

カウントダウンと画像クリック時のLightBox機能が復活したはずや!!


このスクリプトを作ったのは何年前だ?
時代の変化で動かなくなってたから、Ajaxライブラリをバージョンアップして手直しした。

IE、FireFox、Crome(Sleipnir)の3つで確認しているけど、
ブラウザのバージョンによっては動かないことがあるかもしれん。

何か変な挙動があったら教えてれると助かるぜ。

テスト

a0731245.jpgこのブログのAjax機能が老朽化してきてしまったので、リニューアル中。

う〜ん。
ブラウザによってはJSが動かない……。





追伸

よっしゃ。直ったはず。

Twitter復旧

サイドバーにツイッターを復旧させたぜ。

前は自分で作ったブログパーツを入れていたんだけど、ツイッター側に仕様変更で死んでたからな……。

今度は余所から持ってきたブログパーツを入れたので安心だろう。

最近はブログに書くほどのネタが無いから、ツイッターは安定出力したいものだ。(´・ω・`)

機能停止

左バナーの、ツイッターからツイートをAjaxで取得する機能が停止してるな。

例のツイッター仕様変更の影響か。

コード修正で直るかな?
それとも廃止……。

非同期化

このブログ、結構気合い入れてJavaScript入ってるんだけど、
全部onloadで一斉実行してたんだ。

それで何か重い感じになっていたので、非同期化した。

これにより、ブログ本体部分が先に表示されて、
非同期で「カウントダウン計算」や「twitter取得」が動き出す。

これで体感速度が速くなったはずだぜ。

インタビュー設置

左バナーのプロフィールの下に「インタビュー」というブログパーツを設置した。

まあ、僕の人生について誰が何をインタビューすんのってもんだが、
とりあえず機能搭載。

何かネタがあったらインタビューしてくれ。