ちょっと試しに軽くウェブサイトっぽいのを作って、GitHubに上げてみました。。
ﾋﾟﾐさんはおそらくiPhoneで見ているのではないかと思いますが、実はそれが問題でして、
自分のiPhone7のSafariだとCSSが適用されない(つまり、自分の意図したデザインが反映されない)という致命的な問題が起きてしまっています。。
でも、Google Chromeで開くとちゃんとした画面になるようなので、もしかしたらﾋﾟﾐさんもSafariだとうまいこといかないかもしれません…その時はすみません。。
元からあまり良い感じのページではないので、あまり気にしなくて大丈夫です。。笑
技術力が圧倒的に不足しています。。
ちなみにパソコン版でもうまいこといってません。。笑
結構ブラウザに依存するようで、Internet Explorer及びMicrosoft Edgeでは同様に「まあまあ」の感じ(特にフォントとか余白の感じが上手いこといっていない)になっています。
推奨ブラウザはPCでもスマホでも、Google Chromeです。
クロームさんが一番うまいこといきます。
ともかくこんな感じになりました。iPod touchのSafariでは一応ちゃんと表示できたので、Safariでも希望がないわけではありません。
https://k-tah.github.io/shiny-couscous/top.html
ﾋﾟﾐさんのデバイスで上手い事行っていることを祈ります。
このサイトは訪れて頂ければ分かる通り、このブログ風に作ったのですが、
更新した旨をこちらから言わない限り更新しないので、
いつもチェックして頂かなくて大丈夫です。
技術的な欠陥のせいで、まだ良い感じのブログにできないのです。。
そして、仮にﾋﾟﾐさんのデバイスで上のURLのサイトがうまいこと表示されたとしても、
文字の小ささにびっくりすると思います。
これは、画面幅だけがスマホの画面サイズに対応しつつも、文字サイズがPC版と同じ比率になってしまっているせいです。。
まあ要はスマホ版サイトが良い感じにできていないわけです。
こういうPCとかスマホとかそれぞれの画面幅に合わせたデザインのことをHTMLの世界では「レスポンシブデザイン」というのですが、
自分はまだポンコツすぎてレスポンシブデザインを良い感じに適用できていないということです。。
💻🐣?.o(ひよこだからわからない)
世界中の開発者を本当にすごいなと思います。。
「良い感じ」とか「うまいこといく」とか漠然とした表現を使ってますが、実際良い感じにするのは意外と骨が折れます。
自分のような初心者にとっては、コードを書き換えては画面を更新し、という作業を繰り返していくわけです(もっとも、Chromeの「検証」という機能がとても便利で、自分もそれを使ってシミュレートしているので実際のところその辺りはだいぶ楽です)。
ですが今時のHTMLはとてもよくできているので、正直昔に比べたら遥かに簡単に「良い感じ」のサイトを作れます。自分のようなﾋﾟﾖでさえ簡単にレスポンシブデザインだのなんだのと口走れるようになっています(くちばしθだけに)。
今時のHTMLは本当に楽になっています。面倒なことをしなくてもコンピュータとかサーバとか、機械の方で「良い感じ」にしてくれます。
だから正直、そういう良くできた言語を使って何かを開発しても、それは確かに開発者であるけれども、それを使えるだけでは、ある種のユーザに過ぎないような気もしてしまったりします(自分の現段階のレベルでは決してそんなこと言えないけれども)。まあ確かに、道具が便利であるに越した事はないし、便利な道具を使ってものを作っても、それはその人の作品であることには変わりないのですが。べらぼうに高機能な金づちを使って建てた家だって、別に金づち職人のものではありません。。
まあつまり今の時代になってこの程度で頭を抱える自分は相当なポンコツという訳です。こんなようでは「みんなが簡単に良い感じのサイトを作れるようにしよう」と頑張ってくれている人の苦労が報われませんね。。笑
※拾い画像
思いの外、この記事が長くなってしまってすみません。
