月: 2024年1月

旧田中角栄邸で火災　真紀子氏「線香消し忘れ」夫婦とも無事　目白台：朝日新聞デジタル

8日午後3時20分ごろ、東京都文京区目白台1丁目の公園の利用者から、「田中角栄の家の方向からものすごい煙が出ている」などと110番通報があった。東京消防庁によると、2階建て住宅から出火し、2階建ての住宅延べ約800平方メートルと南側の雑木林などが焼けた。けが人はなかった。警視庁大塚署などによると、現場は故田中…

Posted from: this blog via Microsoft Power Automate.

【ライブ配信中】田中角栄元首相邸から出火と通報 消火活動中 | NHK

東京消防庁によりますと、8日午後3時20分すぎに、文京区目白台1丁目にある田中角栄元総理大臣の自宅だった建物から「火が出ている」と通報がありました。 この付近で建物が激しく燃えていて、現在、消防が消火活動を行っています。現場は、JR目白駅から東におよそ1.4キロ離れた住宅や大学などが建ち並んでいる地域です。

Posted from: this blog via Microsoft Power Automate.

サンドウィッチマン富澤『到着』

やはり道の悪さの影響でだいぶ遅れてしまいましたが、気仙沼を出たトイレトレーラーは、石川県輪島市の鳳至小学校避難所に到着したようです。 派遣された職員の皆さん、長時間の運転、寒い中の車中泊、本当にお疲れ様です。 香川県から自衛隊の皆さんも来てくれていますね！ 水道チームが持参した水道タンクヘの給水は，…

Posted from: this blog via Microsoft Power Automate.

コストコに行ってみたら「家に備蓄できる環境前提で、社会がまるで違うんだ」住宅や街づくりの違いを感じた

king-biscuit @kingbiscuitSIU ご当地にコストコができた時、ゼミで若い衆と一緒に現場含めてしらべものをしたんだが、その時学生若い衆から出てきた感想が、「これって日本人の言う買物でなくむしろ狩猟｣｢家に備蓄する／できる環境がある前提で成り立っている業態で、そもそも社会的風土がまるで違うんだな」といったも…

Posted from: this blog via Microsoft Power Automate.

Javascript データから表を作成

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>My Playground</title>
  <style>
    table {
      border-collapse: collapse;
    }
    th {
      font-weight: normal;
      background: #eee;
    }
    th,
    td {
      padding: 4px;
      border: 1px solid;
      text-align: center;
    }
    th:nth-child(1) {
      width: 40px;
    }
    th:nth-child(2) {
      width: 180px;
    }
  </style>
</head>
<body>
  <table>
    <thead>
      <tr><th>#</th><th>名前</th></tr>
    </thead>
    <tbody id="names">
    </tbody>
  </table>
  <script>
    // 名前の配列を定義
    const names = [
      '佐藤',
      '鈴木',
      '高橋',
      '田中',
      '伊藤',
      '渡辺',
      '木村',
      '吉田',
      '山本',
      '中村',
      '小林',
      '加藤'
    ];
    
    // 配列のすべての要素に対して処理を実行
    names.forEach((name, index) => {
      // 新しいtr要素を作成
      const tr = document.createElement('tr');
      // インデックス用のtd要素を作成し、インデックスを設定
      const indexTd = document.createElement('td');
      indexTd.textContent = index + 1;
      // 名前用のtd要素を作成し、名前を設定
      const nameTd = document.createElement('td');
      nameTd.textContent = name;
      // インデックス用のtd要素をtr要素に追加
      tr.appendChild(indexTd);
      // 名前用のtd要素をtr要素に追加
      tr.appendChild(nameTd);
      // tr要素をテーブルのtbody要素に追加
      document.getElementById('names').appendChild(tr);
    });
  </script>
</body>
</html>

深夜に家の前で立っている人がいたので通報した→通報された本人が反応「人には迷惑をかけないように」

嶋川 武秀 しまかわ たけひで @shimatakesan 【東日本大震災被災の経験から不審者発見・通報】 おはようございます。 今朝は冷えますね。 どうか本日もご安全に。 さて、昨夜の出来事です。 昨夜1/4深夜0時頃、自宅前で全身黒づくめで携帯片手に立ってる不審な男の人がいました。 あまりに怪しいですし、見かけない顔で…

Posted from: this blog via Microsoft Power Automate.

javascript タブメニュー

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>My Playground</title>
  <style>
    .container {
      margin: 16px auto;
      width: 500px;
    }
    .tabs {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
    }
    .tabs li a {
      display: inline-block;
      width: 80px;
      text-align: center;
      padding: 8px;
      color: #333;
      text-decoration: none;
    }
    .tabs li a.active {
      background: #333;
      color: #fff;
    }
    .content.active {
      background: #333;
      color: #fff;
      min-height: 150px;
      padding: 12px;
      display: block;
    }
    .content {
      display: none;
    }
  </style>
</head>
<body>
  <div class="container">
    <ul class="tabs">
      <li><a href="#" class="active" data-id="p1">商品1</a></li>
      <li><a href="#" data-id="p2">商品2</a></li>
      <li><a href="#" data-id="p3">商品3</a></li>
      <li><a href="#" data-id="p4">商品4</a></li>
    </ul>
    <section class="content active" id="p1">
      商品1の説明です。
    </section>
    <section class="content" id="p2">
      商品2の説明です。
    </section>
    <section class="content" id="p3">
      商品3の説明です。
    </section>
     <section class="content" id="p4">
      商品4の説明です。
    </section>
  </div>
  <script>
    // タブのリンク要素を取得
    const tabs = document.querySelectorAll('.tabs li a');
    // コンテンツの要素を取得
    const contents = document.querySelectorAll('.content');
    
    // すべてのタブ要素に対して処理を実行
    tabs.forEach(clickedItem => {
      // タブがクリックされたときの処理
      clickedItem.addEventListener('click', e => {
        // リンクによるページ遷移を抑制
        e.preventDefault();
        
        // いったんすべてのタブを非アクティブにする
        tabs.forEach(item => {
          item.classList.remove('active');
        });
        // クリックされたタブだけアクティブにする
        clickedItem.classList.add('active');

        // いったんすべてのコンテンツ要素を非アクティブにする
        contents.forEach(content => {
          content.classList.remove('active');
        });
        // クリックされたタブに対応するコンテンツ要素だけアクティブにする
        document.getElementById(clickedItem.dataset.id).classList.add('active');
      });
    });
  </script>
</body>
</html>

ゴールデングローブ賞アニメ映画賞に「君たちはどう生きるか」 | NHK

アメリカでアカデミー賞の前哨戦とされるゴールデングローブ賞の各賞の発表が行われ、アニメ映画賞に宮崎駿監督の「君たちはどう生きるか」が選ばれました。 「君たちはどう生きるか」は宮崎監督が引退宣言を撤回し、原作と脚本も担当して、およそ7年の製作期間をかけて作り上げた作品で、太平洋戦争中に母親を失った少…

Posted from: this blog via Microsoft Power Automate.