機械音痴向け!はてなブログで吹き出し会話の設定方法!完全版!~調べ疲れたあなたへ~



はてなブログでアイコンと吹き出しを使う方法をシェアしたいと思います!
機械音痴の私が約10日間も理解できずに混乱したので覚書として残します。
正直言ってあきらめようとも思いました。
本気でしんどかったです。
ここにたどり着いたということは、お疲れですね!
ややこしいし、面倒ですが何とかラスト1回やってみませんか?
そもそもこの用語って何?な方にも詳しく機械音痴目線で書いていきます。




それではスタート!



デザインCSSって何?

デザインCSSとは、簡単に言うとページのレイアウトやデザインを施すもののことです。
これを設定することでブログが見やすく、華やかになりますよ!

HTMLとは?

機械音痴向けに説明すると、httpsやwww等から始まるHPなどのアドレスのようなものです。
皆さんのブログのページにも割り振られています。


吹き出し作りの準備!

まず、デザインCSSというものをコピーします。
色んな方が提供してくださっているので、お好きなデザインをコピーします。
(ご自由になどがブログに書いている方のデザインがいいと思います。またコピーをさせていただいたらコメントでお礼報告することをおススメします。)
私はこの方のデザインを参考にさせていただきました。

www.notitle-weblog.com



デザインCSSをコピーした!

無事にコピーが出来たら、自身のブログの新規記事作成を開いてください。
そこに先ほどコピーしたデザインCSSを貼り付けてください。



こんな感じです
f:id:kurukuruu13:20191108113739p:plain



デザインCSSを自分用にカスタマイズする

新規記事作成ページの一番下まで移動してください。
f:id:kurukuruu13:20191108113722p:plain



このようなCSSがあると思います。
ここに必要な情報を入れます。

クラス名って何?

→この吹き出しを使用するキャラクターの名前
ローマ字で入力してください。(mama kids1 など)


画像のURLって何?

→ここに使用するアイコンの画像アドレスをコピペします


何人か分の吹き出しを作りたいな…

.クラス名::after {background-image:url(画像のURL);}
↑これを先に人数分コピペして貼っていくとそのあとが楽です!


画像アドレスって何?

画像をコピぺするために必要なものです。画像の住所のようなものですね。


画像アドレスを取得しよう!

赤で囲んだところを左クリックしてください
f:id:kurukuruu13:20191108120505p:plain



次に画面左側のフォトライフを左クリック

f:id:kurukuruu13:20191108122054p:plain



画面右上のマイフォトを左クリック
f:id:kurukuruu13:20191108122111p:plain



HatenaBlogを左クリック

f:id:kurukuruu13:20191108122133p:plain



さらに編集を左クリック

f:id:kurukuruu13:20191108122154p:plain



画像の左下の四角を左クリック

f:id:kurukuruu13:20191108122215p:plain



右クリックでコピー

f:id:kurukuruu13:20191108122239p:plain



私の画像アドレスを例にあげます。 
先ほどコピーした画像アドレスを新規記事作成ページに貼り付ける


この画像アドレスの前後を削除して下のHTMLの形にする


htttps://cdn-ak.f.st-hatena.com/images/fotolife/k/kurukuruu13/20191108/20191108102937.jpg



削除が済んだものを新しくコピー
これを画像のURLに貼り付ける
.クラス名::after {background-image:url(画像のURL);}
これが画像アドレスになります。


クラス名と画像のURLをコピペしてHTMLを作成

構成はこんな感じになっています(当てはめてコピペしていく作業です)

.クラス名::after {background-image:url(画像のURL);}


クラス名も入力するとこんな感じのHTMLができます

