投稿

Blogger、サイドバーのページ表示にMaterial Design Iconsを入れてみた

イメージ
Material+Iconsが使えるのか試してみました。 サイドバーのガジェットでページを表示していましたが、このテーマではサイドバーが左サイドの設定で表示も左に寄っているため、もう少し左に空間を取ることとシンプルすぎるのでアイコンを入れて表示できないか試してみることにしました。

アイコンを自作するのは大変なので、接骨+鍼灸院のホームページで使っているmaterial+Iconsが使えると自作しなくて済むと思い設定したところ、なぜか上手く設定できてしまい逆に不安になります。

どうしてかというと、「Bloggerブログ」、「material icons」で調べてもICONSを使ったカスタマイズ方法がなかなか見当たらなく、しかたなくこれまでの拙い知識で適切なのか分からない記述だからで、上手くいかないことが前提でしたから。

自力なので不安ですが、とりあえずPCと携帯からは正常に見えています。
あとは、Googleさんから警告がこないことだけが心配の種でしょうか。

ここでプロの方は、困っている人を助けるためコードを載せてスクリーンショットと合わせて丁寧な説明をするのでしょうが、トップへのスクロールアップするコードを書くわけでもなくHTML編集画面で挿入するだけで苦労した私には、記述を載せる枠の設定もわからないし、とんでもない事をしている可能もあるので無理ですね。

アイコンはSVG画像をダウンロードして使えるようですが、今回はLink hrefでfonts.googleapisからmaterial+iconsを読み込んで使っています。
ただ、これはgoogleのスピードテストで改善点として上がっていたので画像をダウンロードして使った方がいいのかもしれません。

Material+Iconsは自分でアイコンを作成するよりは楽なのですが、思い描くものを見つけるのが大変というかしっくりしないのは感性の違いなのでしょうか。

設定方法が検索してもなかなか見つからないところを考えると需要がないのか、設定できて普通なのかもしれませんね。
とりあえず、達成感とともに自己満足に浸ります。

material iconsに疲れるところ 多くのアイコンがあっていいのですが、使用するときにテキストとのズレが出るため調整が必要となり左右の隙間の調整はまだしも、上下のズレが初心者には面倒です。
ただ、画…

Bloggerのテーマをカスタマイズしても元に戻ってしまいます

イメージ
HTML編集して保存がうまくいかない 数カ所HTML編集をして保存したあとに確認して、他の箇所を編集して保存すると前に編集したところが消えてしまうこの現象に苦労しました。

解決方法にならなかった なかなかうまくいかないので、解決方法を調べたところ一旦、デフォルトにして保存してから行うとよいとあったのですが最初からやり直し?
しかたがないのでデフォルトにして行いましたが、どうも私の理解が悪いのか書き換えて保存するも更新ができず、確認すると消えてしまっています。

書き換えるところが悪いの? 編集している箇所が悪いのか、書き方が悪いのか分からず上書きが上手くできない状態が続いてブログテーマのカスタマイズが思うように進まずにいました。

解決できたのか 結論としてはできました。
編集前のバックアップデータをアップロードしてからHTML編集を行い保存すると上書きできていました。
ただ、続けて編集を行うと同じような現象になるため、編集して保存する際はこまめな保存より全て終わってから保存しないとダメなようです。

サイドバーのガジェットへのHTML編集 同じHTML編集でもサイドバーでは消えてなくなる現象は起きませんでした。

なぜだかかわらない 以前はそんなことなかったと思いますが理由は分かりません。
バックアップは失敗したときのためのものと考えていたので、こういう使い方するとはお思いもしませんでした。

毎回、HTML編集前に以前のバックアップファイルをアップロードして始めることになるため、これは少しおかしいのではと思いますが編集前にバックアップをしてから始めるるのなら分かりますが、バックアップをアップロードしてから編集始めるのがBloggerでは普通なのでしょうか。

今回の現象は、ブロガーの仕様なのか、ブロガーの都合でタイミング的にたまたまなのか、もしかして使用しているテーマの問題なのかもしれません。

ちなみに、デフォルトに戻すをクリックしても設定が初期化されることはなかったので助かりましたが、このデフォルトに戻すとは何なんでしょう。
やはり、私のデフォルトへの理解が間違っているようです。

