EVERLASTING SHINE



全面リニューアル!
2018.09.15






こんにちは、おはようございます、こんばんわ、Haruna Himemiyaです(ノ)・ω・(ヾ)
ついに、全面リニューアルしました!

前々からブログもアップローダーも手直ししたいと思っていたのですが、なかなか手が入れられない状態が続いていました。

世の中の進化は早いもので、前回のアップローダーを設置した頃はまだX-HTMLでもまぁなんとかって感じだったのですが、今やX-HTMLも時代遅れな感じが否めなかったので、HTML5で全面的に作り直してみました。

とはいえ、初のHTML5なので全て手探り状態でスタート。
基本は同じとはいえ、随分違う印象ですね。

技術的な話は後半にするとして、




*-*-*-*-*-*今回の変更点*-*-*-*-*-*


・レスポンシブwebデザイン
・スマホ対応
・それに伴う全面刷新
・4K以上の高解像度ディスプレイの対応
・ブログを自分で設置
・HTML5


今回の変更点はこんな感じ

一番やりたかったのは、ブログを自分で設置すること、今までレンタルのブログを利用していましたが、自由度が限られていたり別ページとして設置されるのでURLが別になってしまったりと管理上も、そして何より統一感を出すのが難しかったので、思い切ってフリープログラムを設置してみました。

そしてもうひとつ、レスポンシブデザイン。HTML5といえばこれが可能になった事も大きいとか(確か)
ウィンドウサイズを変えたときに、それに合わせて広がったり、縮まったりするアレですね。
あと最近のは同じサイトでスマホからアクセスすると、それに合わせて大きさが変わったりします。
最初は、横幅の伸び縮だけでいいかなーと思ったんだけど、フレにPS4とネットはスマホという人がいるのを思い出しまして、最近はそういう人も多いんだろうなぁと思い、スマホ対応も手を出してみました。

が、思いの外難航w
まず、同じソースのままだとスマホが小さくなりすぎる。
で、調べたらアクセスしてきた端末の画面サイズ毎に同じファイル内で振り分けできると知り、試すもなかなか思い通りに行かなくて四苦八苦。
途中で諦めようかと思いましたが、なんとか完成。

あとは巷で話題の高DPIディスプレイ対応ですね。TVではもう当たり前になりましたが、PCはではこれから普及すると思われる4Kに対応しました。
4K以上の高解像度ディスプレイでも鮮明な表示を行う事ができます(*‘ω‘ *)

ちなみに、アップローダーのスマホレイアウト対応はプログラムそのものの改造が必要そうなので、諦めましたw
スマホの人ごめんね(・・;
なんとか工夫して出来ないか調整中ですが、もういっそPC版を表示させるようにしようかとw

あ、そうそう、アップローダーは今回アクセス制限にしてあるので、フレのみんなには後でパス教えますね・ω・

前回は無制限にしたら、いろいろ勝手に使われたりしてしまったので・・・
では今回はこの辺で(´・ω・`)ノシ



2018.09.15 00:10 | LINK | サイト作り

| Trackback (0) | Comment (2)


TrackBack URL
TrackBack List
Comment(▲New)
*Haruna / Date: 2018.09.17. 22:49
こはくたん

ありがとー(*‘ω‘ *)
折角作ったから、更新を続けないとだ・・w
*こはく / Date: 2018.09.17. 09:34
チラッ みにきたよ(●´ω`●)
全体的に綺麗になっててよきよき(*´∇`*)
4Kモニタほしいのう
LEAVE A REPLY
*は必須フィールドです。Required fields are marked*
Name*

Website

Comment*(コメントは記事投稿者が公開するまで表示されません)
Your comment is not display up to verification of poster.
Latest article -新着記事-

選択記事を読む / Move to your selected article.