スキップしてメイン コンテンツに移動

投稿

10月, 2018の投稿を表示しています

女性に歌って欲しい素敵なカラオケソング十選

イメージ
日常生活のカラオケでも聴いてみたいと感じる女性歌手の素敵な持ち歌の十選を個人的に紹介する。 素敵なカラオケソング①田村英里子の涙の半分涙の半分/田村英里子 cover via Kato RecoKato Recaの涙の半分のカラオケ動画 1989年3月15日_作詞:田口俊/作曲:筒美京平/編曲:小林武史涙の半分はアイドル歌手の田村英里子のデビュー曲のロコモーション・ドリームのB面だけれどもアニメのアイドル伝説えり子の主題歌にもなっていた。ミディアムテンポのポップスで、美しくも心地好いメロディーにうっとり魅了させられるところが女性に歌って欲しいカラオケソングに相応しい素敵な一曲だ。 田村英里子の持ち歌では他に好きよや真剣(ほんき)などが気に入っている。 素敵なカラオケソング②MISIAのBELIEVELuccaのBELIEVEのカラオケ動画 1999年4月21日_作詞:MISIA/作曲・…

青木功がジャック・ニクラスに惜しくも敗れた1980年の全米オープンゴルフ

イメージ
世界のゴルフの四大大会の一つ、全米オープンで初めて優勝争いに躍り出た日本人ゴルファーが青木功だった。 1980年、アメリカのニュージャージー州スプリングフィールドにあるバルタスロールGC(ゴルフクラブ)のローワーコース/7400ヤードのパー72で開催された第八十回の全米オープンで、予選二日と本選二日の計四日間をアメリカのジャック・ニクラスとラウンドした。四大大会で現在でも破られない歴代最多の十八回の優勝を誇る史上最高のゴルファーだけれども当時からゴールデンベア(金色の熊)の異名を持っていたりして大人気だった。 青木功は初日から飛んでもない実力者のジャック・ニクラスと四日連続で優勝争いを演じて最終的に敗れたものの日本人ゴルファーの四大大会で二位という現在でもトップ――2017年の全米オープンで松山英樹が並んだだけで、国内の優勝者はまだ一人も出ていない――の突出した成績を結果的に後少しの二…

イリース・トルーのイパネマの娘の本気の涙が世界を救う純心な歌声

イメージ
気に入って止まないボサノバの名曲のイパネマの娘はオリジナルのアストラッド・ジルベルト以外に数多くの歌手がカバーしているけれどもイリース・トルーのイパネマの娘を聴いたらポップソングのアレンジに衝撃的な驚きを感じた。The Girl from Ipanema - Stan Getz & Astrud Gilberto (cover by Elise) via Elise Trouw アカペラに近いカバーだ。必要最小限の演奏で、歌こそ聴かせるアレンジが素晴らしいと感銘を受ける。イリース・トルーのパフォーマンスは幾らか大袈裟かも知れないけれども美輪明宏のヨイトマケの唄のように優れて演劇的な歌唱と捉えれば魂が吹き込まれた結果ではないとはかぎらない。却って誉め称えるのは吝かではない、何だろうと嘘臭さに訝るよりは聴くほどに人間的に繰り広げられる歌の世界に。 イリース・トルーのイパネマの娘は悩…

Bloggerブログでスマホのインデックスページへ記事下のアドセンスのサイズを小さくして振り分けて載せる

イメージ
Bloggerブログのスマホのインデックスページの記事下のアドセンスはサイズが大き過ぎるので、html編集のカスタマイズでページを振り分けてサイズを小さくしてモバイルバナーの320×100で表示するように変更したんだ。Contempoなどの新テーマは記事下のアドセンスがスマホのインデックスページでも表示される。記事の抜粋のスニペットに挿入される。それ以前のシンプルなどの旧テーマではウェブバージョンのパソコンやタブレットだけで、モバイルバージョンのスマホでは無理だったので、明らかに改善されていると感心する。 新テーマの記事下のアドセンスはブログの投稿ガジェットから設定するとテンプレートのBlogのwidget内のinlineAdのincludableタグで出力されるけれどもソースコードはdefaultAdUnitのincludableタグで定義付けられていて個々に共通したデザインを保ちな…

Bloggerのカスタマイズのページ毎の振り分けの一覧と条件分岐のifの使い方