おわり トップへのスクロールアップする記述とフォントのサイズの変更程度の記述でこんなにも上手くいかないことに少し落ち込みました。
それにしても、編集画面でHTMLの記述を見てみるとスタイルシ…

Blogger、パンくずリストエラー続きでVaster2から変更してしまいました

イメージ
新しいテーマをプレビューしていて間違って適用ボタンをクリック vastaer2でパンくずエラーが続いていたので調べたところ、Schema.orgが推奨になったようで、以前の仕様だとエラーが出ていました。

自力で書き直すことが困難なので、最近アップデートされたブロガーのテーマにしようかとプレビュー画面を見ていて間違って適用ボタンをクリックしてしまい変更されてしまいました。
バックアップは取っていましたが、間違いついでに変更しようと決めてテーマを変更してみました。
変更はしたものの何かしっくりこないので、フォントサイズ程度の簡単なカスタマイズをしてみました。
当然ですが、自分の納得がいくデザインを希望するなら自分で作る方がいいのでしょうが、技術的に無理ですので、既成のデザインを少しだけ変更することに。

Googleさん!もう少しだけ細かく変更させて下さい。 本文フォントサイズとラベルのサイズの変更とか、サイドと本文とは別設定、表示の写真比率、隙間とかも...
知識の少ない私としてはHTML編集しなくてもカスタマイズができるといいのですが。

適当に変更したらダメですね 本文のラベルカラーを変更したらサイドバーのラベルカラーも変更されてしまいました。
分けてできないかあれこれ悩んでいます。
vasterでは違っていたのでできると思うのですが...この辺りが積年ビギナーです。
まったく分かりません。
適切なのかはわかりませんがフォントサイズやウエイトは変更できたようです。

トップページの投稿一覧の高さがもう少し狭くできるといいのですが、難しいです。

ブロガーのカスタマイズ設定画面ですとここを変えたいと思ってもなかなかできないところがあって、もう少しだけ細かくできると初心者には優しいのですが、知識のある人からはできないならカスタマイズするのは止めなさい!と叱られそうですね。
温かな目で見守って頂ければと思います。

とりあえず変更しましたが、なにかこのデザインは違和感があります。
やはり英語と日本語の違いでしょうか、感性の違いでしょうかなにかデザインがスッキリしませんが当面これでいきたいと思います。

表示がおかしなことになっていたらカスタマイズの失敗だと思ってください。

おわり このデザインにはパンくずリストがありませんでした。
なんとかしたいとは思っていますが...
ラベル…

Googleのスピードテストは衝撃の5点!

イメージ
接骨・鍼灸院のホームページを刷新してサーチコンソールのスピードテストにトライ サーチコンソールにログインしてみるとスピードテストがあったのでチェックしたところなんとモバイルで100点中5点!PCは37点!という衝撃の数字でした。
これは、笑うしかないような惨憺たる結果ですね。

テストの結果と採点内容が表示され読み込み速度とかいろいろ表示されています。
3.7秒は遅いということですが、何秒ならいいのかよくわからないので改善点をチェックしたところ

1.画像を小さくしましょう!
2.CSS、JavaScriptの読み込み方を変えましょう!
3.インラインで...、テキストファイルが...と続いていきます。

ただ、詳細を見ると説明は全て英語で、JPEG2000、webP、async、defer、gzip...
わかりません。

しかたないので、グーグル、スピードテスト、CSSなどで他を検索するとたくさんでてきましたが、どれも難しい用語だらけで基本がわかっていることが前提なので、日本語のサイトを丁寧に読んでもやっぱりわかりませんが、どうも、CSS、JavaScriptなどの読み込みタイミングをズラしなさいということのようでした。

まずは、画像ファイルを小さくしてみる とりあえず、できることは画像ファイルを小さくすることぐらいなので、画像を小さくすることにしてみました。

JEPG2000、webP? JEPG2000、webPのファーマットにした方がいいとグーグルさんがアドバイスをくれていましたが私にはあまり聞き慣れないフォーマットので、調べると次世代のフォーマットのようで、ブラウザの対応もまちまちのようです。

まずは、アドバイス通りに使用している画像をwebPにフォーマットし直しましたが、なんと逆に大きくなってしまいました。
大きくなる場合もありますと注意書きはありましたが、大きくなってしまっては意味がないのでフォーマットはjpgのまま画像サイズを小さくすることにしました。