.mama::after {background-image:url(htttps://cdn-ak.f.st-hatena.com/images/fotolife/k/kurukuruu13/20191108/20191108102937.jpg);}



これで吹き出しとアイコンのHTMLが作成できました。
先ほどのデザインCSSの一番下のクラス名と画像のURLを自身のものに置き換えてください。


吹き出しを使えるように設定する

作成したデザインCSSをすべてコピーする

 記事の管理 → デザイン → 工具マーク → 
{}デザインCSS → 貼り付け → 
変更を保存する必ずクリック



吹き出しを使ってみよう!

こちらをコピーして記事新規ページに貼り付けてください。
クラス名は先ほど作ったHTMLで設定したものを入力してください。
テキストにはお好きな文字を入力してください。
その後プレビューで確認をしてみてください。




すると…





こんな風に作ることが出来ます!

や~いコミュ力おばけ~



あれ?スマホで反映されない

この場合はデザインCSSの一番初めに設定することで解決しました。




これでもわからない!という方はコメントでご質問も受け付けます!
10日間悩みに悩んでようやくできるようになって結構燃え尽き感はありますが、完成した時の感動は今年1番でした!(笑)
最後に騙されたと思って挑戦してみてください☆




トイ・ストーリー★ウッディ(息子アンディ計画)


コミュ力おばけ女の⭐︎mimi⭐︎です。
息子のアンディ計画として、
トイ・ストーリーのおもちゃを集めまくる企画です。
購入してみた感想と価格などを交えてシェアしていきます。
今回購入したのは、我らのカーボーイウッディ!
前回はチャッターホンを紹介しました。


kurukuruu13.hatenablog.com




それではスタート!


ウッディとは?

ウッディはニックネームで本名はウッディ・プライド
(プライド高そうな名前です)
トイ・ストーリーの主人公です。
アメリカ版の声優はトム・ハンクス
日本版の声優は唐沢寿明さん


ウッディは勇気があり、仲間思いの優しい性格です。
アンディの1番お気に入りのおもちゃです。
ボニーからしたら圏外のおもちゃです(泣)


1ではバズ探し、2ではウィージー探し、3では出口探しをしている探し物のプロです。
他のおもちゃのために行動を起こすことができる素晴らしい人形です。
持ち主が3の終盤でアンディ→ボニーに代わっています。
4ではウッディはつらい思いをしてしまいますが、最終的にこれがウッディにとってはよかったのだろうと思うことにしています。


パッケージ&購入店・価格

購入店 Amazon
購入時価格 ¥5,106



パッケージ正面


パッケージ裏面


側面


側面




製品詳細

ステータス 新品
生産国 中国
対象年齢 4歳〜
メーカー TAKARATOMY
備考 単4形アルカリ乾電池3本使用(商品にテスト用電池搭載済み)
自立はせず、クタクタです。(そこがいい)



開封

正面(なんとも言えない空気椅子感)
首手首足首の3点首がつく名前の位置は全て固定されています。


裏側


底にお名前シールがついています


本体正面(ご観覧いただきありがとうございます。ポーズ)


ポージング



首もまわります。(だから仲良く遊ぶんだぜ!を再現できる)


本体後ろ姿


本体正面


帽子(穴が開いています)




後頭部ジェラートを彷彿させる)


横顔


バストアップ


フェイス


ウッディ「俺のブーツにゃ、ガラガラヘビー」
(我が家にやってきたウッディは少し目が血走っています)


いい角度(バズと話してそうな顔)


ウッディ「アンディ来た!アンディ来た!」バタッ


別売のおもちゃ箱にも入ります


ウッディ「せ…せまい」


お名前シール(ネームはボニー)



我が家のダッフィーフレンズともすぐに仲良くなるウッディ選手


感想

やっと我が家にもウッディがやってきてくれました!
色々とポージングをさせるには、セロテープとかが必要なくらいクタクタです。
帽子がビニール臭プンプンです。スーパーのラップみたいで私は好きです。目頭が痛くなる程度に嗅いでいます。
背中の紐を引くと音声が流れるのですが、少し小さいかな?と思います。(子供の声がデカい説あり)
子供がいないときに私はウッディに肩車をしてアンディごっこをしているところを主人に見られて以来、なんとなく夫婦間に気まずい空気が流れています。
子供達はウッディとともに「ママ来た!ママ来た!」と扉を開けると子供たちとウッディが床に倒れていることはもはや見慣れた景色となりました。
今や息子の相棒はウッディとなりました。 
映画と同じく、バズは後から購入するのでウッディが家出する可能性もあるかな…なんて妄想もできますよ。
全体的にクオリティが高くて満足です。


追記
息子のお気に入りでたくさん遊んでいたら
帽子どっか行った!!!


購入はこちらから!↓

トイ・ストーリー★チャッターホン(息子アンディ計画)


トイ・ストーリーが大好きな息子のために考えました!
名付けて息子アンディ計画!
購入してみた感想と価格などを交えてシェアしていきます。


それではスタート!

チャッターホンとは?

チャッターホンはトイ・ストーリー3に出てくるキャラクターです。
サニーサイド保育園のおもちゃで、ウッディの手助けをしてくれる重要な役どころのおもちゃです。
そんなチャッターホンを今回購入してみました。

パッケージ&購入店・価格

こちらのチャッターホンはAmazonにて購入。
購入時価格は¥1,700(箱破れの新品を購入)


箱の正面


箱の背面


側面


側面


箱の裏



製品の詳細

ステータス:箱破れの新品、絶版品、輸入品
生産国:中国
対象年齢:3歳〜
メーカー: Fisher Price
サイズ: 全長16cm、幅20cm



パッケージに入っている姿もとても可愛らしいですね♡



開封

まず初めに箱のテープを剥がしていきます。
そうすると裏面に紐で固定されている箇所があるので解いていきます。
小さなお子様には難しいので、渡す前に解いておいてから渡すといいかもしれないですね。


チャッターホン本体正面


受話器を外した様子
受話器は紐でつながっているので、紛失する心配がなくて良さそうですね。
紐自体は短いので、ごっこ遊びは少し屈まなければいけないので不便かもしれないです。


コロコロ前後に動かすと目が上下に動きます。


側面


側面


本体後ろ


本体裏側
少し傷がありますが、子供が遊べば傷はつく!
気にせずにいきましょー!


感想

口元や側面はシールです。
輸入品ということや通販ということ、自分の目で見て確認してから購入することができないので、ヨレや剥がれが気になる方もいるかな?
我が家は透明テープで保護する予定ですよ。
トイ・ストーリー3で子供達がとても気に入っていたキャラクターなので購入に踏み切りました。
子供達は電話ごっこをしたり、トイ・ストーリー3のワンシーンの影響なのか、スパイから電話がかかってくる、という謎の遊びをして楽しんでいます。
チャッターホンがあるとトイ・ストーリー感が一気に増す気がしました。
これからの二人で大切に遊んでくれることを願っています。



購入はこちらから!↓

トイ・ストーリー★ミスター・ポテトヘッド(息子アンディ計画)




コミュ力おばけ女の⭐︎mimi⭐︎です。
息子のアンディ計画として、
トイ・ストーリーのおもちゃを集めまくる企画です。
購入してみた感想と価格などを交えてシェアしていきます。
今回購入したのは、ミスター・ポテトヘッド!
こちらもチェック!
kurukuruu13.hatenablog.com






それではスタート!


ミスター・ポテトヘッドとは?

ミスター・ポテトヘッドは全シリーズに出演しているキャラクターです。
アンディが遊ぶときは悪役になりますね。



パッケージ&購入店・価格

購入店 Amazon
購入時の価格 ¥1,687


パッケージ正面


パッケージ裏面
マテンロウアントニー幼少期風の男の子が遊んでいます


側面
ウッディがバンされています


側面
決め顔


パッケージ底


製品の詳細

セット内容
・ポテトフィギュアのボディ 1個
・ベース 1個
・アクセサリー 14個
※ミセス・ポテトヘッドと相互性あり
対象年齢 2才以上
発売日 2019/4/1
生産国 インドネシア



開封

箱のテープを剥がしていきます。
プラパッケージに入っています。


片腕…


本体後ろ


後ろが開きます


腕を取り出してつけてみました。


全パーツ
全てあるか確認しましょう!


感想

子供たちはポテトヘッドを見て何故か大ウケでした。
パーツのはめ込みが小さな子は少し力がいるかな〜と思いました。
目のところに口をつけてみたり、耳に鼻をつけたりと様々な楽しみ方をしていました。
日本でいう福笑いのような遊び方をしていていましたよ。
プラスチック自体もしっかりしていて丈夫そうです。
購入して良かったです。




購入はこちらから!↓

子連れ台湾旅行 Part1 (エバー航空・ハローキティジェット・タピオカ・ホテル・ロングターム・新千歳空港内キッズスペース)


コミュ力おばけ女⭐︎mimi⭐︎です♡
今回は子連れ台湾旅行についてシェアしたいと思います!


新千歳空港利用者の駐車場について

我が家は北海道在住なので、新千歳空港を利用します。
今回はC駐車場が満車のため、その先のロングターム駐車場へ駐車しました。


新千歳空港ロングターム駐車場
・空港まで無料送迎バスで3分
・予約不要で必ず停められる
・鍵の預けはナシ!
・料金も良心的です。
・クレジットカード可(VISA JCB master American Express ダイナーズ)
・料金詳細


駐車券は大切に保管してくださいね。

新千歳空港のキッズスペース

黄色い星はプレイランドやキャラクター体験施設、飲食店がある場所です。
白い大きな星は国際線入り口



旅の始まりはいつもここから
こちらのプレイルームで目一杯遊びます!
サンリオのコンビネーション遊具とドラえもんの滑り台などは必ず子供たちが遊んでいるスポットです。


チェックイン

2時間前になり、荷物を預けにエバー航空のカウンターへ
座席指定→荷物預け→搭乗券受け取り
今回のボーイングパスはこちら♡

かわいすぎる〜♡
ハローキティジェット目当てに今回の台湾旅行を決めたくらいなので、すでに感動!


桃園空港ではこちらのハローキティキオスクでチェックインすることができる日もあります。
我が家は休止の日にあたり、写真のみ…


保安検査場で事件発生!

100均で購入した透明の容器に日焼け止めとハンドソープ、虫除けスプレーを詰め替え手荷物で持参していたのですが、すべて持ち込みNG!
透明のジッパーに入れてもダメでした。
理由は、透明の容器だと持ち込みはできないとのことでした。
グアムへ名古屋経由で行った時はこのセットは持ち込めましたが、検査官の方がおっしゃるには「新千歳空港ではラベルの印字がないものはお持ち込みできません。透明の容器に移し替えて、袋に入れても持ち込むことはできません。」とのことで、ラベルを作れば持ち込めるか聞いてみたら、自作のラベルではなく、販売された状態の物でないとダメだそうです。
新千歳空港の国際線を利用する方は、手荷物ではなく、機内持ち込み荷物に入れるようにしましよう!
私は知らなかったので、没収を受けた上に台湾で割高の日本製を買うことになってしまったので、皆さんも私のようにやらかさないようにお気をつけください。


ハローキティジェットへ搭乗

大きすぎてガラス越しですが、かわいい♡


機内はこんな感じです。
枕カバーとヘッドカバーを外してお持ち帰りが可能ですよ。



機内モニターもキティちゃん♡



機内でのエンタメは子供たちが大好きな映画



機内食(大人)
新千歳→台湾


台湾→新千歳


機内食(チャイルドミール)
新千歳→台湾は子供達にガツガツ食べられて撮れず…
台湾→新千歳はこちら!


機内食はこんなに美味しくていいの?ってくらい美味しかったです。
日本で作っているのか、日本人の口に合う味付けでとても満足でした。
ほとんどの方が完食されていてビックリ!
行きは台湾の方が多くいましたが、皆さん美味しそうに召し上がられていて、帰りは日本人が多かったですが、こちらも口々に「おいしいね」との声が聞こえていましたよ。
プラスチックのカトラリーを持ち帰りたいと言う娘。
CAさんに確認を取り許可を得たので持ち帰り、家でもハローキティジェット気分でご飯を食べています。
食事をして映画を見て、少しウトウトしていたらあっという間に桃園空港へ。

桃園メトロ空港線に乗車(kkday利用)

ホテルは台北駅の近くを取っていたのでそちらまで桃園空港メトロで移動しました。
kkdayで外国人専用のツアーを予約していたので、バウチャーとパスポートを表示してトークンとバターケーキ引換券を受け取りました。

このカウンターは到着ロビーの下の階のメトロ乗り場にあります。
わからなくて、迷って迷って大変でした!
ですが、運賃が安くなる上、バターケーキもいただけるので利用しない手はないですよ。



車内はこんな感じで利用しているのは観光客ばかりでした。
広々としていて清潔で充電スポットもありました。
約36分で台北まで行けます。




宿泊施設

ホテル リラックスⅠ台北駅前(旅樂序精品旅館 一館)
こちらのホテルに3泊しました。
台北駅のZ4出口を出て、見えるマクドナルドの看板へ向かうように進んでいきます。
すると、柱にホテルの看板が見えてきます。
入り口は日本で言う会館とかの入り口みたいなところです。

上などにはホテルの表示は出ていないのでこの柱を探していくといいです。
フロントは11階です。
英語での応対でしたが、わかりやすくゆっくり話していただけました。


ホテルの室内
とてもきれいです!

・フローリングの室内
・トイレ・シャワー別(シャワーブースのみでバスタブナシ)
・室内の飲み物、食べ物はオールフリー
・お水は毎日補充
・ランドリーはフロント階に完備
・アメニティ(バスタオル、フェイスタオル、歯ブラシ、ドライヤー、コップ、ティーカップ、ミニバー)
・朝食は別館のリラックス2でビュッフェ
・フリードリンク(コーヒー)はリラックス3で毎日2杯まで無料


全体的にとても綺麗でホッとしました。
また駅から近く、飲食店がたくさん周辺にあるのでテイクアウトして気軽に部屋へ戻ることができました。
下の階にマクドナルドが入っているので、台湾限定メニューを食べに行くのも楽しかったです。
朝食も美味しく、本格的な中華料理やパン、アラカルトがついている上に毎日メニューが違うので楽しかったです。
フリードリンクは主人と夜のお散歩の片手ドリンクでいただきました。
ホットとコールドが選べますよ。



ホテルから近いタピオカやさんは?


50嵐(徒歩5分)
春水堂(新生三越内)
TIGER SUGER(徒歩5分)
こちらの3店が近いです。


50嵐は何度も通いました。
ミルクティーに飽きたら、ココアにしてみたりして色々と愉しみました。
TIGER SUGERは黒糖ミルクがとても美味しかったです。
春水堂はオレオショコラが美味しかったです!
写真がなくて申し訳ないです…



新千歳空港から海外へ行く人あるあるなのですが、初日は移動のみか少し何かする程度で1日目が終わります。
我が家は、フライト→タピオカ→就寝 でした。笑


長くなりましたので第2段へ続きます。
最後までお読みいただきありがとうございます。


冬でも日焼け止めをオススメする理由

こんにちは♡ ⭐︎mimi⭐︎です。
今回は冬でも日焼け止めをオススメする理由についてご紹介します₍₍ ( ๑॔˃̶◡ ˂̶๑॓)◞♡


なぜ冬でも日焼けはするの?

紫外線は冬でもあります!
一般的に冬は紫外線が弱いと言われる時期ではありますが、それでも紫外線は発生しているので日焼けをします。
紫外線は紫外線の強さと浴びた時間により左右されますが、ウィンタースポーツ等で屋外にいる方は日焼けをしやすい環境下にいることになります。


じゃあどうすればいいの?

それは、冬でも日焼け止めをすること!
これだけです!


日焼け止めについてる数字とかって何?

SPF短時間で肌に起こる作用。数値が高いほど赤みや炎症の悪化から肌を守ってくれる指数
PA長期的に肌に起こる作用。肌の乾燥や黒ずみなどから肌を守ってくれる記号
我が家は特に母が美白主義(笑)なので数値のできるだけ高いものを選んでいます。


ちなみに数値が高いほど、日焼け止め使用時の肌への負担はかかりますが、日焼けが痛くてシャワーが辛い経験をしている私は肌の負担<日焼け後のことを心配して商品を選んでいます。


大体SPF20~30ほどでも十分ですが、何本も買うのは使い切れなかったらもったいないし、使い分けも場所を取るし探すのも面倒という理由で我が家はスタメン1本化しています。
冬だけではなく1年中どこでもどのシーンでも使えるSPF50以上で探した結果…
今回我が家が購入したのは、こちら!


マミー UVアクアミルク

パッケージ裏はこんな感じ

ホワイトを基調とした赤ちゃんグッズのようなかわいらしいデザインです。
どのシーンでも使用できるデザインでとても気に入りました。

日焼け止め本体裏

開けてみた感じ

手に平に乗せてみた感じ(3歳児の手)



詳しい紹介♡
SPF50+ PA++++(夏のプールやキャンプ、1日中お外で遊ぶとき等に最適)
日焼け止めの中では強いほうです。


子供達が香港や台湾、グアムへ行ったときに使用しましたが、無添加のおかげか、お肌よわよわ芸人(笑)の息子も荒れることなく、日焼けもせずに帰国できました。
☆mimi☆も現地でこちらを使用していましたが日焼けせずでした。
2時間ごとや汗をかいたらすぐに塗り直しは必須です!


顔やからだにも使えるのでこれ一本で子供もママも日焼け対策ができるので荷物が減りますよ。


つけてみた感じは、べたつかずさらっとした使用感。
また、ウォータープルーフなのに石鹸で落とせちゃうんです!手軽ですよね!


効果的な塗り方

大人の顔だと500円玉くらいを掌にとり、顔の広いところからのせていきます。
次に掌で優しくたたくように分布します。
子供はこの半分くらいの量で十分です。
自分の腕で実験した結果この方法が一番に焼けしにくかったです。
(しばらく、半そでで出かけるときにオセロみたいで恥ずかしかったのは内緒。)



これから冬が来ますが、北海道ではスキーをしたり子供と日暮れまでそり遊びをすることが多いです。
意外とそこで日焼けをしてしまったお母さんが多いです。
真っ白な雪に真っ黒な顔と歯で恥ずかしい思いをしないためにも日焼け対策はオススメですよ。


ご購入はこちらから!↓

ローソンスイーツ♡カプケのティラミス(子供とおやつ)

子供と「何かおいしいスイーツが食べたいね♡」とふらっとローソンへ行き見つけたおやつを紹介します。



今日子供達と食べたのは…
ローソン カプケ ティラミス





ラインナップは?
他にもモンブラン、ショートケーキ、チョコレートケーキ、ティラミスの4種
どこのお店を回ってもモンブランだけが見つけられず…
モンブランファンは朝一がいいかも!


裏のラベルはこちら
北海道札幌付近では工場は北広島ですね。



実食
デザインはとてもきれいです。
ブラウンとホワイトのコントラスもそそる…
カップのデザインもコレクターなら洗ってとっておきたくなるかわいいデザインですよね。

カップケーキの層はこんなかんじ。

公式イラストがとてもかわいいです♡


味の方は、もうコンビニスイーツなんて言わせない!と言った気合が感じられるようなおいしさ!
生クリームも甘すぎず、ちょうどいいなめらかさ。
しっとり系のティラミスが好きな方には大ヒットしそうですね。
ちなみに上のチョコレートは娘に早々に食べられました(๑•﹏•)
一人で一つは余裕で食べることができます。
子供のおやつにもピッタリなサイズ感です。
また他の種類のケーキも食べてみたいです♡


カップケーキのお供にはローソンまちカフェがとてもよく合いますよ。
私はホットコーヒーをいただきました。




子供とホッスイーツタイムに大満足な1日でした!
小さなご褒美で頑張れたりしますよね。
よし!掃除頑張ろう!笑