Translate

2014年12月31日

ブログのモバイル対応について考えてみた

ここ数年でモバイルのアクセス数も随分と増えたと思い、Googleアナリティクスで確認をしてみると、1年の間でもモバイルは増加し、デスクトップとタブレットのカテゴリが減少しています。直近1ヶ月では4割がモバイルからのアクセスになっています。

モバイル増加率

自分がブログで使っているBloggerは、モバイルテンプレートを選択すればある程度は整形して表示してくれます。しかし、直近でエントリーした「検索エンジンでブログを検索対象とする方法」をiPhoneで閲覧すると画像は自動的にリサイズされていますが、Youtubeと表は、はみ出して、かなりカッコ悪い状態です。モバイルユーザーの経験価値を高めねば。

20141230_230544000_iOS  20141230_200454000_iOS

と、いうことで ”Youtube” と ”表(table)” のレスポンシブル対応について調べてみました。

Youtubeのレスポンシブル対応

参考にしたのは、下記のサイトです。タイトルはまさに「Youtube(その他iframeを使った動画)をレスポンシブにする方法」です。



スタイルシートの設定で簡単にYoutubeをレスポンシブルにできるとありますので早速試してみました。

Step1

サンプルではクラス名が ”video-container” でしたが、Youtube以外の動画も使わないので ”youtube” にしました。コツは56.25%です。56.25%は、5625/10000 となりますが、この比率は5で割っていくと 1125/2000 → 225/400 → 45/80 → 9/16となります。そうです、HD動画の16:9の比率なんですね。と、How do you convert a percentage (56.25%) into a fraction? にて説明されていました。