3~4割はファイルサイズを小さくして再度アップしてテストすると、テスト結果は全くというほど変わりませんでした。

ただ、画像ファイルを小さくしてくださいは消えて、もっと小さくできますとwebP、JPEG2000を勧められることに...

CSS、JavaScriptをなんとかするしかない?defer asy…

ホームページ刷新にAtomEditorを使ってみる

イメージ
AtomEditorをインストールしたのに使わなかった。 以前、マークアップという記事を見て、AtomEditorで物書きしようとインストールしたのですが、一太郎の方が慣れていて結局一太郎で物書きしていたのですが、今回、令和2年仕様のホームページに変更しようと昨年末からホームページを刷新するために久々にアップデートして使用してみました。
マニアック感のあるいい感じのEditorなのですが、使用中のパソコンが古いためか以前より重くなったような気がします。

HtmlやCSSを編集するには慣れが必要 文章は一太郎、HtmlやCSSを編集する時は、国産エディッタStyleNoteを使っていますが、AtomEditorとは雰囲気が相当違うため使い慣れません。
ただ、プロジェクトフォルダはいいですね。
ホームページの構成が下手な私には全体の構造がわかりやすくとても重宝します。

検索機能が助かります この画像ファイルはどこかで使ってるのかな?とホーム-ページ全体の文字検索ができてリンク先の見落としなどのチェックにはとても助かりました。
あとはCSSのクラスも思いつきで作りすぎて使っていないものもたくさん溢れかえってしまっていたので、少し整理するにも助かりました。
必要でもないものを捨てられず残しているところが素人なんでしょうね。

おわり とりあえず、ホームページは楽しく作成しています。
PCとモバイルでの挙動がおかしいとか、リンクが切れているなどの不具合もあるかもしれませんが、今回は、全体にファーマットの種類を減らして少し統一感がでたのではと思っています。

カラーを変えようとスタイルシートを変更したり、パッケージを入れたら警告が出たりしていてまだまだ、AtomEditorは使い切れませんが少しずつ頑張りたいですね。

一太郎もStyleNoteもリナックス版がないようなので、このエディタはリナックスでも使えるところがいいですね。

一太郎の発売も近く、バージョンアップ悩みますね。

このブログを書きながら聴いてる1曲をご紹介 アーティスト:Kacey Musgraves
曲名:Love Is a Wild Thing
Album:
release:2018

令和2年に向けてホームページ刷新中

イメージ
ホームページのデザインを少し変更 昨年末、なんとなくホームページのデザインを直したくなって少しだけ変更しようと手を加えたところ、あれもこれもと変更したくなってしまいました。
今までは、googleのMaterial LIght Desingのフォーマットを試しながら全種類使っていたため、統一感もなく修正などの手間もかかり苦労していました。
この機会にできるだけ同じフォーマットにして修正もしやすくしようと奮闘しています。

まだまだ、不備なところもあるかと思いますが、気づいたところから直していきます。

おわり あれこれといじるのは好きですが、イラスト、色合いなどデザインは難しいですね。
最大の問題は、下地の構造が素人なので迷路になってしまうことですね。
色々なプロのホームページを参考に今後も奮闘します。

このブログを書きながら聴いてる1曲をご紹介 アーティスト:Fionn Regan
曲名:The Meetings Of The Waters
Album:
release:2017年

手陽明大腸経のツボ:陽谿(ようけい)(LI-05)

イメージ
手首にあるツボで、手関節の痛みのツボ 手関節の親指側にあり、関節、腱の痛みなどに使われるツボです。
手陽明大腸経:「陽谿」の由来 「陽」は陽気で「谿」は腱と腱のくぼみを意味する
・本経の経穴
・五行の火に属す

「取穴:ツボの探し方」 手首の背部で親指側、母指を伸展させるとできる腱のくぼみの中に取る。



「こんな症状にツボ:陽谿」 前腕から肘、肩にかけての痛み、手首の関節や腱の痛み
目の充血や痛み、歯痛、頭痛など

おわり 目や手にストレスのかかる細かな作業をされる方には、セルフケアとして陽谿を指圧、マッサージしてみてはいかがでしょうか。
また、このあとに出てくる手三里、曲池の位置を覚えることで、大腸経の流れに沿った指圧、マッサージをすることもできます。

