お知らせ

ゆるすぎるwebデザインですが、seoを完全無視していたにも関わらず、アクセスが少しずつ上がっていて、涙がでそうです。
実は今wordpressに移行作業中です。今度はちゃんとseoやろうと思います。できたらここに載せます！またアクセスもらえるように頑張ります〜！

リキッドデザインとレスポンシブデザインの違いとはなんぞや

ふと思ったんだけど、リキッドデザインとレスポンシブデザインって違いがあるの？？

２つとも１つのソースでスマホで見た場合、PCで見た場合を違いをつけるのだけど
リキッドデザインは要素の幅を％で指定したりして、画面サイズによって可変していく。
レスポンシブデザインは画面サイズを指定して、この画面サイズだったらこうして、とか、この要素は消して！とかレイアウト自体を変更することができる。

んん・・

個人的な考えでいくと、リキッドデザインは画面サイズを縮めていくと、全体が縮小されていって、
レスポンシブデザインはある一定のサイズになると指定したcssが当てられてパッと変化する！

どっちがいいの？

どっちにもメリットデメリットがあるから、一概には言えないな・・。
とにかく一番大事なのはPCとスマホで適切なデザインを表示するってことさ。

MySQLとはなんぞや

MySQLについてゆるく解説するよ。

ブログとかでもよく見るやつだ！

MySQLはデータベースを管理するソフトの一種だよ。膨大な数のデータを検索したり、編集したりできる。
しかも高速で非商用であれば無料で使えるすぐれものだ。

管理する必要あるの？

そりゃあるよ。
ただデータを並べたら、最初は数が少ないからいいかもしれないけど、そのうちどれがどれか分からなくなるでしょ？？
MySQLは複数のデータを紐付けてくれたりするから、とても便利だよ。
レンタルサーバーのデータベースでも使用されているんだよ。

そっか。じゃあ気づかないところでMySQLを使っていることになるんだ。

そうだよ。個人でダウンロードして、実際に使うことも可能だよ。

クロスドメインとはなんぞや

今日はクロスドメインについて話をするよ

クロスドメイン・・・なにそれ？

ドメイン、は以前話したドメインのことだよ。覚えてる？

IPアドレスにわかりやすく名前をつけたものだよね。よく見るHPのURLのことでしょ。

そうそう、そのこと。
クロスドメインっていうのは、一つのHPが、複数のドメインにあるデータによって作られていることだよ。

は・・？

例えばHPがごましおくんパーカーバージョンだとする。そしてそのごまパーはパーカーというドメインと、ごましおというドメインからデータを持って来て表示している。これがクロスドメインだよ。

なるほど〜。必ずしも１つのドメインから作られているわけじゃないんだね。

クロスドメインからうまれた「クロスドメイン問題」というのがあるんだけど、それはのちほど話すね。

RSSとはなんぞや

サイトとか見ると、はじっこにRSSっていうのがいるんだけど、これはなに？？

RSSってのはいつも通り・・・の略なんだけど、簡単に言うと、「忙しい人がお気に入りのブログかなんかの更新を自動的に取得するための仕組み」だ！！
更新ボタンをぽちぽち押さなくても、そのコンテンツが更新されたら、ひっぱってきてくれる。

それ使って見たい！

RSSリーダーっていうのを使えばいけるよ！！RSSリーダーが情報を引っ張ってきて、表示するんだ。
私は「feedly」を使ってる。自分のお気に入りのブログとかを登録しておくと、ニュースアプリみたいに更新してくれるからすごく助かるよ。

それいれてみよう！アプリ？？

アプリもiPhone、android版があるから、携帯にもいれてみるといい。

SSLってなんぞや

最近聞くSSL/TLS化がどうのって何？？

一言で言うと安全にウェブサイトを使用するための仕組みだよ。
データを暗号化してネット上でやりとりをしてくれるから、安心して買い物とかができる。
サイト運営者も、SSL化するとユーザーから信用を得られるから、必要なことなんだ。

それがないと、クレジットカードの情報や個人情報が漏洩してしまう可能性が高まってしまうんだ。
暗号化されているサイトはURLが"http://"ではなく"https://"になっていて、鍵マークがついている。

SSL化したい人はどうするの？？

説明してくれるサイトがたくさんあるけど、要するに必要な申請をして、承認してもらうといいんだよ。

cssとはなんぞや

前回途中で終わってたからcssについて説明するよ。このブログは順番がバラバラだね、ごめんなさい。

cssは・・なんちゃらシートって名前を略したもの。
HPが家だとすると、作ったHTMLは風呂場はここ、キッチンはここなんて骨組みの役割を果たす。
CSSはそれらの色や形を整える装飾になる。

文字に色をつけたりするのはcssの役割なんだね。

そうそう。簡単だけど書き方を説明するよ。

頑張って作ったよ。この画像の場合はGOMASHIOという文章に【color:#4a68d8;で色を指定。font-weight:bold;で文字の太さを指定】してみたよ。

実際もこんな風に並べて書くの？？

いや、本来はhtmlとは別のcssファイルを作ってそこにまとめるんだ。
htmlに直接書くこともできるよ。１つ目はcss部分を
<style>書きたいCSS</style>で囲って、タグの外に書く。
もう１つは、<p style="color:000000;">のように、タグの中に直接記述する方法だ。
html内のcssは一箇所にまとめると綺麗。でもやっぱりベストはcss用のファイルを作ることだと思う。

css書いて遊んでみる。

cssで装飾ができるとコーディングの幅も広まってすごく楽しいよ！！