とりあえず今回も楽天ブックスで予約をしておりますが、「楽天ブックス特典」なんて文字もないので、なにもついてこないのかなぁと思ってます。
それとサイトの方なのですが、2016年4月2日～2016年4月4日の日程の内、数分から１日程度、サイト閲覧およびメールの送受信が不安定になると思います。
サーバーの移転らしいです。
ブログとチャットルームは別なので、普通に使えます。
終わったらメールが来るそうなので、ツイッターででも「終わったよ～」とお知らせしますので、よろしくお願いします。
ラベル：日記
2016年03月30日
明日
気付けば明日発売ですね。
とりあえず今回も楽天ブックスで予約をしておりますが、「楽天ブックス特典」なんて文字もないので、なにもついてこないのかなぁと思ってます。
それとサイトの方なのですが、2016年4月2日～2016年4月4日の日程の内、数分から１日程度、サイト閲覧およびメールの送受信が不安定になると思います。
サーバーの移転らしいです。
ブログとチャットルームは別なので、普通に使えます。
終わったらメールが来るそうなので、ツイッターででも「終わったよ～」とお知らせしますので、よろしくお願いします。
とりあえず今回も楽天ブックスで予約をしておりますが、「楽天ブックス特典」なんて文字もないので、なにもついてこないのかなぁと思ってます。
それとサイトの方なのですが、2016年4月2日～2016年4月4日の日程の内、数分から１日程度、サイト閲覧およびメールの送受信が不安定になると思います。
サーバーの移転らしいです。
ブログとチャットルームは別なので、普通に使えます。
終わったらメールが来るそうなので、ツイッターででも「終わったよ～」とお知らせしますので、よろしくお願いします。
2016年03月23日
パ・リーグ ウォーク
また、パ・リーグが新しいことをやり始めたなぁと思った「6球団共同企画パ・リーグ ウォーク」
歩数計アプリらしいんですけどね。
息子がソフトバンク・ホークスのファンだったり、近所に京セラドーム（オリックス・バファローズの本拠地）があったりして、セ・リーグよりパ・リーグの方が身近に感じる現在ですが、大昔のパ・リーグと言えば、テレビ中継もなく観客も閑古鳥みたいな……。
これとか、
これとか、
こういう可哀想なイメージ（ごめんなさい）
それが、いつのまにか満員御礼。
地域密着＋パ・リーグ同士の協力で、今のように人気が上がったんだろうなぁと思うと、すごい努力だなと。
今年は、息子がソフトバンクとオリックスのファンクラブに入ったんで、野球観戦の機会が増えそうです（一昨日も行った）
そして、どんどん野球に詳しくなっていく……。
歩数計アプリらしいんですけどね。
息子がソフトバンク・ホークスのファンだったり、近所に京セラドーム（オリックス・バファローズの本拠地）があったりして、セ・リーグよりパ・リーグの方が身近に感じる現在ですが、大昔のパ・リーグと言えば、テレビ中継もなく観客も閑古鳥みたいな……。
これとか、
これとか、
こういう可哀想なイメージ（ごめんなさい）
それが、いつのまにか満員御礼。
地域密着＋パ・リーグ同士の協力で、今のように人気が上がったんだろうなぁと思うと、すごい努力だなと。
今年は、息子がソフトバンクとオリックスのファンクラブに入ったんで、野球観戦の機会が増えそうです（一昨日も行った）
そして、どんどん野球に詳しくなっていく……。
ラベル：日記
2016年03月22日
長いのですが、拍手のお返事
匿名の方からのご質問で、「スマホ対応のサイトは、どう作るのか」と尋ねられたのですが、もしも文字（小説とか）をメインとするのならば、個人的にはブログやpixivを使われた方が、楽だと思います。
というのは、運営側がＰＣ用、スマホ用、ガラケー用と、勝手に判断して表示してくれるから。
ではなくて、個人サイトをスマホ対応にどうしてもしたい！と思われているのなら色々と複雑なことになりますが、当サイトのやり方は、この幅以上はＰＣ用のcssファイルを、この幅未満はタブレット・スマホ用のcssファイルを読み込むようにと、<head>の中で宣言しております。
こちらのページを右クリックして「ソースを読む」でご確認ください。
で、とりあえずＰＣ用では、このような表示ですが、
大まかに、一番上のロゴ部分のheader、横長の青のメニュー、左メニュー、右側のメイン、一番下のCopyrightのfooter、５つに分かれてます。
これをタブレット用のcssにすると、
横長の青のメニューと左メニューが消え（cssファイルで、「display: none;」と指定しているため）、上部にスマホなどで使われるハンバーガーメニューが現れます。
このハンバーガーメニューは、「SlickNav」というjQueryを使ってますが、設置方法はググっていただいた方がよろしいかと…；
で、タブレット用cssではあるけれど、スマホまで幅を縮めると、
こうなります。
二つ並んでいるのが、一つずつ縦長になっているのは、cssファイルで「float」指定をして回り込ませているからです。
で、写真関係は、
p.resizeimage img {
width: 100%; height: auto;
}
p.resizeimage {
max-width: 600px; /* 最大幅 */
}
のように、cssに書いておいて、<p>で挟んでます。
こちらとこちら、管理人の別サイトで３カラムの構成で、ＰＣ用、タブレット用、スマホ用と全く表示が異なりますが、cssファイルで指定すれば、こういうこともできます（ＰＣでご覧でしたら、幅を狭めていってください）。
ただ、他にも微妙な調整を入れたりしてますので、はっきり言いまして、面倒くさいです。
必用なのは根性かもしれません。
スマホ対応サイトでググると、色々とやり方が出てくると思いますので、そちらにてご検討ください。
拍手、ありがとうございました。
というのは、運営側がＰＣ用、スマホ用、ガラケー用と、勝手に判断して表示してくれるから。
ではなくて、個人サイトをスマホ対応にどうしてもしたい！と思われているのなら色々と複雑なことになりますが、当サイトのやり方は、この幅以上はＰＣ用のcssファイルを、この幅未満はタブレット・スマホ用のcssファイルを読み込むようにと、<head>の中で宣言しております。
こちらのページを右クリックして「ソースを読む」でご確認ください。
で、とりあえずＰＣ用では、このような表示ですが、
大まかに、一番上のロゴ部分のheader、横長の青のメニュー、左メニュー、右側のメイン、一番下のCopyrightのfooter、５つに分かれてます。
これをタブレット用のcssにすると、
横長の青のメニューと左メニューが消え（cssファイルで、「display: none;」と指定しているため）、上部にスマホなどで使われるハンバーガーメニューが現れます。
このハンバーガーメニューは、「SlickNav」というjQueryを使ってますが、設置方法はググっていただいた方がよろしいかと…；
で、タブレット用cssではあるけれど、スマホまで幅を縮めると、
こうなります。
二つ並んでいるのが、一つずつ縦長になっているのは、cssファイルで「float」指定をして回り込ませているからです。
で、写真関係は、
p.resizeimage img {
width: 100%; height: auto;
}
p.resizeimage {
max-width: 600px; /* 最大幅 */
}
のように、cssに書いておいて、<p>で挟んでます。
こちらとこちら、管理人の別サイトで３カラムの構成で、ＰＣ用、タブレット用、スマホ用と全く表示が異なりますが、cssファイルで指定すれば、こういうこともできます（ＰＣでご覧でしたら、幅を狭めていってください）。
ただ、他にも微妙な調整を入れたりしてますので、はっきり言いまして、面倒くさいです。
必用なのは根性かもしれません。
スマホ対応サイトでググると、色々とやり方が出てくると思いますので、そちらにてご検討ください。
拍手、ありがとうございました。
ラベル：日記