.youtube {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.youtube iframe,
.youtube object,
.youtube embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

Bloggerの場合
上記のスタイルシートがそのまま使えます。どこに記述すればよいかは、引用(blockquote)を格好よく表示する | 象と散歩 を参考にしてください。

Step2

Youtubeから取得した埋め込みコードを上記で作成したクラス名で囲むだけです。

image

これがサンプルのコードです。

<div class="youtube">
<iframe width="560" height="315" src="//www.youtube.com/embed/R_PWp3dEsmI" frameborder="0" allowfullscreen></iframe>
</div>

スマホでのYoutubeの表示確認

検索エンジンでブログを検索対象とする方法」を修正して確認します。下図左がiPhone(Safari)で右がSurface(IE11) で表示しています。

20141230_222916000_iOSimage

素晴らしい、レスポンシブになった。

表のレスポンシブ対応

表(table タグ)は配置を変えられないのでレスポンシブにはならないと分かりつつも、世の中には賢い人がいるに違いにない、と、見つけたのが、「10+ Solutions for Responsive Data Tables 」という中にあった方法です。

The Basics

ベーシックで紹介されているのは、すごく簡単な方法でtableタグで表の幅(width)を設定せずにブラウザの表示にまかせるという方法です。

Before
<table border="1" cellpadding="2" cellspacing="0" width="720"><tbody>
<tr>
<td width="360">テスト1行目テスト1行目テスト1行目</td>
<td width="120">テスト2行目</td>
<td width="120">テスト2行目</td>
<td width="120">テスト2行目</td>
</tr>

After
<table border="1" cellpadding="2" cellspacing="0"><tbody>
<tr>
<td>テスト1行目テスト1行目テスト1行目</td>
<td>テスト2行目</td>
<td>テスト3行目</td>
<td>テスト4行目</td>
</tr>

しかし、幅を指定しないと、列が多い場合や文字が多い場合などは、フォーマットが崩れて反って読みづらくなってしまいます。

Mobile-Frendly Table

レスポンシブルではないけど表のフォーマット崩さない方法が、”Mobile-Friendly Table(モバイルにやさしい表)” で紹介されています。モバイルの場合に表を横にスクロールさせる方法です。

しかし、無知な自分にはサンプルコードの使い方がわかりません。

@media screen and (max-width: 640px) {
table {
overflow-x: auto;
display: block;
}
}

そこで似たようなことを試めされている方はいないかと探し、「tableをレスポンシブでも破綻しないようにする簡易的な手法 | webutubutu」 を参考にさせていただきました。

しかし、上記で紹介されているサンプルのスタイルシートではうまくいきませんでした。確かにスマホで、表の横スクロールが可能になりましたが、PCでもスクロールバーが表示されてしまいます。またメディアスクリーンで指定した「表は左右にスクロールできます」が表示されてしまいます。

下記がtableをレスポンシブでも破たんしないようにする簡易的な手法から引用したCSSの記載例です。

.table-wrap{overflow: scroll; position:relative;}
@media screen and (max-width: 1410px) {
.table-wrap:before{
content: "\008868\00306f\005de6\0053f3\00306b\0030b9\0030af\0030ed\0030fc\0030eb\003067\00304d\00307e\003059"; /* 文字化け対策のためUnicode変換 */
color:#fff;
font-size:12px;
background-color:#e07903;
position: absolute;
top:0px;
border-radius: 5px;
padding: 0.05em 0.5em;
}
}

スマホで表がはみ出してしまう場合の対応【完成形】

と、いうことで、先人たちの知恵を融合してtableのレスポンシブル対応の完成です。tableのスタイルでoverflowをautoにして、display block を追加することで、スマホだけで表をスクロールできるようになりました。

またメディアクエリの max-widthを640pxにすることでスマホだけで表上にメッセージを表示させることができました。640pxにする理由がわかりません。iPhoneでは350pxの表までははみ出さずに表示できたので max-width の値を350px前後にも変更してみましたがうまくいきませんでした。

スクロールを示唆する文言は、スマホ対応なのでスクロールではなく、「表は左右にスワイプ可」としました。

下記がサンプルのスタイルシートになります。

.table {
overflow: auto; display: block; position:relative;
}
@media screen and (max-width: 640px) {
.table:before{
content: "\08868\0306f\05de6\053f3\0306b\030b9\030ef\030a4\030d7\053ef"; /* 文字化け対策のためUnicode変換 */
color:#fff;
font-size:12px;
background-color:#e07903;
position: absolute;
top:0px;
border-radius: 5px;
padding: 0.05em 0.5em;
}

iPhoneでの表示は下記のようになります。

20141231_011551000_iOS

まとめ

今回は、ちょうど気になったYoutubeと表のレスポンシブル対応でしたが、スマホからのアクセスは、これからも増え続けていくと思います。適宜ユーザビリティ強化は図っていきたいと思います。

先ずは、モバイルでのアクセスが多いコンテンツから少しずつ修正していきたいと思います。
2014年12月28日

検索エンジンでブログを検索対象とする方法

久しくGoogleウェブマスターツールを覗いてみていなかったのですが、いつのまにか自分が使っている Blogger もサイトマップに対応していたので、Googleウェブマスターツールで登録を変更しました。

ウェブマスターツールでGoogleに検索をしてもらうようにするための方法は、BloggerでなくてもどのWEBサイトでもブログでも同じです。

Google検索の仕組み

Googleでは、スパイダー(クローラー)というソフトウェア(ロボット)が定期的にWEBページをクローリングして情報を収集してインデックスを作成しています。Googlebot がこのクローリングを行うためのロボットで、ボットとはロボットの略称です。

英語のクロール(CRAWL)という意味には、虫が這い回るという意味もあるので、まさにリンクをたどって這い回る蜘蛛(スパイダー)がクローリングなのです。

スパイダー

そして、誰かがGoogleで検索したときに、索引として参照されるのがこのインデックスです。逆に言えばインデックスに登録されていないWEBページは検索の対象になりません。

Goolgeの検索の仕組みついては、Googleが提供している「How Search Works」(日本語字幕あり)が、わかりすく説明をしているので参考にしてください。

クローラーの挙動を決める robot.txt

robots.txt ファイルについて - ウェブマスター ツール ヘルプ に説明がありますが、robots.txt には、クローラーが、サイトやブログにアクセスしたときにどのように振る舞ってもらいたいかが記載されています。最もシンプルなのは、クローリングを許可するか否かと、サイト構成(地図)が記載されているサイトマップの設置場所についての記載です。

robots.txtの表記例
項目名 説明
User-agent: 対象となるロボット名です。
* はすべてのロボットを対象にしているという意味になります。
Disallow: クローリング対象外とするURLを記載します。
Allow: クローリングの対象とするURLを記載します。
/ はディレクトリ配下すべてを対象とするという意味になります。
Sitemap: サイトマップが設置されているURLを指定します。
Blogger の robots.txt
Blogger の場合、何も設定しなくても下記の robots.txt がルートディレクトリに作成されています。自分のブログであれば、http://walking-elephant.blogspot.com/robots.txt です。独自に編集することもできます。
User-agent: Mediapartners-Google
Disallow: 

User-agent: *
Disallow: /search
Allow: /

Sitemap: http://walking-elephant.blogspot.com/sitemap.xml

User-agent: が Mediapartners-Google となっているのは Google AdSense です。Disallow: の指定がないので、すべてのディレクトリが対象となります。一方、通常の検索エンジンに対しては、/search をクローリング対象外としているので検索結果やラベル検索によるページについてはインデックスされませんが、広告は表示されるという設定になっています。

サイトマップとは

Googleなどの検索エンジンのクローラーは、リンクをたどってコンテンツの情報を取得していきます。サイトマップはその道しるべ(索引)です。サイトマップには、コンテンツの場所(URL)や最終更新日などが書かれています。

Blogger は、サイトマップに対応していなかったので、サイトマップ代わりにRSS/ATOMフィードを使わなければなりませんでしたが、いつのまにかサイトマップに対応して自動的に作成されるようになっていました。

下記は、自分のブログのサイトマップの例ですが、<URL>タグで1コンテンツを囲み、<loc>タグで場所(URL)と<lastmod>タグで最終更新日が記述されています。

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>http://walking-elephant.blogspot.com/2014/12/2kg.html</loc>
    <lastmod>2014-12-23T16:30:27Z</lastmod>
  </url>
</urlset> 

sitemap.xmlの表記例
項目名 説明
<url> <url>タグで1コンテンツを囲みます。
<url>~</url>の間に以下のタグでコンテンツの詳細を記載します
<loc> 【必須】
ページの場所(URL)を記載します
<lastmod 【オプション】
ページの最終更新日を記載します
<changefreq> 【オプション】
ページの更新頻度ですが参考値です(always,hourly,daily,weekly,monthly,yearly,never)
<priority> 【オプション】
サイト内の重要なページを知らせるための優先度(0.0-1.0)
デフォルトの優先度は0.5です

ウェブマスターツールに登録しよう

Googleなどの検索エンジンは、下記の順番でサイトやブログのリンクをたどってインデックスに登録していきます。

Googleのクローリング順序

しかし、世界中には数多のサイトやブログがありますので、自分のサイトやブログをクローリングしてもらうために、ウェブマスターツールに登録しておきましょう。Yahoo! の検索エンジンはGoogleなので、現在、WEBマスターツールを提供しているのは、GoogleとBingです。

・Goolge ウェブマスターツール
・Bing Webmaster Tools

Googleウェブマスターツールにサイトマップを登録しよう

Googleウェブマスターツールでのサイトマップの登録方法は下記の通りです。

① メニューからクロールの下にあるサイトマップを選択

② 「サイトマップの追加テスト」をクリック

③ ボックスにsitemap.xmlをタイプ

④ 「サイトマップをテスト」をクリック

Googleウェブマスターツール(サイトマップ)

⑤ テスト完了でエラーがないことを確認

Googleウェブマスターツール(サイトマップ テスト)

⑥ ①-③と同じ手順で「サイトマップを送信」をクリック

新しく登録されたサイトマップでインデックスに登録されるまでステータスは保留となっています。

Googleウェブマスターツール(自分のサイトマップ)

⑦ インデックスに登録されたら、以前に登録したRSS/ATOMフィードを削除

RSS/ATOMフィードでインデックスを登録していたときは、214登録/215送信でしたがXMLサイトマップに変更したら213登録/213送信と正しい213ページになりました。

Googleウェブマスターツール(フィードの削除)

Bing Webマスターにサイトマップを登録しよう

続いてBingのWebマスターツールへのサイトマップの登録です。サイトマップの送信ボックスにXMLサイトマップのURLを入力して送信ボタンをクリックすれば完了です。

Bing Web Master tools

以上でサイトマップの登録は完了です。
2014年12月7日

週末ぷち断食(ファスティングダイエット)で-2Kg

ダイエット生活を始めて3ヶ月になろうとしています。継続しているのは、

1. 毎日体重を計る WiFi体重計
2. 運動量を記録する スマートウォッチ
3. 缶コーヒーを飲まない 糖質制限
4. ドローイングと水平足踏み 軽い運動

と、基本的には「計るだけダイエット」が中心です。可視化することで体重と一日の歩数を意識しています。あとは簡単にできるカロリー制限と軽い運動です。

ダイエットの目標は毎月1kg減で、半年で6Kgが最初の到達点。

始めてから順調に推移してきていましたが、最近はちょっと停滞気味で、年末年始という最大の暴飲暴食時期を迎えるにあたって、無理せず継続できた「自分なりダイエット」もあっけなく終焉を迎えてしまうのではないかという一抹の不安があります。

かといって、いま以上に長期的に何かを我慢することも、新しく努力することも到底できそうにありません。

そこで、「短期間」「ダイエット」と安易なキーワードで調べていて「ファスティング」というキーワードにたどり着きました。今や断食もファスティング(Fasting)とグローバル化し、その方法も一切の食物を断つのではなく、酵素ドリンクで必要最低限の栄養を補給しながら、というのがトレンドのようです。

Googleトレンドでみると「酵素」+「ファスティング」というキーワードで検索されるようになったのは2011年からで、ここ数年のことです。

酵素ファスティングの検索トレンド
Google トレンドでレポート全体を表示

今回は、ファスティングダイエットの効果と無理なくできる実施方法、そしてなぜ酵素ドリンクなのかについてを考えてから試してみたいと思います。


「週末ぷち断食」なら無理なくできる

先ずは、ファスティング・ダイエットについて調べるためデジタル書籍のみで出版されている「究極のデトックス ファスティングダイエット」を読んでみました。

本書で推奨しているファスティング期間は、準備期間、回復期間を含めて2週間です。しかし、如何に効果的だとしても、2週間では実行できそうにありません。

急に断食することで逆に身体に負担がかかったり、ファスティング後に固形物を急に取得するのは胃や腸への負担がありそうです。

しかし、短期間であれば身体への負担も少ないであろうという個人的な解釈のもと、本書を参考にして、週末に簡単に実行できる「週末ぷち断食」という2日間のファスティングを計画してみました。


週末ぷち断食(ファスティングダイエット)の計画

下記に簡単な計画表を記載していますが、ファスティングに入る前の金曜日の夕飯を軽めにして、ファスティング後の月曜日は、胃腸の負担を考え朝食にお粥、昼食はうどん(外食)、そして夜は軽めの食事とします。そして翌火曜日からは普通食という計画であれば社会生活を営みながらでも実施できそうです。

週末ぷちダイエット<計画表>
金曜日
準備期間
【夕食】軽めの食事
土曜日
実施期間
ファスティング
日曜日
月曜日
回復期間
【朝食】おかゆ
【昼食】うどん
【夕食】軽めの食事
※ 個人の判断に基づく計画表です

軽めの食事には、ご飯は食物繊維の多い玄米と、おかずとしては動物性タンパク質を避け、金平ごぼう、ひじき、煮豆、田楽、お煮しめ、おひたし、豆腐などを選びましょう。最近はコンビニの御惣菜コーナーも充実していますので自分で作らなくても大丈夫です。特に金曜日の夕飯は、デトックス効果を促進させるためにも食物繊維の多いものを選びます。

玄米は電子レンジでチンできるものが便利です。「サトウのごはん発芽玄米」は玄米30%ですが、100%玄米の「ファンケル発芽米ごはん」にしてみました。玄米100%ですが食べやすく味も悪くありません。

またファスティングダイエット後の最初の食事となる月曜日の朝食は、胃に負担をかけないためにおかゆなど消化のよいものにします。おかゆもレトルトが便利です。


ファスティング・ダイエットの効果について考える

しかし、本当に短期間のファスティング・ダイエットで効果はあるのでしょうか。実施する前にどのくらい減量ができるかを予測してみました。「缶コーヒー断ちでもダイエットはできる」にも記載しましたが、脂肪1Kgを燃焼するためには7,200 Kcal のエネルギーが必要とあります。


1日のカロリー消費量

自分がどのくらい1日でカロリーを消費しているかといえば、活動量計(Withings Pulse)によると平均で200Kcal程度です。

20141129_033242000_iOS

また基礎代謝は1700Kcal弱です。

20141129_033242000_iOS

「週末ぷち断食」をする金曜日の夕飯から月曜日の朝食までの60時間での基礎代謝は4,750Kcal、日中活動して消費される200Kcal×2日分とを合算すると5150Kcalになりますので、カロリー摂取がなければ、0.7Kgの体脂肪が燃焼される計算となります。後は、老廃物老の排出(汗、尿、便)が考えられます。

そもそも、食べたものは排泄されるまで、どの位のあいだ体内に残っているのでしょうか。


食べたものが排泄されるまでの時間

食べ物が胃で消化される時間は、食べ物の種類にもよりますが、1.5時間から4時間程度でしょう。つまり、数時間、とどまります。
小腸では、3~6時間でしょう。6mという長い腸ですが、意外と通過時間は短いです。この間に、消化・吸収がおこなわれます。
大腸は、どうでしょうか。長さが1.5~2mと短いですが、8~10時間以上、消化物がとどまります。

つまり、食べたものが排便対象となるまでには20時間もかかるということです。勿論、排便だけではなく排尿でも排泄されていきますが、シンプルに考えるため「週末ぷちダイエット」と同じ期間で摂食と排便をした場合の経過が下図に示します。排便直後でなければ常に3-4回分の食事分は体内に留まっていることになります。

食事と排便の関係(通常時)
食事と排便の関係

次の図は、ファスティングをした場合です。金曜日の夕飯が排便の対象となるのは2日間目の排便時です。ファスティング1日目は、まだ前日までの食事が留まっています。これがファスティング期間を2日間に決めた理由でもあります。2日目になってやっと大腸は休息できるのです。

食事と排泄の関係(ファスティング)
ファスティング前の食事はいつまで体内に留まっているか

摂食したものがどのくらい排泄対象になるのはわかりませんが、消化吸収中の食物を含めると、3-4回分の食事で1Kgにはなるのではないでしょうか。だとすると、体脂肪の消費と老廃物の排出で1.5-2.0Kgは体重が落ちそうです。

【ダイエット効果予測】
  • カロリー消費で-0.7Kg
  • 老廃物の排出で-1Kg
  • 合計 -1.5 ~ -2.0Kg 減量

実際にはファスティングドリンクを飲むので、カロリー摂取ゼロではありませんが、「週末ぷち断食」の効果もそれなりにありそうです。但し、体内の蓄積されている老廃物の排泄によって減った体重は、食事を開始すれば直ぐに元に戻ってしまいそうですが…


ファスティングドリンクになぜ酵素ドリンクを選ぶのか

酵素には身体の代謝を高める役目があるので、酵素ドリンクを飲むとダイエット効果があるとされています。また酵素が触媒となって醗酵された野菜や果物は、分解・合成され、栄養度が高く、消化吸収しやすく、身体への負担が少ないというメリットが謳われています。酵素ドリンクの原材料である野菜や果物のジュースを直接飲むよりも有効であるとされているのもそのためです。

【酵素ドリンクの効果】
  • 酵素によって身体の代謝を高める
  • 醗酵によって分解されているため消化吸収されやすい
  • 豊富なビタミンとミネラルが摂取できる

しかし一方で、食物酵素からは酵素を吸収することはできない、酵素ドリンクは清涼飲料水なので殺菌のための熱処理によって酵素は活性を失った状態になってしまう、といった点から酵素ドリンクの効果を疑問視する声もあります。

【酵素ドリンクへの疑問】
  • 食物酵素からは酵素を吸収できない
  • 酵素ドリンクの酵素は活性を失っている

大高酵素の商品製品説明を読むと「開封後に瓶内の温度が上昇すると、発酵が進み炭酸のようになる」と記載されているので、酵素がすべて死滅しているわけではなさそうです。また食物酵素の疑問に対して、2012年4月23日に放送されたNHK「あさイチ」の解説をもとに下記のように説明されています。

食物から酵素をとると、それ自体は吸収されないが、栄養が強化され吸収がよくなるので体内酵素が活性化される

酵素ドリンクで代謝が高められるという効用は、まんざら嘘というわけでもなさそうです。前述したように酵素ドリンクには様々な野菜や果物が発酵成熟され、植物のビタミンやミネラルが凝縮されたエキスです。固形物を取得しないファスティング中に消化吸収器官に負荷をかけない高栄養素ドリンクとして酵素ドリンクを選択する意味はありそうです。

酵素ドリンクとは、正確には、野菜や果物などを酵素を触媒として醗酵させた「植物エキス醗酵飲料」なのです。

ファスティング用の酵素ドリンクの選び方

ファスティング中に摂取するのは、ファスティング用のドリンクと水だけです。デットックスといいながら体に悪い物質を摂取しないためにも下記を基準に酵素ドリンクを選んでみました。

  • 100%植物エキス醗酵液であること
  • 多種の野菜果物を原料としている
  • 添加物(甘味料、着色料、保存料など)が使用されていない

100%原液かどうかは記載がないとわかりませんが、果汁などが含まれているものは薄められていると判断できます。また成分表には配合量の多い順で記載するというルールがあるので、必ずチェックしましょう。ただ上記条件を満たすファスティングドリンクを探すと値段もそれなりのものとなります。

と、いうこで最後に付けた経済的な条件が、

  • 1食分1,000円以内であること(2日分で6,000円以内)

ファスティングにおススメの酵素ドリンク

「週末ぷち断食」を実施するにあたって、上記の条件に合致する酵素ドリンクについて調べると2つのファスティング用ドリンクが該当しました。


大高酵素 スーパーオータカ 720ml

原材料の植物を浸透圧現象によってエキスを抽出するための触媒として白糖を用いているために原材料の最初に白糖の記載がありますが、原材料に白糖が使われている理由 で、最終的な製品としては、果糖とブドウ糖しかないという説明があります。しかし、この果糖とブドウ糖のためか、カロリーは高く、1mlで3Kcalあり、ファスティングドリンクとして1回120mlを飲むと360Kcal、1日で1,000Kcal以上になります。

条件
100%原液
多種の野菜果物が原料
50種類の野菜、果物、海藻、茸、木の芽
無添加
6000円以下
定価 5,148円
商品紹介

伝統的製法により、多種類原料植物から自然抽出したエキスを、天然の酵母や乳酸菌によって自然発酵~熟成させた健康飲料です。

原材料

白糖、リンゴ、人参、キャベツ、大根、梨、セロリ、キュウリ、バナナ、玉ねぎ、ゴボウ、ホウレン草、カボチャ、トマト、ピーマン、ブラック、マッペモヤシ、ナス、レンコン、ウド、生シイタケ、生姜、エンドウ、モヤシ、レタス、アスパラ、ニンニク、ミツバ、ミカン皮、食塩、笹、フキノトウ、タンポポ、オオバコ、クローバー、昆布、トクサ、杉、カブ、パイン、ブドウ、苺、イタドリ、アサツキ、白菜、エノキタケ、サラダナ、ヨナメ、ヨモギ、セリ、ニラ、トドマツ、青シソ、ワカメ


ビューティプランニング ベジーデル酵素液 720ml

こちらは黒糖で3年間発酵熟成させた酵素ドリンクです。106種類の植物原料と多種ではありますが、原材料には植物発酵エキスの他、果糖ぶどう糖液糖、オリゴ糖、VE、VB1、VB2、VB6 の記載があります。VE(ビタミンE)は酸化防止剤として、VB1(ビタミンB1)は保存料に使われる添加物ですが、栄養補助剤として使われているのかもしれません。100mlで174Kcalなので、1回120mlでは約210Kcal弱、1日では630Kcal弱です。

条件
100%原液
原液との表記はあるが下記の添加物あり
多種の野菜果物が原料
野菜・果実・野草・海草等106種類
無添加
果糖ぶどう糖液糖、オリゴ糖、VE、VB1、VB2、VB6
6000円以下
実売価格 4,000円弱
商品の説明

天保元年(1830年)創業の老舗の酒蔵が、昔ながらの製法を用いて、発行に1年、熟成に1年、更に対熟に1年の歳月をかけて丹念に作り上げています。野菜、果実、野草、海藻類など、106種類に及ぶ厳選された植物原料を、丸まま漬け込み、 黒糖のみで3年間という歳月を費やし、仕込んでいます。

原材料

植物発酵エキス(黒糖、大根、人参、カブ、ゴボウ、玉葱、蓮根、生姜、ミョウガ、ユリ根、ワサビ、モヤシ、ジャガイモ、さつま芋、里芋、ニンニク、白菜、キャベツ、ほうれん草、春菊、レタス、モロヘイヤ、フキ、水菜、小松菜、チシャ、チンゲンサイ、サラダ菜、ミツバ、ニラ、紫キャベツ、サニーレタス、パセリ、アサツキ、メネギ、セロリ、カリフラワー、ブロッコリー、食用菊、タケノコ、ズイキ、ウド、アスパラガス、カボチャ、きゅうり、白ウリ、なす、トマト、スイカ、冬瓜、ゴーヤ、メロン、シシトウ、ピーマン、ズッキーニ、オクラ、明日葉、オオバコ、カンゾウ、ドクダミ、クコ、スギナ、ウコン、マタタビ、ビワ葉、イチゴ、みかん、レモン、梅、ビワ、ブドウ、プルーン、スダチ、カボス、柿、梨、パパイヤ、マンゴー、柚子、バナナ、パイナップル、アーモンド、カシューナッツ、昆布、ワカメ、ヒジキ、青のり、もずく、アオサ、アカサ、椎茸、舞茸、エノキ茸、シメジ、レイシ、玄米、大麦、ハト麦、粟、キビ、ヒエ、トウモロコシ、ごま、小豆、黒豆、インゲン、枝豆)、果糖ぶどう糖液糖、オリゴ糖、VE、VB1、VB2、VB6


週末ぷち断食へのチャレンジ

と、いうことでサイト上も丁寧な説明があった大高酵素 スーパーオオタカ 720mlを購入して、「週末ぷち断食」へのチャレンジです。ファスティングドリンク以外には、水分補給のためにミネラルウオーターを4ℓ用意していました。お茶、炭酸水、果物ジュースとの併用も考えましたが、デトックスということを意識してファスティングドリンク以外は水だけにしました。食物からの水分補給がないので意識的に水を飲むようにして2日で3リットル消費しました。


スーパーオオタカの飲み方

スーパーオオタカのファスティング時の飲み方についてサイトに掲載されていますが、体重×8mlとあります。720mlだと2日間のファスティングには、足りない…。

1200mlのサイズもあるけど…、

取り敢えず、見なかったことにして、1回120ml(360Kcal)を朝、昼、夕の3回としました。原液のままでも飲めないことはないですが、水分補給を考えて、ミネラルウオーター180mlを足して、300mlを食事の代わりにしました。後は意識的にミネラルウォーターを飲むようにしていました。

1日の大高酵素エキス(スーパーオータカ、風雪)の飲用量の目安は、健康体重(kg)×8ml です。たとえば身長165cmの人の場合は、165-105=60kgがおよその健康体重ですので、1日の酵素の飲用量の目安は、60×8=480ml となります。これを朝・昼・夕・寝る前と、4回に分けて飲んでください。間にノンカロリーの水分(水、お茶等)は充分とってください。

ファスティングドリンクで意外とお腹は減らない

2日間も食を断ったことがなかったので、始める前は空腹との戦いになることを覚悟していましたが、ファスティングドリンクの飲用効果なのか空腹はあまり感じませんでした。

初日の土曜日は外出して、軽い運動もしました。しかし、2日目の日曜日は軽い頭痛を伴っていたのと、嗅覚が敏感になり色々な臭いが気になっていました。夜は直ぐに眠くなり、夜9時過ぎに就寝という、なんとも健康的な週末でした。

【ファスティングの感想】
  • 空腹感はあまり感じない
  • 軽い頭痛あり(2日目)
  • 嗅覚の冴え(2日目)
  • 夜は睡魔に耐えられず

週末ぷち断食の結果は-2Kg

意外にも?というか、予想通り結果で、金曜日の就寝時の体重が70.4Kgで、月曜日の朝食前が68.4Kgと 60時間で2Kgのダイエット  です。

20141205_174916000_iOS

リバウンドの予想は?

リバウンドも想定通りで、2日後には、もとの体重に戻ってしまいましたが、下図のグレーでマーキングしたファスティング前の体重増加傾向は打ち消すことができました。

週末ぷち断食は、同窓会や結婚式などで一時的に体重を減らしたいとき、ダイエットに弾みを付けたい時などは効果的な方法かもしれません。

20141205_185206000_iOS

ファスティングの目的

ファスティングの目的は、身体をリフレッシュするために

  • 内臓器官の休息
  • デトックス(Detox)

だと考えましょう。ダイエットは副次的な効果です。

食事をとらないときに感じた嗅覚の冴え、そして感覚が研ぎ澄まされていく体験は貴重でした。それが体内に蓄積された老廃物や毒素を排出するデトックスの効果だとすれば、今回の「週末ぷち断食」は成功だったのではないかと思います。

次回は年末年始の休みのときにスーパーオータカ1200mlで3日間のファスティングにチャレンジしたいと思います。


「計るだけダイエット」と健康を支えるガジェットたち

WiFi接続してデータをアップロードしてくれる Withings WiFi体重計は「計るだけダイエット」の必須ガジェットです。

2014年11月9日

缶コーヒー断ちでもダイエットはできる

ダイエットをマインドマップで考える

ダイエットの第一歩としての体重の可視化は、Withings WS-50 で実現できました。次は「カロリー取得制限」です。毎日、体重を記録すると自分の体重を意識するようになるので食べるものについても何となくなく意識します。これが「計るだけダイエット」の極意だと思います。


カロリー摂取制限なくしてダイエットなし

体重を減らすためには、いま現在より、摂取カロリーを制限するか、カロリーを消費するために運動するかの何れかしかありません。「計るだけダイエット」はこの摂取カロリー制限か、消費カロリー増大のための介助にしか過ぎません。

しかし、運動は健康維持のためにも大切ですが、運動で痩せると、運動を止めるとまた戻ってしまいそうですし、何よりそんなに激しい運動はできる気がしません。そんな気弱な自分の理論の正当化するために読んだのが、「ダイエットは運動1割、食事9割」です。

本書の主旨は、運動よりも、痩せたいなら高N/Cレートの和食を食べなさいということです。

N/Cレートとは、Nutrient value(栄養的価値)/Calorie(総カロリー)のことで、ミネラルやビタミンといった栄養素がどれだけ含まれているかの比率のことです。簡単に言えば低カロリーで栄養素の高い食物を取得しましょうということです。このN/Cレートの高い食品が「まごわやさしい」と称されています。「まごわやさしい」は、食品研究家で医学博士の吉村裕之氏が提唱しているバランスの良い食事の覚え方で日本の昔からある食材です。

= 豆類(味噌、納豆、豆腐、大豆、小豆、湯葉)
= ゴマなどの種子類(ナッツ、クルミ、アーモンドなど)
= ワカメなどの海藻類(ひじき、昆布、もずく、のり、寒天)
= 野菜類(緑黄色野菜)
= 魚類(小魚、背青魚:イワシ、アジ、サバ、サンマ)
= シイタケなどのきのこ類(舞茸、エリンギ、干椎茸、きくらげ、えのき)
= イモ類(さといも、さつまいも、やまいも)

やっぱり、和食は健康の基本です。


毎日飲んでいる缶コーヒーの恐怖

しかし、現実的には毎食が「マゴワヤサシイ」和食にすることもできません。そこで具体的にカロリー摂取量を制限する方法についても考えてみました。「デブ=砂糖」というイメージもあるので、砂糖の摂取を抑えることができ、自分にとって最も簡単にできそうだったのが、毎日のように飲んでいる缶コーヒーをブラックにするということでした。

缶コーヒーでなくても甘味飲料を飲んでいるのであれば、それをお茶や炭酸水に変えるだけであれば難しくはありません。

先ずは、缶コーヒーにどれだけの砂糖が含まれているのかを調べてみました。各社とも缶コーヒーの成分についての記載は大体同じで、微糖タイプ以外には糖類という項目がありません。しかし、缶コーヒーの成分にある炭水化物は、砂糖とミルクだと思わるので、微糖タイプの炭水化物と糖類の比率から缶コーヒーに含まれる糖類を推測して、普段使っているスティックシュガーに換算してみました。


BOSS レインボーマウンテンブレンド

内容量 185g
カロリー 62.9Kcal
炭水化物 12.40g
糖類(推測) 10.92g
スティックシュガー 4本

BOSS 贅沢微糖

内容量 185g
カロリー 35.15kcal
炭水化物 5.55g
糖類 4.07g
スティックシュガー 1+1/3本

GEOGIA エメラルドマウンテンブレンド

内容量 185g
カロリー 62.9Kcal
炭水化物 13.14g
糖類(推測) 11.47g
スティックシュガー 4本

GEOGIA エメラルドマウンテンブレンド キレの微糖

内容量 185g
カロリー 31.45Kcal
炭水化物 5.18g
糖類 3.52g
スティックシュガー 1本

FIRE ダブルマウンテン

内容量 185g
カロリー 48.1Kcal
炭水化物 9.25g
糖類(推測) 7.77g
スティックシュガー 2+1/3本

FIRE 挽きたて微糖

内容量 185g
カロリー 31.45Kcal
炭水化物 4.44g
糖類 2.96g
スティックシュガー 1本

スティックシュガーは砂糖3gなので、185gの缶コーヒーにはスティックシュガー4本、微糖タイプでも1本以上の砂糖が含まれているということになります。1日に2缶の缶コーヒーでスティックシュガー8本以上の砂糖を摂取していることになります。くわばら、くわばら。

ちなみに大好きなオランジーナといえば、


オレンジーナ

内容量 420g
カロリー 180.6Kcal
炭水化物 44.94g
スティックシュガー 15本

炭水化物を全部、糖類だとして計算すると、何と オランジーナ1本でスティックシュガー15本分の砂糖が含まれている ことになります。

この数値をみて缶コーヒーはブラックに、オランジーナを断ち炭酸水へと変えようと決意をしました。


缶コーヒーを飲まないとどれだけ減量できるのか?

砂糖は前述したように炭水化物です。カロリーを構成する栄養要素には、炭水化物、脂質、タンパク質があります。炭水化物は1gで4Kcalで、消費されなかった炭水化物は体脂肪として蓄積されます。そして体脂肪1kgを消費するには7,200Kcal が必要です。

カロリー計算は、スティックシュガーとしてではなく、成分表に記載されているカロリーを利用します。普段飲んでいる BOSS レインボーマウンテンブレンド だと1日3缶飲めば180Kcalになります。

62.9Kcal×3本 ≒ 190Kcal/日

毎日190Kcalの余剰炭水化物が体脂肪として蓄積されるとすると1ヶ月では、

190Kcal×30日÷7,200Kcal=0.8Kg

となります。

つまり缶コーヒー断ちで 月に約1kg減量できる 計算になります。

下記の体重変化は缶コーヒー断ちだけの成果だけではありませんが、無理をしなくてもちょっとしたことで減量をすることは可能です。いまのところ増減はしながらも2ヶ月で3Kgの減量に成功しています。

Withings_weight


ダイエットと健康を支えるガジェットたち

2014年11月3日

素晴らしきかなWiFi体重計(Withings WS-50)

Winthings WS-50

ダイエットの第一歩として考えたのが体重の可視化です。体重測定は簡単な行為ですが、簡単な行為だからこそ怠りがちになります。そこで下記の観点で体重計を探して、WiFi接続で自動的に体重がクラウドにアップされて、スマホアプリで可視化できるWithings スマート体重計を購入しました。

  • 楽しく測定できる
  • 簡単に記録できる
  • データが可視化できる

キーとなるのは「簡単に記録できる」です。自宅にWiFi環境があるのであれば、WiFi接続タイプであれば自動的にネットにデータが保存されるので、Bluetooth接続でスマホと連携するよりもお手軽です。しかし、「体重はWiFi機能付き体重計で、ネットで管理する」でも記載しましたが、現在、日本で販売されているWiFi機能付きの体重計は、オムロン 体重体組成計 カラダスキャン HBF-253W-BKWithings Smart Body Analyzer WS-50 の2機種のみです(2015年現在)。

自分は下記の理由で、Withings のスマート体重計を選択しました。

  • 長期間のデータ保存が無料(オムロンは有料)
  • 日本の代理店でサポート
  • 海外アプリであればiOS のヘルスケアと連携可能になるという期待(既に連携可能)

Withings は、体組成計の中でも効果な部類です。しかし、高い体重計を買ったのだから使わなければという意識付けにもなりますし、デザイン的にも気に入っています。色的にはWS-30のホワイトの方が素敵だと思うのですが。(※ WS-50 も白モデルが購入できるようになりました)


スマート体重計で「はかるだけダイエット」も簡単

「はかるだけダイエット」の記事を読むと、朝(排便後)と夜(就寝前)に計測するのがよいとあります。朝の排便後から夜の就寝前の体重差が一日の摂取量(飲食量)となるからです。確かにこれによって食べすぎなどを意識することができるかもしれませんが、決め事が多くなるほど継続が難しくなるので、最初は、体重を量る時間を気にせず気が付いたときに1日何回でも体重測定をしましょう。

Withing のアプリHealth Mateでは1日に複数回計測されていても計測時間で時系列にグラフ化されます。また実測値だけではなく傾向がわかるように可視化されているので右下がりになっているグラフをみれば、脳内で快感物質βエンドルフィンが放出され、ダイエットの励みになるでしょう。

下記はBMIのグラフです。ブレはありますが傾向値から減少傾向であることが一目瞭然です。

Withings Health Mate

またWithingsの Health Mateサイト からデータをダウンロードして自分で加工することも可能です。

Withings_weight

WS-50の初期設定は簡単

Withingsスマート体重計には日本語のマニュアルも付属していますし、もし設定がうまくいかないようであればサポートも受けることができます。

設定は、

  1. アプリ(Withingsヘルスケア)のインストール
  2. アカウント登録
  3. スマホとスマート体重計をBluetooth接続

という手順で進めて行きますが、マニュアル通りに行えば至って簡単です。WiFi接続の設定もスマホの設定がそのまま使われるので表示されたアクセスポイント名(SSID)を選択するだけです。

Withngs Health Mate


(無料アプリ)Withings の機器がなくてもマニュアル入力での利用も可能

WS-50で体重測定する

体重計に乗ると自動で電源が入り、

体重測定 → 体脂肪測定 → 雨天警報 → 心拍数測定 → 気温とCO2濃度測定

の順番で測定されていきます。所要時間は30秒程度です。

最大8名まで登録することができ、体重から自動で登録者を認識します。体重が近い人が登録されていると体重測定後に選択を促されます。下記は2人の場合の選択例ですが、3文字のニックネーム(Edi or Jak)を左右に体重を傾けることによって選択します。

【引用】Screens displayed when you step on the scale:user selection screen

Withingsスマート体重計で測定できるもの

Withingsスマート体重計では、

  • 体重
  • 体脂肪量
  • 心拍数

が測定できますが、アプリではBMIも表示されます。

体重測定の精度は200gと日本メーカの体重計に比べて精度が劣りますが、65.1Kgといった奇数グラムも表示されます。測定中の体重計の表示からすると65.0Kgと65.2Kgの中間であれば65.1Kgと表示されているのだと思われます。


体脂肪の測定はジャパニーズモードで

Health Mate アプリのプロファイルに体脂肪測定時の補正としてアスリートモード、ジャパニーズモードがあります。ジャパニーズモードをONにしておかないと体脂肪率が測定が大幅にずれてしまいます。

Wintings Health Mate

雨が降るかもしれない

体脂肪の測定と心拍数の測定の間で下記のような傘マークが表示されるときがありますが、これは雨天警告です。

Wintings WS-50 Rain Alert

Withingのサイトには下記のように記載されておりIPアドレスから位置情報を判定して日中に雨の予報がある場合にレインアラート(雨天警告)が表示されるとあります。

Please note that the only icon that can be displayed is the umbrella and that it appears when weather forecasts predict light, moderate or heavy rain during the day. The alert is based on the location of the internet service provider server which is the nearest to your IP address to be very accurate.

天気予報のソースはどこなのかはわかりませんが、どの都市で判定されているかは Health Mate のウェブサイトの設定で確認ができます。

image

自動で判定された地域が間違っているようであれば Automatic selection of the city のチェックを外せば自分で都市を設定することができます。

追記:雨天警報ではなく天気予報が表示されるようになりました。詳細は、Withings WiFi 体重計 に機能追加されて更に便利に を参照してください。


iOSのヘルスケアとの連携

iOS8で新しくヘルスケアアプリが追加されましたが、Withings Health Mateと連携することができます。Appleのヘルスアプリを使うと体重はWithingsで、活動量計はUPで、睡眠は Sleep Cycleでと、様々なデータソースを統合することができます。またiPhoneを活動量計代わりにすることもできます。


Appleのヘルスケアとの連携方法

① Withings Health MateアプリのプロファイルにあるヘルスケアをON

Withings Health Mate Profile

② AppleヘルスケアのソースからWithingsを選択

Apple Health

③取得するデータを選択を選択(選択できるものは全部ONに)

20141010_103956000_iOS

Withings WS-50 では表示されない基礎代謝量なども選択肢にあります。


ダッシュボードへの追加方法

BMIをダッシュボードに表示するのであれば、「健康データ」から「身体測定値」を選択して「ボディマス指数(BMI)」でダッシュボードに表示をONにします。

20141102_073650000_iOS

これで完了です。


最後に

WS-50を購入して、毎日、体重測定をするという第一関門は突破できました。そして、簡単な測定、統合した記録、デザインという Withings のコンセプトが気に入り、Jawbone UP の後任の活動量計として Withings Plus Active Tracker を購入しました。さらに先日、アメリカに行ったときにお土産としてAppleストアで Withings Wireless Blood Pressure Monitor(血圧計)まで購入し、すっかり健康オタクとなってしまいました。

記録し可視化することがダイエットの第一歩です。

アクセス上位(過去7日間)