※参考:針灸学(経穴編)、まんが経穴入門、図解経筋学基礎と臨床、鍼灸治療基礎学

このブログを書きながら聴いてる1曲をご紹介 アーティスト:Bright Eyes
曲名:Fist Day Of My Life
Album:I'm Wide Awake, It's Morning
release:2005

体の歪みにヨガの立位での三日月のポーズ

イメージ
体の歪みとパールシュヴァ・チャンドラ・アーサナから色々と考えてみる 三日月のポーズは以前にも出てきましたが色々とバリエーションがあるようで、前回は体の伸展、今回は横に曲げる側屈の動作がメインとなります。
このポーズは、側屈運動で体の傾きを正し、呼吸法とともに内臓を活性させましょう。

ポーズとしては比較的シンプルなのですが、脚を閉じていたり少し開いていたり、上に挙げる手を前からであったり、横からであったり、手のひらを合わせたり、組んでみたりと少しずつですが違っています。
このあたりは、ヨガは解釈や実践への融通性があって体格、筋肉や関節の柔軟性など個人差がありますから、個人に合った方法で無理なくというところなんでしょうね。

このポーズの効果 ・股関節の柔軟性、左右の歪みの矯正、体幹強化
・肝臓などの内臓の働きをよくする
・ピッタの過剰を抑える

ピッタの過剰というところが難しいのですが、体はヴァータ、ピッタ、カパの3つのバランスからなり体の状態を表しているようで、過剰ということなので東洋医学でいう実証ということでしょうか。

ポーズ効果のチェック このポーズでは体の運動機能的な要素として体幹の強化、左右の歪みの矯正、股関節の柔軟性などが挙げられていましたので、チェックしていくことにします。

■体幹強化
パールシュヴァ・チャンドラ・アーサナは身体の側屈動作ですので、脊柱周りや腹部の筋肉が中心となりますが、腕を上方に挙げるため腕と体幹を繋ぐ肩周り、肩甲骨周りの筋肉も関わってきます。

体幹の側屈で刺激される主な筋肉
脊柱起立筋外腹斜筋内腹斜筋腰方形筋広背筋
体をゆっくりと傾けるには、筋肉の伸張をコントロールする必要があり、筋肉を伸ばしながら収縮する遠心性収縮(エキセントリック)な筋運動が必要となります。
側屈動作では上半身の重さをコントロールしながら筋肉を伸ばす必要があり、ゆっくりと傾け、止めて、ゆっくりと戻す動作は体幹トレーニングでのプランク運動と同じようにゆっくりと姿勢を維持しながら意識して行うと意外と大変で体幹の強化になります。

■左右の歪みの矯正
左右の歪みを体幹で考えると左右どちらかへの傾きの改善というでしょうから、脊柱起立筋や腰方形筋などが偏って緊張していると体が傾いてしまいますので、側屈動作による筋肉の伸張と収縮動作が偏った筋肉の緊張から起こる歪みの改善につながるとい…

手陽明大腸経のツボ:合谷(ごうごく)(LI-04)

イメージ
目、顔、お腹と幅広い合谷 目の疾患から頭、顔、胃腸の疾患にと幅広く使われるツボです。

手陽明大腸経:「合谷」の由来 母指と示指が会うところで、指を開いたときに深い谷のようになることから合谷と命名。
大腸経の原穴
四総穴の一つ

「取穴:ツボの探し方」

①第2中手骨中点の外側に取る
②第1中手骨と第2中手骨基底の関節部の近位陥中
※合谷の取り方は諸説あるようです。

「こんな症状にツボ:合谷」 眼の疾患(目の充血、疲れなど)、頭痛、胃腸疾患、肩・腕・手首の痛み、腱鞘炎
面疔の名穴

おわり 合谷は有名なツボで、大腸経の原穴であり多くの症状に使われるツボです。
探しやすく、自分で刺激しやすいツボのためセルフケアではよく使われるツボです。

※参考:針灸学(経穴編)、まんが経穴入門、図解経筋学基礎と臨床、鍼灸治療基礎学

このブログを書きながら聴いてる1曲をご紹介 アーティスト:Why Don‘t We’
曲名:What Am I
Album:
release:2019

