モルモットと一緒に暮らして一か月半。噛み癖が治りません。改善の目途が立たず、人間側が噛まれることを受け入れることにしました。
カプ、カプ、カプ
腕とか腹とか、どこでも噛みます。特に指を出すと必ず噛みます。甘噛みでかわいいと見せかけ、ごくまれに血が出るほど噛むこともあるようです。
今、長男が噛まれている、いや、噛ませています。
「噛まれて皮むけるんだよね～」
・・・。
噛まれることを受け入れているようです。
無理にモルモットの噛み癖を直さず、人間側が受け入れるという方法もあるのですね。
電動空気入れで楽をする
手持ちの電動空気入れという商品があるようです。小さくて頼りないのですが・・・まずは浮き輪を本当に膨らませられるか検証します。
電動空気入れを購入
立て続けに自転車の空気入れが壊れ、良い空気入れがないか探していました。
すると、たまたま電動空気入れというものを見つけ、試しに購入。
手に握れる小さいサイズ。本当に空気を入れられるのか？
すでに自転車のタイヤは、お店で空気を入れてしまったので、家にあった膨らむおもちゃや浮き輪で試します。
簡単、ただし、うるさい、早くはない
充電した電動空気入れにスイッチを入れます。
空気が入っていく！しかし、けっこうな音がします。うるさいです。
続いて浮き輪にも試します。
幼児が片手で空気を入れられます。
楽なのは確かです。
空気の入り方は、期待したほど早くはないです。
大きなビニールプールを膨らませるような使い方には向かないと思います。
浮き輪がしっかり膨らみました。
電動空気入れが使いもになるか懸念がありましたが、悪くはないようです。
今度は自転車で試します。
園児の料理「卵焼きの錦糸卵添え」
三男（園児）の作る独創的な料理。「卵焼きの錦糸卵添え」を紹介します。料理本にも載っていない、創造性あふれる料理です。
卵に卵
三男は卵が大好きなので、卵料理を得意としています。
卵焼きの横に、錦糸卵を添えるとは、また斬新な。
コレステロールたっぷり。
自分で食べるのか！？
せっかく作ってくれたので、食べようと思ったら・・・
三男が自分で全部、食べてしまいました。
通常は家族のために料理するのですが、おいしそうなものができると自分で食べてしまいます。
うちの四人兄弟、三男だけが体が丸くなっていきます・・・。
園児の料理「卵豆腐のニンジン囲い」
料理好きな三男（園児）が、今日も独創的な料理を披露してくれます。三男からは「キッチンに立ち入り禁止！」と言われ、料理が運ばれるのを楽しみに待ちます。
タマゴ豆腐ニンジン炒め！？
運ばれてきた料理は、あいかわらず独創的でした。
のりをかけた卵豆腐のまわりに、炒めたニンジンが並んでいます。
ニンジンの切り方が大胆なこと。
おいしいかどうかはさておき、盛り付けに創造性を感じます。
インテリアになるヤモリの城
夜行性のヤモリは日中岩陰に隠れています。普段は見えず、岩を飾っているようなものです。それではさみしいので、少し景観をオシャレにします。水槽用の城のオブジェがちょうど良いです。
ヤモリがうじゃうじゃ
子供たちが捕まえてくるヤモリが日に日に増え、全部で7匹となりました。
水槽に土を入れて飼っていますが、日中は岩陰に隠れて出てきません。
岩をどけるとヤモリたちがうじゃうじゃ。
古城の住処
日中、岩しか見えないのはさみしい・・・。
そこでAmazonで古城のオブジェを購入。本来は水槽の水に沈めて使うものです。
ヤモリが登れるし、隠れられる。
ヤモリの住処には適しているでしょう。
中は空洞で、収容力もあります。
ヤモリの城設置
水槽に古城を設置しました。
苔で囲むと雰囲気が出ます。
昼にもかかわらず、ヤモリが外に出て城を登っていました。
古城のオブジェはインテリアになり、ヤモリの住処や、遊び場にもなるようです。
手裏剣クッキー ３Dプリンターで型作り
子供が手裏剣のクッキーを作りたいというので、３Dプリンターで型を作ることにしました。モデリングデータはご自由にお使いください。
手裏剣の型を３Dプリント
手裏剣の型を作る際、中央の穴をどうするか考えました。
２つに型を分解する方法と、つなげて１つの型にする方法があります。
今回は手裏剣の中央に正確に穴をあけられよう、つなげて１つの型にしました。
３Dプリントします。
クッキーの型として使用してみる
思い通りにできるか、実際にクッキーを焼いて試してみます。
生地の片抜きは良い感じです。
手裏剣に見えます。
焼き上がりました。
成功です。
投げて遊ばないよう、子供に注意しましょう。
クッキーを均等に伸ばす棒を３Dプリント
クッキーの生地を厚さ5㎜で伸ばす際、均等に平らにするにはどうすればよいか？単純に厚さ5mmの棒を2つ３Dプリントして解決しました。
めちゃラククッキーミックス
面白い商品があります。「めちゃラク クッキーミックス」です。
一般的なクッキーミックスは、生地を混ぜるのに、けっこう力がいります。
しかしこの「めちゃラク クッキーミックス」なら、幼児など、手の力が弱い人でも作りやすい。ユニバーサルデザインの商品です。
水を入れて振る・揉む
作り方は簡単。まず水を大さじ１杯入れます。
そして、振ります。
その後、揉みます。
以上で生地はできました。
厚さ５mmに生地を伸ばす
ここで最大の難関が訪れます。
生地を厚さ５mmに伸ばすよう、説明書に書かれています。
力は必要ないですが、テクニックが必要。
まあ、てきとうでいいとは思いますが、今回は品質にこだわりましょう。
簡単かつ上手に生地を伸ばす方法を考えます。
厚さ５mmの棒を２つ３Dプリント
生地を５mmに伸ばすということは、伸ばし棒と台の間に５mmの隙間を常に作ればよいということです。
厚さ５mmの棒を２つ、モデリングしました。
単純すぎる造形なので、一瞬でできます。
フィラメントはPLAを使用。印刷後の収縮が小さく、寸法が安定する素材です。
均等に生地が伸びる
さっそく３Dプリントした５mm棒を使ってみます。
生地の両側に棒を置き、その上から伸ばし棒を転がします。
うまくいきました。
親は（道具を作る以外）手を出さず、子供たちが自力で、厚さ５mmの生地を作ることができました。
焼き上がり
オーブンレンジで焼きます。
子供たちが、見事に均等な厚みのクッキーを作りました。
WordPress 投稿タイプを指定した読込
Custom Post Type UIを使って、WordPressの管理画面から投稿タイプを指定できるようにしました。テンプレート側では投稿取得（get_posts）の際、パラメータでスラッグ指定が必要です。備忘録のため記録します。
種類ごとに投稿を分ける
一つのWordPressで、複数の種類の記事を扱う場合があります。
例えば「お知らせ」「商品紹介」というように、根本的に入力形式が違う場合、投稿画面を分けるという選択肢があります。
方法として、プラグイン「Custom Post Type UI」が便利です。
「Custom Post Type UI」の使い方（かんたんに）
新規投稿タイプを追加します。
ここでは、
投稿タイプスラッグ・・・info
複数形のラベル・・・お知らせ
単数形のラベル・・・お知らせ
と入力します。
単数と複数でラベルを変える概念が日本語にはないので、一緒でOKです。
パラメータに’post_type’ => ‘info’を指定
この「info」と名付けた投稿タイプスラッグの投稿を取得するには、get_postsのパラメータに’post_type’ => ‘info’を指定します。
|
1 2 3 4 5 6 |
$args = array( 'post_type' => 'info', //カスタム投稿スラッグ ); $posts = get_posts($args); //$posts にカスタム投稿スラッグ「info」が格納される |
初歩的な内容ですが、備忘録として記録します。
Webページ ファーストビューの新たな型
Webページのファーストビューの縦幅は550px。このエリアにどんな情報を置くかは、サイトがページ回遊型か、スクロール型かで決まってきます。しかし、最近、もう一つの型があるのでは・・・と感じるようになりました。
ページ回遊型ファーストビュー
Amazonに代表される、情報を複数ページにわたって探していくサイト。
この場合のファーストビューを見ていきます。
購入商品を悩み、複数のページを回遊することが考えられます。
そのため、ファーストビューには重要な情報が揃っています。
商品画像、商品名、レビュー、値段、配送日、カートに入れるボタン。
ストレスなく商品を見比べることのできる、使い勝手に優れたデザインです。
情報を探したい、比べたいという欲求には、ファーストビューに情報を詰め込むタイプのデザインが適切です。
同じECサイトでも楽天は逆で、商品を比べさせずに勢いで買わせてしまうデザインかと思います。
ページスクロール型ファーストビュー
楽天や、LP（商品紹介をする長いページ）のようなスクロールして見るページでは、ファーストビューにアイキャッチ画像、キャッチコピーを入れるのが鉄則です。
しかし最近、スクロール型のファーストビューで、自分が鉄則だと思っていたデザインが崩れる経験をしました。
note型ファーストビュー
noteです。ファーストビューはアイキャッチ画像のみ。
記事をイメージできない抽象的なアイキャッチ画像しか表示されないこともあります。
しかし、スクロールして読んでしまいます。
ちなみに昔はタイトルの文字までファーストビューにはいっていました。
アイキャッチ画像の画角変更で、タイトル文字が550px以内に収まらなくなったようです。
意図的にファーストビューを画像のみにしたわけではなさそうですが、アクセス解析の結果、画像だけでもページの読まれ方に影響はなかったと思われます。
何もないからスクロールする
noteのページに行くと、私は100％スクロールしているような気がします。
多くの場合、Googleの検索結果からnoteへ飛んできます。
そして、読みたい内容がファーストビューにないので、スクロールします。
この判断が1秒を切っていることが重要だと思います。
とにかくnoteは余計なものがないシンプルなデザインなので、即座に情報がないと脳が判断し、指先にスクロールしろと指示が行きます。もう反射です。
もし、キャッチコピーやバナーのような様々な画像が出てきたら、それらの情報が必要かどうかを考えて、離脱するかを判断するでしょう。
慣性の法則が働く
noteのページでスクロールを始めてしまうと、そのまま慣性の法則が働くようです。
もう、戻るボタンとか押さずに、そのまま下へ下へと動きたくなる、物理パワーを感じてしまいます。
スクロール以外の行動をとるのが面倒になるのか？
それとも読みやすいデザインだから、スクロールが止まらないのか？
どちらにしても、ファーストビューに重要な情報を入れるという鉄則が破られ、スクロールを前程とした、あたらしいデザインの形だと思います。
良いコンテンツを持っているならnote型
見比べる必要もない、勢いも必要ない、ただ読んでもらいたい良質なコンテンツを見せるなら、note型のファーストビューを選択しても良いと思います。
ただし、読みやすさやページ表示速度まで気にかける必要があるのでご注意ください。
アイキャッチ画像がなかなか表示されないページであれば、普通に離脱します。
ファーストビューに限らず、noteのデザインは作り込まれています。
もう、情報発信サイトのデザインを頼まれても、「noteを使ってください」と、紹介したくなってしまいます。
ファーストビューのサイズは1000px×550px
PCのファーストビューのサイズは、この10年間変化がありません。今後も大きな変化は見られないと予測しています。
ファーストビューのサイズは1000px×550px
ブラウザでWebサイトにアクセスしたとき、スクロールなしで表示できる領域のことをファーストビューと言います。
PCサイトのファーストビューのサイズは、1000px×550px。
レスポンシブデザインが主流になり、横のレイアウトが可変するため、縦の高さ550pxのみ、注目することが多いです。
ファーストビューのサイズは変わらない
ファーストビューのサイズは10年間変わりません。
ファーストビューは何pxまで？ ブラウザの表示領域サイズ5年間の変化を大公開を見ると、2010年の時点で、ファーストビューのサイズが1000px×550pxとなっています。
私自身、何回か検証用のスクリプトを仕込んだことがありますが、若年層ユーザーが多いサイトでも、高齢者層ユーザーが多いサイトでも、ファーストビューサイズに差はありませんでした。
大きいディスプレイが普及しても、全画面でブラウザを開かない場合は多いようです。
ユーザーの見やすい表示領域というのは、変化しにくいものなのかもしれません。ブラウザが大きいほど、戻るやタブ操作での視線移動やカーソル移動が疲れるので。
ファーストビューに詰め込め！という話ではない
ファーストビューの目安を書きました。しかし、Webデザインをするときに、1000px×550pxに詰め込めばいいという話ではありません。
前回のGoogleトップ、前々回のAppleのトップを見ても、吟味した１つのものをファーストビューに表示させています。
もちろんサイトの種類によって、ファーストビューに必要な情報は異なります。
意外なファーストビューの使い方もありました。