石田ピアノ調律事務所
瀬田駅学園通り
https://r.goope.jp/piano-gakuentori
2026-04-16T11:19:33+09:00
-
text/html
2026-03-25T19:34:00+09:00
ピアノ調律師の絵日記を更新しました♫『おすすめ🎹！ 調律師と営業マンの違い』
https://r.goope.jp/piano-gakuentori/info/6680181
<p><a href="https://cdn.goope.jp/207660/260325193403-69c3ba1be500a.png" target="_blank"><img src="https://cdn.goope.jp/207660/260325193403-69c3ba1be500a.png" alt="ピアノ調律師の絵日記『おすすめ！調律師と営業マンの違い』png.png" /></a></p>
-
text/html
2026-02-04T08:11:00+09:00
動画を更新しました。BWV857前奏曲『1小節－４小節』 #バッハ
https://r.goope.jp/piano-gakuentori/info/6631274
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>YouTube投稿お知らせ - シンプルカード</title>
<style>
/* --- ピアノ調律師向け シンプルお知らせスタイル --- */
.piano-info-container {
max-width: 600px; /* カードの横幅 */
margin: 20px auto;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
line-height: 1.6;
color: #333;
}
.video-card {
background-color: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
display: block;
text-decoration: none; /* リンクの下線を消す */
color: inherit;
transition: transform 0.2s, box-shadow 0.2s;
}
.video-card:hover {
transform: translateY(-3px);
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
/* サムネイル画像エリア */
.thumbnail-area {
position: relative;
width: 100%;
padding-top: 56.25%; /* 16:9のアスペクト比 */
background-color: #000;
}
.thumbnail-area img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
/* 再生アイコンの代わり（CSSで描画） */
.play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
background: rgba(255, 255, 255, 0.9);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.play-icon::after {
content: "";
display: block;
border-style: solid;
border-width: 10px 0 10px 18px;
border-color: transparent transparent transparent #c5a059; /* ピアノゴールド色 */
margin-left: 5px;
}
/* テキストエリア */
.text-area {
padding: 20px;
}
.video-tag {
display: inline-block;
font-size: 11px;
font-weight: bold;
color: #c5a059;
border: 1px solid #c5a059;
padding: 2px 8px;
border-radius: 4px;
margin-bottom: 10px;
}
.video-date {
font-size: 12px;
color: #999;
margin-left: 10px;
}
.video-title {
margin: 0 0 10px 0;
font-size: 18px;
font-weight: bold;
color: #1a1a1a;
}
.video-description {
margin: 0;
font-size: 14px;
color: #666;
}
/* スマホ向けの微調整 */
@media (max-width: 480px) {
.video-title {
font-size: 16px;
}
.text-area {
padding: 15px;
}
}
</style>
</head>
<body>
<div class="piano-info-container">
<!-- リンク先(href)を実際のYouTube動画URLに変えてください -->
<a href="https://youtube.com/shorts/TgV6a6vBy9g">
<!-- サムネイル画像 -->
<div class="thumbnail-area">
<!-- 実際の動画サムネイル画像のURLに変えてください -->
<img src="https://img.youtube.com/vi/TgV6a6vBy9g/maxresdefault.jpg"動画サムネイル">
<div class="play-icon"></div>
</div>
<!-- 説明テキスト -->
<div class="text-area">
<div>
<span class="video-tag">NEW VIDEO</span>
<span class="video-date">2026.2.4</span>
</div>
<h3 class="video-title">
BWV857前奏曲『1小節－４小節』 #バッハ
</h3>
<p class="video-description">
「内省的で、心に深く突き刺さる名曲」の最初を弾いてみました♫
</p>
</div>
</a>
</div>
-
text/html
2026-02-03T16:57:00+09:00
動画を更新しました♫ピアノ調律完全解説第１１回『ピアノ調律のブラインドテスト』 #ピアノ調律
https://r.goope.jp/piano-gakuentori/info/6630802
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>YouTube投稿お知らせ - シンプルカード</title>
<style>
/* --- ピアノ調律師向け シンプルお知らせスタイル --- */
.piano-info-container {
max-width: 600px; /* カードの横幅 */
margin: 20px auto;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
line-height: 1.6;
color: #333;
}
.video-card {
background-color: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
display: block;
text-decoration: none; /* リンクの下線を消す */
color: inherit;
transition: transform 0.2s, box-shadow 0.2s;
}
.video-card:hover {
transform: translateY(-3px);
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
/* サムネイル画像エリア */
.thumbnail-area {
position: relative;
width: 100%;
padding-top: 56.25%; /* 16:9のアスペクト比 */
background-color: #000;
}
.thumbnail-area img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
/* 再生アイコンの代わり（CSSで描画） */
.play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
background: rgba(255, 255, 255, 0.9);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.play-icon::after {
content: "";
display: block;
border-style: solid;
border-width: 10px 0 10px 18px;
border-color: transparent transparent transparent #c5a059; /* ピアノゴールド色 */
margin-left: 5px;
}
/* テキストエリア */
.text-area {
padding: 20px;
}
.video-tag {
display: inline-block;
font-size: 11px;
font-weight: bold;
color: #c5a059;
border: 1px solid #c5a059;
padding: 2px 8px;
border-radius: 4px;
margin-bottom: 10px;
}
.video-date {
font-size: 12px;
color: #999;
margin-left: 10px;
}
.video-title {
margin: 0 0 10px 0;
font-size: 18px;
font-weight: bold;
color: #1a1a1a;
}
.video-description {
margin: 0;
font-size: 14px;
color: #666;
}
/* スマホ向けの微調整 */
@media (max-width: 480px) {
.video-title {
font-size: 16px;
}
.text-area {
padding: 15px;
}
}
</style>
</head>
<body>
<div class="piano-info-container">
<!-- リンク先(href)を実際のYouTube動画URLに変えてください -->
<a href="https://youtube.com/shorts/pVdZXOY2_1g">
<!-- サムネイル画像 -->
<div class="thumbnail-area">
<!-- 実際の動画サムネイル画像のURLに変えてください -->
<img src="https://img.youtube.com/vi/pVdZXOY2_1g/maxresdefault.jpg"動画サムネイル">
<div class="play-icon"></div>
</div>
<!-- 説明テキスト -->
<div class="text-area">
<div>
<span class="video-tag">NEW VIDEO</span>
<span class="video-date">2026.2.3</span>
</div>
<h3 class="video-title">
ピアノ調律完全解説第１１回『ピアノ調律のブラインドテスト』 #ピアノ調律
</h3>
<p class="video-description">
デッドユニゾンと広がりのあるユニゾンをブラインドテストした事例を見付けました♫
</p>
</div>
</a>
</div>