CSS & JavaScript Compressor圧縮オンラインサービスで軽量化

- January 10, 2018

デザインやレイアウト変更の為にHTML・CSS・JavaScriptの勉強中です。
ブログ初心者なのでさっぱりわかりませんでしたが、なんとなく理解出来るようになってきました。図書館や本屋さんでコンピュータ専門書を読んでる最中、知ってる言葉が多く出てくる気がするのでちょっと嬉しい。

さて、色々調べていると、ブログの高速化・最適化が必須ということが分かりました。

ブログにアップロードする画像容量は100KB以下が妥当…
Webページの表示速度を重視しているGoogleにとって重いサイトはSEO的に不利だとか…

サイトの表示速度、問題点を定期的にチェックする

まずは自分のサイトを測定して、どこが重いのか確認してみましょう。

様々な要因がある中で、大量のCSSやJavaScriptもサイトの動作を鈍くさせています。
JavaScriptは動きのある要素を作る為のプログラム言語なので、例えばSNS連携・広告表示なども使用しています。容易なコードでも数が増えれば増える程重くなるんですね。

デザイン重視にするとどうしても重くなる…でも訪問してくださった方々にとってはスムーズで快適なサイトの方が勿論良いです。

基本的にはシンプルにする事が重要

HTML文書を軽くして、CSSでカスタムしましょう。

さらにCSSやJavaScriptも圧縮してくれるオンラインサービスをご紹介します。

CSS & JavaScript Compressor 使い方

出典：CSS & JavaScript Compressor

CSS & JavaScript Compressor にアクセス
画像のようにコードを入れる箇所にCSS/JavaScriptを入れ、圧縮開始します。
右下の枠、すぐに生成されたコードが表示されるのでCopyし、通常通り「追加」すれば完了です。

1000Bytesサイズダウンしました。

コンビの漏れないラクマグを購入してみた♪使用感レビュー

- April 15, 2019

元々ピジョンのマグを使用していました。一番多くの方が持っているのではないでしょうか？我が子は基本コップ付きの水筒で飲んでいるのですが、外出時や夜間・早朝の水分補給のためにマグマグを飲んでいました。しかし、ピジョンのストロー部分を何度も噛んでしまいボロボロに…！もう３〜４回もパーツを交換しています。そのため、今回新しいマグマグを探していたのです。コンビから新商品のマグマグが発売されたということで、「はじめてコップ」を購入してみました♪ 各メーカーのマグマグについてご紹介したいと思います。ピジョンとの比較ピジョンのマグは200ml、ラクマグは２４０mlと３４０mlの２種類があります。写真のラクマグは３４０mlです。ピジョンと比べて１４０mlもの差があるのですが、大きさはそんなに変わりはありません。ラクマグの方が若干大きく見えますが、重量はピジョンの方が重く感じます。おそらくピジョンには滑り止めがあるからでしょう。ラクマグには滑り止めがないので、テーブルに置くとつるんと滑ってしまいます。赤ちゃんがバタバタしていると、手が当たってしまってよく倒れてしまうものです。滑り止めがある方が安心ではありますね♪ また、コンビが軽量と感じる理由としてはコップ本体部分がピジョンと比べて薄く感じます。しかし内側を触るとしっかり作りで厚みは十分でした。洗い物はどちらも細かい…！１日の終わりに毎回分解して洗うのですが、どちらも部品は細かいです。ピジョンはコップ本体・蓋・スライド蓋・口元シリコン・パッキン・ストローと６つ。（写真のピジョンは口元シリコンがないので少ないです…；）ラクマグはコップ本体・蓋・取っ手・口元シリコン・（ストロー）と4〜５つ。商品によって各々違うのですが、ラクマグの方がパッキンとシリコンが一体型になっているのでそれだけ大きいため、見失いにくいですね。従来であればたくさんあり失くしてしまうことも多々あるので、数が少ない分だけ楽になります。実際に使用してみた感想今回「はじめてコップ」を購入してみたのですが、残念なことに容易には飲めません。赤ちゃんが簡単に口に添えるだけ飲めます！とメーカーサイトに記載されていたので、そっと口を添えればすぐに飲めると思ってい...

幼児や妊娠中・授乳中のママは精油を使用してもいいの？

- April 07, 2019

精油とは精油はエッセンシャルオイル・アロマオイルとも呼ばれ、アロマテラピーやアロマセラピーで使用されています。アロマとは「芳香」のことで、香りを使って心身のケアを行うことを言います。精油の選び方精油は１００％植物由来のエッセンシャルオイルを選びましょう。 AEAJ表示基準適合認定精油（ブランドリスト）や、100％ Pure & Natural・Pure Essential Oilと記載がある精油であれば安心です。また、購入時には「純度が植物由来100％」の精油・エッセンシャルオイルと記載があるか確認しましょう。合成フレグランスオイル等も同様に「アロマオイル」と記載されているため、必ずチェックして下さい。精油の作用アロマの香りを嗅ぐことで嗅覚経路に伝達し、心理作用として大脳にある海馬に伝わります。学習や記憶を司る海馬にて幸せな記憶と香りが繋がり、精神がリラックスします。そして自律神経系の器官である視床下部にてホルモン分泌など促し、免疫バランスを整えます。血流増加しながら、各身体の部位に癒しの情報が伝わるのです。以上のような精神的作用の他に、消化器系・筋肉身体の組織・呼吸器系・皮膚への殺菌などの身体的作用も挙げられます。また、ヒバなどの精油による防虫効果も期待できます。アロマオイルの使用として芳香だけでなく、塗布してマッサージをすること（触覚作用）により、皮膚から浸透して老廃物を除去してくれます。精油の副作用良いことばかりの精油のようですが、元である植物成分が体に合わない場合、アレルギー症状が発症してしまったり、肌トラブルを起こすことがあります。柑橘系エッセンシャルオイルに多く見られるのが、光毒性です。流布した皮膚が日光に当たると、火傷のような肌トラブルが起きることがあります。また、ローズマリー・カンファー・セージ・ペパーミント・シダーウッド・フェンネルなどのケトン類を多く含む精油は神経毒性に注意が必要です。ケトン類は鎮痛作用があります。他にも鎮静作用・粘液溶解作用（痰や鼻水の切れをよくする）などもありますが、強いショック症状が起きたり、手足のしびれなどの神経系の症状が発生する恐れはあります。とくに乳幼児・妊娠中・授乳中のママ・高齢者・持病を...