ふくらはぎの疲れにはセルフケアと鍼灸、吸角

イメージ
ふくらはぎは立っていても、座っていても疲れます ふくらはぎと呼ばれているとこは、筋肉としては下腿三頭筋となります。
この筋肉は、ランニング、ジャンプなどスポーツでの疲労だけでなく、長時間の立ち仕事や座り仕事でも疲れを感じるところです。

ふくらはぎに疲れを感じたらストレッチやマッサージでしょうか?
お風呂上がりなどに硬くなった筋肉をゆっくりと伸ばしたり、血行やリンパの流れが良くなるようにマッサージをしたりとセルフケアは大切ですが、ふくらはぎの疲れ、冷え、むくみがなかなか取れない方には、自宅でのセルフケアと合わせ鍼灸や吸角施術で筋・筋膜の歪みを改善したりツボへの刺激で血行を良くし疲労や不快感を解消できます。
是非、試してみて下さい。

下腿三頭筋の始まりと終わり


鍼灸施術とふくらはぎ 鍼灸施術と聞くと怖いイメージがありますが、疲れを取るリラクゼーションとしての鍼施術では、浅く軽い刺激の鍼施術ですので安心して受けて頂けると思います。

※当院では、リラクゼーションを目的とした鍼施術で使用する鍼は、0.16mm程度の細めの鍼を使用します。

※鍼施術では治療目的や施術の部位で鍼の太さ、刺激の強さは変わるため、リラクゼーションを目的とした場合と、神経痛や筋・関節のケガや障害の治療を目的とした場合では使用する鍼は違ってきます。

吸角施術とふくらはぎ 吸角は、吸い玉、カッピングとも呼ばれていますが、ガラスやプラスチック製の半カップ状のカップを使って、皮膚を吸い上げて皮下組織の癒着を解放し、血行、リンパを改善していきます。
吸角施術では、皮膚を吸い上げるため吸角の施術痕ができることがありますが、通常であれば1,2日で消えていきます。




吸角は皮膚を外から吸引して引圧による刺激となりますが、マッサージは皮膚の外から圧力を加えることで皮下、筋肉に押圧の刺激を与えます。
引圧、押圧の表現を変えて陰圧、陽圧にすると陰陽で東洋医学的になりますので、こちらの方が吸角施術にはいいかもしれませんね。

スポーツでの過労や痛みの治療 ダッシュやジャンプ、ランニングなどを繰り返す事によるスポーツでの過労などからのふくらはぎのケガや痛みにでは、ふくらはぎの深くにある筋肉(後脛骨筋など)や前面の筋肉(前脛骨筋)が疲労や障害を起こしていることもあり、治療としての鍼灸施術が必要となるため疲労回復としてのリラクゼーショ…

手陽明大腸経のツボ:三間(さんかん)(LI-03)と肩・腕の痛み

イメージ
手にある喉の痛みや肩や腕の痛みのツボ 三間は手陽明大腸経のツボで、大腸経は指先から肩、顔までつながっていきます。
手陽明大腸経:「三間」の由来 陽明大腸経の3番目のツボであって、第3節にあることから三間と名付けられる。
※諸説あるようです。
大腸経の兪穴
五行の木に属す

「取穴:ツボの探し方」


第2中手指節関節の橈側(母指側)から体幹に向かった凹み
または、第2中手骨の橈側を体幹側から指先に向かって撫で下ろしたとき、指が止まるところに取る

「こんな症状にツボ:三間」 眼の痛み、咽頭の腫れ痛み、肩・腕の痛み、示指の痛みしびれなど

おわり 二間と合谷に挟まれたツボになり、二間とは関節を挟んだ位置にあります。

※参考:針灸学(経穴編)、まんが経穴入門、図解経筋学基礎と臨床、鍼灸治療基礎学

このブログを書きながら聴いてる1曲をご紹介 アーティスト:miwa
曲名:リブート
Album:
release:2019

このブログの人気の投稿

ASUS K55DRノートパソコンが壊れて廃棄の前に分解したら修理できるかも?

手太陰肺経のツボ:侠白(きょうはく)五十肩、肩腕の痛みと筋肉

windows10のスタートメニューが出ない!設定ボタンが押せない!