Bloggerブログのテンプレートは振り分けを使ってページ毎にコンテンツを表示できる。使い方は条件分岐の独自タグのifの開始タグと終了タグでコンテンツを囲むだけだから非常に簡単だ。Bloggerのブログのカスタマイズにとても便利なので、どんなページにコンテンツを振り分けて表示できるかを一覧に纏めておきたいと思う。 目次data:view型の振り分けタグdata:blog型の振り分けタグBloggerの振り分けタグの使い方条件や条件の判定を切り替える複数の振り分け条件を盛り込む data:view型の振り分けタグ ifに振り分け条件のcondを個別に付ける。 公式テーマのComtempoとSohoとEmporioとNotableから追加された。しかし以前のテーマでも同じように使える。新しいタイプの振り分けタグだ。 ホームページ(トップページ)<b:if cond='data…

BloggerのContempoテーマで記事タイトルの右横の共有ボタンを消す

イメージ
BloggerのContempoテーマの記事タイトルの右横の共有ボタンはユニークなデザインで気に入っていたけど、ところが殆ど誰も使わないようだし、ソースコードは、結構、長くて表示速度を下げてしまう恐れも否定できないので、消すべきではないかと感じ始めた。 記事タイトルはメインのコンテンツを訪問者に最も印象付けるブログの生命線だから右端まで伸ばしてきっちり表示しておくのがアクセスアップに大事かも知れない。Flower latte art by Kevin Menajang [CC0], via Pexels もう既に繁栄していて皆から気軽に広めて貰える状況でもないかぎりは共有ボタンではなくて記事タイトルこそ見立たせるのがブロガーとして得策だ。 目次記事タイトルの右横の共有ボタンを消す方法Contempoの記事タイトルの右横の共有ボタンのソースコード記事下の共有ボタンを単独で表示する方法Co…

Bloggerのdefaultmarkupタグの最初は便利で最後は不要な使い方

イメージ
Contempoなどの2017年の公式テーマからソースコードに追加されていたBloggerの独自タグの一つ、defaultmarkupとは何かを考える。Contempoテーマ via Blogger head内に幾つも記載されていて中身はincludableタグばかりなんだ。翻ってbody内には同一のidと内容を持つincludableタグが記載されていて完全に重複している。ソースコードに二つのマークアップがまるでコピーされたように含まれているのはサイト作成で謎としかいいようがない。 概して一つしか要らないはずだし、body内のincludableタグでブログは成り立つと思う。defaultmarkupタグがなぜhead内に幾つも記載されているのか。Bloggerのテンプレートでの役目、そして使い方も分からない。 defaultmarkupタグはウィジェット毎の初期設定を示す 調べるとB…

Bloggerブログで注目の投稿ガジェットの次にアドセンスのサイト広告を表示する

イメージ
ブログのテンプレートをContempoに変えたらトップページの先頭に注目の投稿ガジェットが付いていた。調べると公式テーマに同時に追加されたSohoとEmporioとNotableも同じなんだけれども注目の投稿ガジェットをトップページに使うとアドセンスのサイト広告の出方が変わってしまうんだ。 レイアウトのブログの投稿から記事下だけではなくトップページを含めてインデックスページの複数の記事の抜粋にどのくらい間隔を開けて表示するかを決められるのが一つずれる。 修正して注目の投稿ガジェットの次にアドセンスのサイト広告か出るようにしたA woman thinking in grassland by cuncon [CC0], via Pixabay テーマのhtml編集かバックアップ/復元からカスタマイズを行う。 Blogのtypeのwidget内のmainのidのincludable内にアドセ…

インラインsvgのstroke-linecapとstroke-linejoinとstroke-miterlimitのデザイン

サイトにインラインsvgで描画する場合に線の両端や頂点のデザインを付ける三つの属性が使える。svg画像が実際にどんな形状で表示されるかとそれぞれの使い方のデザインについて考えてみたい。 stroke-linecapは線の両端の形状を指定する 三つの値を持っている。 butt(切り出し/真っ直ぐ) stroke-linecap="butt" 初期値だから他を指定しなければ反映する。線の両端は線と同じ長さで真っ直ぐに切り出される。 round(丸い) stroke-linecap="round" 線の両端は線自体よりも少し伸びて丸くなる。 square(平ら) stroke-linecap="square" 線の両端は線自体よりも少し伸びて平らになる。デザインはbuttと同じだけれども長さだけが違う。 インラインsvgで描画された…

インラインsvgのpathタグで描いた線の両端を繋ぎ合わせるにはZコマンドを使う

pathは座標からどんな線でも数多く描けるインラインsvgで最も自由度の高いタグだ。 しかし使ってみると一本の線の開始点と終了点の両端がスムーズに繋がらない場合があって参った。<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="auto" viewBox="0 0 320 240"> <path d="M50 110 L160 20, 270 110 h-220 M80 110 v110 h160 v-110 M240 140 h-50 v80 M95 125 h65 v40 h-65 v-40" stroke-width="4" stroke="#4682b4"…