Blogger目次を見出しと連動させて自動生成する方法

- May 16, 2018

親子で使える！日焼け止め厳選しました

- April 09, 2019

シワ・しみ・たるみ予防として日焼け止めは一年中季節問わず必須です。今回は赤ちゃんがいる家庭で親子一緒に使えて石鹸やお湯で落とせる日焼け止めを紹介したいと思います。日焼け止めクリームの必要性については下記を参考にして下さい。【日焼け止めを選ぶ基準とは？】美肌の近道を選ぼう正直、私はこの数年間メイクをせずに過ごしていました。なんと日焼け止めクリームも塗らずに、洗顔後の化粧水も怠る日々… 理由は単純に面倒だったのです。まず、顔に塗ったファンデーションが服やタオルに付着するのが嫌でメイクをしなくなりました。それ... オススメ日焼け止めクリーム８選基本的に３歳以下の幼児、妊婦さん、授乳中のママ用に厳選したので、精油不使用です。また、ご紹介する日焼け止めは基本、石鹸で落とせます。しかし大人はクレンジングクリームでしっかりめに落とすことを推奨いたします。ジェルタイプは敏感肌には刺激になるDPGやPGなどアルコール成分が高配合になっている場合があり、汗などで流れ目に入るとしみてしまいます。また伸びがよく使用感が良い日焼け止めは効果が薄くなってしまいます。クリームタイプを選びましょう。オルビスサンスクリーン(R)フリーエンス SPF30 PA+++ オススメ度 ★★★ ★ ☆ 成分水、ジフェニルシロキシフェニルトリメチコン、ＢＧ、グリセリン、シクロペンタシロキサン、酸化チタン、ＰＣＡ－Ｎａ、ポリグルタミン酸Ｎａ、乳酸Ｎａ、ヘチマエキス、トコフェロール、ジメチコン、含水シリカ、ハイドロゲンジメチコン、水酸化Ａｌ、ポリアクリル酸Ｎａ、ベヘニルアルコール、キサンタンガム、ペンタステアリン酸ポリグリセリル－１０、ポリグリセリル－３ポリジメチルシロキシエチルジメチコン、トリステアリン酸ポリグリセリル－１０、ステアロイル乳酸Ｎａ、クエン酸、ココグリセリル硫酸Ｎａ、メチルパラベン、プロピルパラベン無油分・無香料・無着色・紫外線吸収剤不使用・ハイブリッドルーセントパウダー配合・立体スキンベール処方で敏感肌の方にも使える日焼け止めです。使用感はなめらかで素肌感覚♪ オルビスサンスクリーン(R)フリーエンス 50ml ORBIS poste...

【手作り・開封後の賞味期限は？】調味料・食品・おかず保存期間まとめ

- April 10, 2019

離乳食にも！3分でお粥ができる栄養豊富なオートミール

- December 19, 2017

出産してから数ヶ月が経過しました。毎朝の洗濯掃除を一通り済ませ、息子がひとり遊び中やお昼寝中の午前に夕食を10分～15分で作る。少しでも勉強や育児について調べたいので、時間との勝負です。朝食や昼食はパッと作れるトーストや白米を食べています。でも栄養面でいえば物足りない … 色々調べた結果、ロールドオーツで美味しいご飯が時短料理できる事を知り、実践してみました。ロールドオーツとはオーツ麦のもみ殻を取り除いたオートグローツ蒸してから平らにし、乾燥させたオートミールです。加熱処理され薄くなっているので調理しやすいのが特徴です。玄米よりも食物繊維約3.5倍、カルシウム約5倍、鉄分約2倍！栄養価が高く、食物繊維とミネラル、カルシウムが豊富に含んでいます。低GIなので血糖値上昇を抑制します。糖質制限にも適しており、ダイエットにも効果抜群ですね。水に溶けやすい水溶性の食物繊維なので、水分を吸収しコレステロールと共に排出してくれる作用があります。つまり便秘にも良い！私は妊娠前からひどい便秘ですが、オートミールを食べてから快腸続きです。 Bob's Red Mill, オーガニック, 極厚ロールドオーツ 32オンス (907 g) オーガニック食品や生活用品はいつもiherbで購入しています。日本で買うよりも1/3の値段なのでお得です。成分オーガニック全粒粉オーツです。ナッツ、大豆、小麦、ミルクを使用する施設で製造されており、防腐剤と化学添加剤は含まれていません。 USDA、QA認定のオーガニック食品なんですね。 Bob's Red Millは1日に48g以上の全粒穀物を摂取を推奨しています。 USDAの栄養ガイドラインでは、1日の推奨全粒穀物を1サービング16グラムを3回と定めているのですが、Bob's Red Millのオーガニック極厚ロールドオーツ1食分でほぼこの3回分の全粒穀物が摂取できます。オートミールの保存方法冷蔵1ヶ月（メーカーに確認したところ、普通のオートミールなら半年保つ製品もあるようですが、Bob's Red Millはお米と同じ感覚で食べきった方が良いそうです。） ...

Search This Blog

Daphne