HarioNote

<p>自分用のObsidianの設定や拡張機能の備忘録です。</p>
<p>※本記事で紹介しているプラグインは、すべて執筆時点で筆者が実際に使用しているものですが、各プラグインの安全性や将来的な動作保証を保証するものではありません。実際にインストールして使用する場合は、プラグインの配布元やレビュー内容をよく確認した上で、自己責任でご利用ください。</p>
<h2>基本設定</h2>
<ol>
<li>言語設定を日本語に<br>
<img src="https://storage.googleapis.com/newt-files/b61defed-0444-4d65-aa2d-c3e747174b9a/2025-05-18_1.webp" alt="2025-05-18_1.webp"></li>
<li>「インデントガイド」の表示をOFFに<br>
<img src="https://storage.googleapis.com/newt-files/ab30ea37-fe98-402b-972d-38a9e8238c30/2025-05-18_2.webp" alt="2025-05-18_2.webp"><br>
OFFにすると以下のようにリストでガイド線が非表示になります。<br>
<img src="https://storage.googleapis.com/newt-files/f0fc2a1d-d6e5-4b6f-8f0a-c4d8574c112b/2025-05-18_3.webp" alt="2025-05-18_3.webp"><br>
↓<br>
<img src="https://storage.googleapis.com/newt-files/7020ad1d-e9e5-4960-91c7-ff06046e5ae6/2025-05-18_4.webp" alt="2025-05-18_4.webp"></li>
<li>「スペルチェック」をOFFに<br>
波線が出てほしくないのでOFFにします。<br>
<img src="https://storage.googleapis.com/newt-files/f6334429-ea1f-41e1-924b-c626e4d2effc/2025-05-18_5.webp" alt="2025-05-18_5.webp"></li>
</ol>
<h2>コアプラグイン</h2>
<ol>
<li>「スライド」と「スラッシュコマンド」をONに<br>
<img src="https://storage.googleapis.com/newt-files/09a5facb-ab82-4421-ad12-cda8b9895b00/2025-05-18_6.webp" alt="2025-05-18_6.webp"><br>
何ができるかは画像の説明にある通りです。</li>
</ol>
<h2>外観テーマ</h2>
<p>外観テーマの設定は「外観」&gt;「テーマ」&gt;「管理」にて。<br>
<img src="https://storage.googleapis.com/newt-files/e138a286-a106-4d90-96d8-98eaee71a26d/2025-05-18_7.webp" alt="2025-05-18_7.webp"></p>
<p>外観設定のテーマは<a href="https://minimal.guide/home">Minimal</a>にしました。<br>
<img src="https://storage.googleapis.com/newt-files/c4f27880-15f1-48ea-914d-dc5fc1d2168f/2025-05-18_8.webp" alt="2025-05-18_8.webp"></p>
<p>最初はMinimalの隣にある<code>Things</code>が見た目が好きで使用していましたが、後述するMinimal自体のカラースキーマの設定で<code>Things</code>があることに気づき、さらにThingsよりも気に入ったカラースキーマがあったのと、Minimalの方がカスタマイズ性が高く便利そうだったのでMinimalにしました。</p>
<h3>Minimalテーマの見た目を設定するプラグイン追加</h3>
<p>Minimalを入れたうえで見た目をサクッと整えるために以下のコミュニティプラグインを導入する。</p>
<ul>
<li>Minimal Theme Settings</li>
<li>Style Settings</li>
</ul>
<p>初めてコミュニティプラグインを導入する場合はまず有効化をします。<br>
<img src="https://storage.googleapis.com/newt-files/15f51080-8409-420a-a111-82524abb2d7c/2025-05-18_9.webp" alt="2025-05-18_9.webp"><br>
有効化したら表示が変わるので「閲覧」ボタンから探せるようになります。<br>
<img src="https://storage.googleapis.com/newt-files/fa9cc3cf-4ba2-44f3-bd03-f58b441c1469/2025-05-18_10.webp" alt="2025-05-18_10.webp"><br>
あとは検索してインストールして有効化します。<br>
<img src="https://storage.googleapis.com/newt-files/952639b6-13f8-41d5-b4b7-a4fc03403034/2025-05-18_11.webp" alt="2025-05-18_11.webp"><br>
<img src="https://storage.googleapis.com/newt-files/7cb04148-2b5c-4080-90dc-18c15d4ee6ca/2025-05-18_12.webp" alt="2025-05-18_12.webp"></p>
<p>有効化すると設定画面の左ペインにそのプラグインでの設定メニューが追加されます。<br>
<img src="https://storage.googleapis.com/newt-files/3b24766d-b0d2-4e39-89e4-551bdc212af2/2025-05-18_14.webp" alt="2025-05-18_14.webp"></p>
<p><code>Dark mode color scheme</code>で好きな色の外観を選択します。<br>
私はAtomにしました。<br>
<img src="https://storage.googleapis.com/newt-files/7294fea3-5dcd-4c8d-9c46-32cbd969ee55/2025-05-18_15.webp" alt="2025-05-18_15.webp"><br>
カラースキーマ以外にコントラストの選択肢もすぐ下にあるのでいろいろ組み合わせを確認してみるのも面白いです。</p>
<p>同じ要領で<code>Style Settings</code>も追加します。<br>
<img src="https://storage.googleapis.com/newt-files/01b311f5-3fa6-414f-8f6f-e3b9abb70067/2025-05-18_16.webp" alt="2025-05-18_16.webp"></p>
<p>両方とも見た目(style)に関する設定をするプラグインで被っている部分もあるかもしれませんが、私の場合はObsidian全体の色の組み合わせ（カラースキーマ）は<code>Minimal Theme Settings</code>、見出し(H1, H2...)のフォントサイズなどの細かい調整は<code>Style Settings</code>で行っています。<br>
<code>Style Settings</code>の設定画面は以下のような感じになっています。<br>
<img src="https://storage.googleapis.com/newt-files/163cef16-7c18-40dc-bb9e-b70612a28f9b/2025-05-18_17.webp" alt="2025-05-18_17.webp"><br>
<code>Headings</code>という項目がありここで見出しのstyleが設定できます。<br>
<img src="https://storage.googleapis.com/newt-files/7d7b2201-a347-44a5-adfb-86532887d43c/2025-05-18_18.webp" alt="2025-05-18_18.webp"></p>
<h2>その他追加した拡張(コミュニティプラグイン)や行った調整</h2>
<h3>URL貼ったらページタイトル表示にするやつ</h3>
<p><code>Auto Link Title</code>というやつでできます。<br>
URLをコピペで貼ると、そのページのタイトルで表示されるようにリンクを作ってくれます。</p>
<h3>カレンダー</h3>
<p>その名の通り<code>Calendar</code>というプラグインです。<br>
カレンダーを表示できます。<br>
<img src="https://storage.googleapis.com/newt-files/3e4cc734-3f3e-40db-bc15-710e32460203/2025-05-18_20.webp" alt="2025-05-18_20.webp"><br>
カレンダーは右ペインを展開したときに表示できるようになります。<br>
<img src="https://storage.googleapis.com/newt-files/b6ba9885-49c2-42b7-b9c9-7d42745b0319/2025-05-18_21.webp" alt="2025-05-18_21.webp"><br>
<img src="https://storage.googleapis.com/newt-files/f6b59d9e-f05a-42b5-a4b3-1a5222ba5ec1/2025-05-18_22.webp" alt="2025-05-18_22.webp"><br>
<img src="https://storage.googleapis.com/newt-files/a0789057-75e6-4e38-b731-a0a13142d702/2025-05-18_23.webp" alt="2025-05-18_23.webp"></p>
<h3>右ペインにカレンダーやグラフビューを好きなように並べて表示</h3>
<p>これは拡張とかではないのですが、右ペインを展開すると先程のカレンダーやタグなど表示可能なものが上部メニューバーにあると思うのですが、それらをドラッグアンドドロップして、例えばカレンダーの下などにマウスカーソルを持っていくとそのまま並べて表示できるようになります。<br>
<img src="https://storage.googleapis.com/newt-files/e03c3d35-7a54-4a97-9ab8-02155ace0725/2025-05-18_24.webp" alt="2025-05-18_24.webp"><br>
右ペインに通常はないグラフビューやページなどもドラッグアンドドロップで持っていくことができるので、自分の作業スタイルに合ったならびにすると気分が上がっていいですね。</p>
<h3>マインドマップ（Markmind）</h3>
<p>マインドマップが簡単に描ける<code>Markmind</code>というプラグインです。<br>
Markdownを書くのではなく、描かれたマインドマップ上でTabキーとEnterキーで軽快に操作して書くことができるので気に入りました。（もちろんMarkdown表示も可能です）<br>
<img src="https://storage.googleapis.com/newt-files/0c0045ee-ba93-4bbe-b888-fc1e428cfcb3/2025-05-18_25.webp" alt="2025-05-18_25.webp"></p>
<p>フォルダを右クリックして「New mindmap board」で作成できます。<br>
<img src="https://storage.googleapis.com/newt-files/29fa701f-41fe-41b8-b04e-852c2282928a/2025-05-18_26.webp" alt="2025-05-18_26.webp"><br>
<img src="https://storage.googleapis.com/newt-files/23f50c36-6bbc-42d4-ab50-e919aa2b339b/2025-05-18_27.webp" alt="2025-05-18_27.webp"><br>
ノードを選択してTabやEnterキーで直感的にノードを追加できます。</p>
<p>設定画面に追加されたMarkmindの設定画面で<code>Mindmap Layout</code>で<code>Right</code>を選択すれば、右側だけに枝を伸ばすように設定することもできます。（私はこれで使っています。）<br>
<img src="https://storage.googleapis.com/newt-files/c9d1f10f-f974-4453-90f0-71a13b8720e8/2025-05-18_28.webp" alt="2025-05-18_28.webp"></p>
<p>マインドマップを開いた状態で右上の「⋮」みたいなところから<code>Open as markdown</code>を選択すればMarkdownで確認することもできます。<br>
<img src="https://storage.googleapis.com/newt-files/136c2b23-51ca-406d-aeeb-6413f8051eee/2025-05-18_29.webp" alt="2025-05-18_29.webp"><br>
<img src="https://storage.googleapis.com/newt-files/58d37be2-d59f-4e21-a4a3-a56a3d680bb8/2025-05-18_30.webp" alt="2025-05-18_30.webp"></p>
<p>有料版を購入すると、より見た目をリッチにできたり、Summary機能でノードをグルーピングしたりなどできることが増えるようです。</p>
<p>以上。</p>


Obsidianの自分用設定＆拡張機能の備忘録（マインドマップも書けるように）

<p>少し前にPCモニター（ディスプレイ）を購入しました。<br>
購入してしばらく使ってみたのと、購入前かなり悩んだので個人的結論を書いておこうと思います。</p>
<p>ちなみに私はデュアルディスプレイにしています。</p>
<p>結論、「27インチ、解像度WQHDを買っておけばいい。(IPSパネルだと尚良し)」です。<br>
※ あくまで私の使用環境での感想</p>
<h2>購入前に悩んだこと</h2>
<p>それまでは24インチと27インチのディスプレイを使用していました。<br>
ただし両方とも解像度がFHDでした。</p>
<p>購入前に抱えていた課題と悩んでいたことは以下です。</p>
<ul>
<li>24インチよりもう少し作業領域がほしい</li>
<li>27インチのFHDのディスプレイだとちょっと大きい気がするがWQHDで解決するのか</li>
<li>27インチ2枚だと広くて目が疲れるのではないか</li>
<li>24インチ2枚体制でも満足できるのではないか？（当然24インチの方が安い）</li>
<li>ディスプレイに表示されるテキストが見づらい気がする（IPSパネルでない）</li>
</ul>
<h2>購入後の感想</h2>
<ul>
<li>27インチで大きすぎて特別目が疲れるということはなかった
<ul>
<li>参考までに私の環境はディスプレイからデスクの縁までの距離は51cmくらいです。</li>
</ul>
</li>
<li>FHDの27インチは気持ちちょっと大きい気がしたがWQHDのディスプレイはそれを感じさせない
<ul>
<li>IPSパネルで品質が良くなったせい？</li>
<li>WQHDになり表示されるテキストが小さくなったせい？</li>
</ul>
</li>
<li>27インチ/WQHD/IPSは2枚横に並べても個人的には広すぎるストレスは感じていない
<ul>
<li>ただしこれ以上大きくなるとストレスに感じる気がする。</li>
</ul>
</li>
</ul>
<h2>購入したモニター</h2>
<p>私は最終的に「<a href="https://www.mi.com/jp/product/xiaomi-2k-monitor-a27qi/">Xiaomi 2K モニター A27Qi</a>」を購入しました。<br>
Amazonでも探しましたが2万を超えるものが多く、知らないメーカーも多かったので、価格も18,980円（当時）とリーズナブルなXiaomiにしました。<br>
14日以内なら返品可能と記載されていたのもポイントでした。<br>
（安くないので買ってから後悔はできればしたくありませんでした。）</p>
<p>購入後の使用感は問題なく大満足です。<br>
コスパもいいのにベゼルも細くデザインも良く、文句のつけようがありませんでした。<br>
個人的にはおすすめです。</p>
<p>以上です。</p>


PCモニター24インチと27インチで迷ったら27インチを買えばいい。ただしFHDではなくWQHD推奨。

<p>表題にある通りMackerelにあるメトリクスのデータをcsvでダウンロードして使いたかったのでやってみたときの備忘録です。</p>
<h2>前提</h2>
<ul>
<li>Node.js(TypeScript)を使ってやります。</li>
<li>Node.jsのインストール手順は省略します。</li>
</ul>
<h2>手順</h2>
<h3>1. Node.jsのプロジェクト作成</h3>
<p>適当なフォルダ(今回は<code>mackerel-csv-converter</code>とします)を作って以下の内容のpackage.jsonファイルを作成します。</p>
<pre><code class="language-json">{
  &quot;name&quot;: &quot;mackerel-csv-converter&quot;,
  &quot;version&quot;: &quot;1.0.0&quot;,
  &quot;description&quot;: &quot;Convert Mackerel API response to CSV&quot;,
  &quot;main&quot;: &quot;dist/index.js&quot;,
  &quot;scripts&quot;: {
    &quot;build&quot;: &quot;tsc&quot;,
    &quot;start&quot;: &quot;node dist/index.js&quot;
  },
  &quot;dependencies&quot;: {
    &quot;axios&quot;: &quot;^1.6.7&quot;,
    &quot;csv-writer&quot;: &quot;^1.6.0&quot;,
    &quot;dotenv&quot;: &quot;^16.4.1&quot;
  },
  &quot;devDependencies&quot;: {
    &quot;@types/node&quot;: &quot;^20.11.16&quot;,
    &quot;typescript&quot;: &quot;^5.3.3&quot;
  }
} 

</code></pre>
<p>同じディレクトリに<code>tsconfig.json</code>ファイルも作成して以下の内容をコピペします。</p>
<pre><code class="language-json">{
  &quot;compilerOptions&quot;: {
    &quot;target&quot;: &quot;es2020&quot;,
    &quot;module&quot;: &quot;commonjs&quot;,
    &quot;outDir&quot;: &quot;./dist&quot;,
    &quot;rootDir&quot;: &quot;./src&quot;,
    &quot;strict&quot;: true,
    &quot;esModuleInterop&quot;: true,
    &quot;skipLibCheck&quot;: true,
    &quot;forceConsistentCasingInFileNames&quot;: true
  },
  &quot;include&quot;: [&quot;src/**/*&quot;],
  &quot;exclude&quot;: [&quot;node_modules&quot;]
} 
</code></pre>
<h3>2. npm install</h3>
<p>package.jsonと同じディレクトリで<code>npm install</code>を実行。</p>
<h3>3. Mackerelの管理画面で「APIキー」と「ホストID」を確認して控えておく</h3>
<p>管理画面にアクセスし左上の「オーガニゼーション詳細ページへ」をクリック。<br>
<img src="https://storage.googleapis.com/newt-files/671f5dd4-935a-4499-8940-22478d6d7899/2025-02-24_1.webp" alt="2025-02-24_1.webp"><br>
「APIキー」タブがあるのでそこでAPIキーをコピーして控えておく。（なければ作成してください）<br>
<img src="https://storage.googleapis.com/newt-files/5ab4be6e-9ed1-4204-8340-64c85179ae90/2025-02-24_2.webp" alt="2025-02-24_2.webp"></p>
<p>左ペインの「ホスト」からメトリクスをダウンロードしたいホストのIDを確認して控えておく。<br>
<img src="https://storage.googleapis.com/newt-files/f1511fed-d3ca-446f-b54d-76dc7e0c43de/2025-02-24_3.webp" alt="2025-02-24_3.webp"><br>
<img src="https://storage.googleapis.com/newt-files/ba26dcb5-2cd4-4e7b-b538-858303682542/2025-02-24_4.webp" alt="2025-02-24_4.webp"></p>
<h3>4. ホストにあるメトリクス一覧をcurlで取得する</h3>
<p>控えておいたAPIキーとホストIDで以下のコマンドを実行して、取得可能なメトリクス名一覧を取得します。</p>
<pre><code>curl -H &quot;X-Api-Key: &lt;APIキー&gt;&quot; &quot;https://api.mackerelio.com/api/v0/hosts/&lt;ホストID&gt;/metric-names&quot;
</code></pre>
<p>実行するとjson形式でレスポンスが来るはずです。</p>
<h3>5. metric-names.json作成</h3>
<p>package.jsonと同じディレクトリに<code>metric-names.json</code>というファイルを作成して、先程取得したレスポンスをコピペして保存します。</p>
<pre><code class="language-json">{
  &quot;names&quot;: [
    &quot;cpu.guest.percentage&quot;,
    &quot;cpu.idle.percentage&quot;,
    &quot;cpu.iowait.percentage&quot;,
    ...省略
  ]
}
</code></pre>
<h3>6. <code>.env</code>ファイル作成</h3>
<p>package.jsonと同じディレクトリに<code>.env</code>ファイルを作成し以下のようにAPIキーとホストIDを書いておきます。</p>
<pre><code>MACKEREL_API_KEY=&lt;APIキー&gt;
MACKEREL_HOST_ID=&lt;ホストID&gt; 
</code></pre>
<h3>7. index.ts作成</h3>
<p>package.jsonと同じディレクトリに<code>src</code>フォルダを作成し、その中に<code>index.ts</code>ファイルを作成し、以下のコードをコピペして保存します。</p>
<pre><code class="language-ts">import axios from 'axios';
import { createObjectCsvWriter } from 'csv-writer';
import dotenv from 'dotenv';
import path from 'path';

dotenv.config();

interface MetricValue {
  time: number;
  value: number;
}

interface MetricData {
  metrics: MetricValue[];
  name: string;
}

interface GroupedMetricData {
  [timestamp: number]: {
    time: number;
    [metric: string]: number | null;
  };
}

const MACKEREL_API_KEY = process.env.MACKEREL_API_KEY;
const MACKEREL_HOST_ID = process.env.MACKEREL_HOST_ID;

if (!MACKEREL_API_KEY || !MACKEREL_HOST_ID) {
  console.error('環境変数 MACKEREL_API_KEY と MACKEREL_HOST_ID を設定してください。');
  process.exit(1);
}

const fetchMetrics = async (metricName: string, from: number, to: number): Promise&lt;MetricData&gt; =&gt; {
  const url = `https://api.mackerelio.com/api/v0/hosts/${MACKEREL_HOST_ID}/metrics`;
  const response = await axios.get(url, {
    headers: {
      'X-Api-Key': MACKEREL_API_KEY,
    },
    params: {
      name: metricName,
      from,
      to,
    },
  });

  return {
    name: metricName,
    metrics: response.data.metrics,
  };
};

const convertToCsv = async (groupName: string, data: GroupedMetricData, outputDir: string) =&gt; {
  // ヘッダーを動的に生成
  const firstRecord = Object.values(data)[0];
  const metrics = Object.keys(firstRecord).filter(key =&gt; key !== 'time');
  const header = [
    { id: 'time_jst', title: 'TIMESTAMP_JST' },
    ...metrics.map(metric =&gt; {
      // ドットが含まれない場合は元の名前をそのまま使用
      if (!metric.includes('.')) {
        return {
          id: metric,
          title: metric,
        };
      }
      // ドットが含まれる場合はプレフィックスを除去
      return {
        id: metric,
        title: metric.split('.').slice(1).join('.'),
      };
    }),
  ];

  const csvWriter = createObjectCsvWriter({
    path: path.join(outputDir, `${groupName}.csv`),
    header,
  });

  // 時刻でソートされた配列に変換
  const records = Object.entries(data)
    .sort(([timeA], [timeB]) =&gt; parseInt(timeA) - parseInt(timeB))
    .map(([_, record]) =&gt; ({
      time_jst: new Date(record.time * 1000 + (9 * 60 * 60 * 1000)).toISOString(),
      ...metrics.reduce((acc, metric) =&gt; ({
        ...acc,
        [metric]: record[metric],
      }), {}),
    }));

  await csvWriter.writeRecords(records);
  console.log(`${groupName}.csv を作成しました。`);
};

// データ取得期間の定数を定義（メモ：最小は2024-09-24）
const START_DATE = '2025-01-01T00:00:00+09:00'; // 開始日時をJST（日本時間）で指定
const HOURS_PER_REQUEST = 20; // 1リクエストあたりの時間範囲（時間）
const SECONDS_PER_HOUR = 3600;

// 日付文字列からUNIXタイムスタンプを取得する関数（JSTを考慮）
const getUnixTimestamp = (dateStr: string): number =&gt; {
  // タイムゾーン付きの日付文字列をパースしてUNIXタイムスタンプを取得
  return Math.floor(new Date(dateStr).getTime() / 1000);
};

// 指定された期間のメトリクスを取得する関数
const fetchMetricsForPeriod = async (metricName: string, from: number, to: number): Promise&lt;MetricValue[]&gt; =&gt; {
  const timeRangeInSeconds = to - from;
  const timeRangeInHours = timeRangeInSeconds / SECONDS_PER_HOUR;
  const metrics: MetricValue[] = [];
  const totalRequests = Math.ceil(timeRangeInHours / HOURS_PER_REQUEST);
  let currentRequest = 1;

  console.log(`${metricName}: ${totalRequests}回のリクエストに分割して取得します...`);

  // 20時間ごとにリクエストを分割
  for (let currentFrom = from; currentFrom &lt; to; currentFrom += HOURS_PER_REQUEST * SECONDS_PER_HOUR) {
    const currentTo = Math.min(currentFrom + HOURS_PER_REQUEST * SECONDS_PER_HOUR, to);
    console.log(`${metricName}: ${currentRequest}/${totalRequests} リクエスト実行中...`);
    const data = await fetchMetrics(metricName, currentFrom, currentTo);
    metrics.push(...data.metrics);
    currentRequest++;
  }

  console.log(`${metricName}: 全${metrics.length}件のデータを取得しました。`);
  return metrics;
};

const main = async () =&gt; {
  try {
    // 現在時刻（JST）から5分前までのデータを取得
    const FIVE_MINUTES = 5 * 60; // 5分を秒に変換
    const now = new Date();
    // JSTでの現在時刻を取得
    const to = Math.floor(now.getTime() / 1000) - FIVE_MINUTES;
    const from = getUnixTimestamp(START_DATE);

    // メトリクス名のリストを読み込み
    const metricNames = require('../metric-names.json').names;

    // メトリクス名をグループ化
    const groupedMetrics: { [prefix: string]: string[] } = {};
    metricNames.forEach((name: string) =&gt; {
      let groupKey: string;
      const parts = name.split('.');
      
      if (parts[0] === 'custom') {
        // custom.xxx.yyy.zzzの形式の場合、xxx-yyyをグループキーとして使用
        groupKey = `${parts[1]}-${parts[2]}`;
      } else if (parts[0].startsWith('loadavg')) {
        // loadavgから始まるメトリクスは全てloadavgグループに
        groupKey = 'loadavg';
      } else {
        // それ以外は最初の部分でグルーピング
        groupKey = parts[0];
      }

      if (!groupedMetrics[groupKey]) {
        groupedMetrics[groupKey] = [];
      }
      groupedMetrics[groupKey].push(name);
    });

    // 出力ディレクトリを作成
    const outputDir = path.join(__dirname, '../output');
    require('fs').mkdirSync(outputDir, { recursive: true });

    // グループごとにデータを取得してCSVに変換
    for (const [groupName, metrics] of Object.entries(groupedMetrics)) {
      try {
        console.log(`${groupName}グループのデータを取得中...`);
        const groupData: GroupedMetricData = {};

        // グループ内の各メトリクスのデータを取得
        for (const metricName of metrics) {
          const metricData = await fetchMetricsForPeriod(metricName, from, to);
          
          // データをグループ化して整理
          metricData.forEach(metric =&gt; {
            if (!groupData[metric.time]) {
              const initialMetrics = metrics.reduce&lt;{ [key: string]: number | null }&gt;((acc, name) =&gt; {
                acc[name] = null;
                return acc;
              }, {});
              
              groupData[metric.time] = {
                time: metric.time,
                ...initialMetrics,
              };
            }
            groupData[metric.time][metricName] = metric.value;
          });
        }

        await convertToCsv(groupName, groupData, outputDir);
      } catch (error) {
        console.error(`${groupName}グループの処理中にエラーが発生しました:`, error);
      }
    }

    console.log('すべての処理が完了しました。');
  } catch (error) {
    console.error('エラーが発生しました:', error);
    process.exit(1);
  }
};

main(); 
</code></pre>
<p>コードの<code>const START_DATE</code>の中身は、ダウンロードしたいメトリクスの範囲の開始日時を任意で変更してください。</p>
<pre><code class="language-ts">const START_DATE = '2025-01-01T00:00:00+09:00';
</code></pre>
<p>※ END_DATEに該当するものはなく、現在時刻になるようになっています。</p>
<p>他はとくに修正しなくてokです。<br>
※ <code>HOURS_PER_REQUEST</code>の値は大きくするとapiから返却されるデータの粒度が変わるので注意してください。</p>
<h3>8. ビルドする</h3>
<p>ターミナルで<code>npm run build</code>を実行します。<br>
<code>dist</code>というディレクトリが作成されます。</p>
<h3>9. 実行する</h3>
<p><code>npm run start</code>を実行します。<br>
<code>output</code>ディレクトリが作成され、その中にメトリクスデータをダウンロードして作られたcsvデータが出力されます。</p>
<p>以上。</p>


Mackerel上にあるメトリックデータをcsvでダウンロード保存してみたときの備忘録

<p>スマホを複数台使用する場合に、メインでない方の充電をうっかり忘れることがよくあったので、iPhoneの「ショートカット」アプリを利用して、「サブ機→メイン機」にLINEで報告させるようにしました。</p>
<h2>前提</h2>
<ul>
<li>メイン機とサブ機でLINEがインストールされておりそれぞれ異なるアカウントであること<br>
※ LINEじゃなくても「メッセージ」とかで同様のことが多分できると思います。</li>
</ul>
<h2>やり方</h2>
<h3>サブ機で「ショートカット」アプリをインストールしておく</h3>
<p>App Storeからインストールできます。（最近はデフォで入っていると思われる）<br>
<img src="https://storage.googleapis.com/newt-files/c2f2285b-9017-4fa5-9762-7eeea75d5e7c/S__3530766.webp" alt="S__3530766.webp"></p>
<h3>ショートカットでオートメーションを作成する</h3>
<p>ショートカットを起動し、「オートメーション」タブにて「個人用オートメーションを作成」をタップします。</p>
<p><img src="https://storage.googleapis.com/newt-files/947176e5-ae17-414c-9ca2-5dc592ff92ff/S__3530755_0.webp" alt="S__3530755_0.webp"></p>
<p>新規オートメーション画面にて「バッテリー残量」を選択。<br>
<img src="https://storage.googleapis.com/newt-files/dffc2da8-d953-4c40-8d7f-4af058a99584/S__3530758_0.webp" alt="S__3530758_0.webp"></p>
<p>「〇〇%より下」を選択します。<br>
〇〇%の値は好きな値にしましょう。設定したら「次へ」<br>
<img src="https://storage.googleapis.com/newt-files/34c789c7-ce23-482e-8305-f5fad8473de4/S__3530759.webp" alt="S__3530759.webp"></p>
<p>条件を満たしたときに実行するアクションの設定画面にて「アクションを追加」をタップ。<br>
<img src="https://storage.googleapis.com/newt-files/33e44197-35b0-4df2-be1d-439e3904be40/S__3530760.webp" alt="S__3530760.webp"></p>
<p>Appタブや「お使いのAppからの提案」などからLINEと送りたい相手（今回はメイン機のLINEアカウント）を選択。<br>
<img src="https://storage.googleapis.com/newt-files/bc903844-6dc1-4ee7-b903-2b04e8da55a2/S__3530761.webp" alt="S__3530761.webp"></p>
<p>送りたいメッセージを「メッセージ」の欄に入力し、送りたい相手も確認して「次へ」<br>
<img src="https://storage.googleapis.com/newt-files/6e95164a-154d-40ba-8843-e54ad29045cb/S__3530762.webp" alt="S__3530762.webp"></p>
<p>「実行の前に尋ねる」はOFFにして、「実行時に通知」もOFF（こちらはどっちでも良い）にする。<br>
各内容を確認したら「完了」をタップ。<br>
<img src="https://storage.googleapis.com/newt-files/53f0ed44-23ae-4146-a821-2f9ce6a853d7/S__3530732.webp" alt="S__3530732.webp"></p>
<p>以上でオートメーションの作成ができました。<br>
これでバッテリー残量が少なくなったらメイン機に知らせてくれるようになりました。<br>
<img src="https://storage.googleapis.com/newt-files/a24c889f-79e9-45f5-90e3-3d00a1e3cd9d/S__3530765.webp" alt="S__3530765.webp"></p>
<p>以上！</p>


iPhoneのバッテリー残量が少なくなったら自動でLINEで報告させる【2台持ち/ショートカット】

<p>EclipseではなくVSCodeで作業しつつTomcatサーバーを立ち上げたく、設定してみたのですがそのうち忘れそうなので備忘録として書きます。</p>
<h2>前提・注意点</h2>
<p>私の場合以下の環境であったり前提条件のもとで設定しているので、参考にされる場合は自身の環境や状況によしなに合わせてください。</p>
<ul>
<li>作業PCにTomcatがインストールされている。</li>
<li>Tomcatのwebapps下にプロジェクトフォルダが配置されている</li>
<li>タイトルにVSCodeとあるが、私の使用しているエディタはVSCodeをフォークしたCursolというものなので若干見た目が異なるかもしれない。</li>
<li>今回スクショで出てくるTomcatのバージョンが古いです。実際にサービスとして外部に提供する場合はサポートされているバージョンを使用するようにしてください。</li>
</ul>
<h2>設定手順</h2>
<h3>必要な拡張を追加する</h3>
<p>まずVSCodeに必要なプラグインを追加しておきます。<br>
必要なので以下の2つです。</p>
<p>1.<a href="https://github.com/Microsoft/vscode-java-pack"> Extension Pack for Java</a><br>
<img src="https://storage.googleapis.com/newt-files/07084b3e-005f-4697-9860-6c413ae7958d/2024-12-16_2.webp" alt="2024-12-16_2.webp"><br>
2. <a href="https://github.com/redhat-developer/rsp-server-community">Community Server Connectors</a><br>
<img src="https://storage.googleapis.com/newt-files/a97b9f64-f8a0-4417-a909-0c4fad98b45c/2024-12-16_1.webp" alt="2024-12-16_1.webp"></p>
<h3>サーバーを設定する</h3>
<p>VSCodeの左ペインに<code>SERVERS</code>という欄が現れていると思うので、そこで「Create New Server...」をします。<br>
そして「No, use server on disk」を選択します。<br>
<img src="https://storage.googleapis.com/newt-files/4b143ba1-f1ea-4ffa-bf80-567644ecd1d1/2024-12-16_3.webp" alt="2024-12-16_3.webp"><br>
<img src="https://storage.googleapis.com/newt-files/5ef8ea35-a29f-42d6-8bfe-acb46c8cc507/2024-12-16_4.webp" alt="2024-12-16_4.webp"><br>
<img src="https://storage.googleapis.com/newt-files/616ffdeb-2c8d-4adb-8738-025c9a00d228/2024-12-16_5.webp" alt="2024-12-16_5.webp"></p>
<p>フォルダ選択ダイアログが表示されるので、Tomcatサーバーがあるディレクトリを選択します。（binがあるところです）<br>
<img src="https://storage.googleapis.com/newt-files/d465c48c-cf27-4bde-9612-e5362b89c43a/2024-12-16_6.webp" alt="2024-12-16_6.webp"></p>
<p>選択すると新たに作成するサーバーの設定画面が表示されます。<br>
<code>Server Name</code>に任意の名前をつけましょう。<br>
<img src="https://storage.googleapis.com/newt-files/0b6457fc-12ed-4e95-a4fa-762c7b5251bf/2024-12-16_7.webp" alt="2024-12-16_7.webp"></p>
<p>必要に応じて<code>Optional Attributes</code>の<code>vm.install.path</code>を指定してあげましょう。<br>
<img src="https://storage.googleapis.com/newt-files/c3b49586-4678-4a7d-b42d-84281bf3a1bb/2024-12-16_8.webp" alt="2024-12-16_8.webp"></p>
<p>普段からTomcatを起動するのに個別に指定しているJVMがある場合は同じものを指定してあげましょう。<br>
「Configure Tomcat」を起動して、「Java」タブの「Java Virtual Machine:」で指定している値があればそれと同じものを指定すればokです。<br>
<img src="https://storage.googleapis.com/newt-files/b2d55570-436e-46bd-ad01-be5eb8b8d32b/2024-12-16_10.webp" alt="2024-12-16_10.webp"></p>
<h3>起動してみる</h3>
<p>作成したサーバーを右クリックして「Start Server」で起動してみましょう。<br>
<img src="https://storage.googleapis.com/newt-files/0dda91b4-b110-461e-85a6-bb5e094dac3a/2024-12-16_11.webp" alt="2024-12-16_11.webp"></p>
<p>特に問題がなければ、VSCode内のターミナルにて「Server  startup」的なログが表示されるかと思います。</p>
<p>これでVSCode上からTomcatを起動でき、ログ出力もVSCode内で確認できます。</p>
<p>以上。</p>


VSCodeからTomcatサーバーを起動できるように設定する手順の備忘録

<p>Windowsには、PCにFAXモデムを接続すればFAX送信が行えるソフトが標準で備わっているのですが、Windows11ではデフォルトで使用することができなくなっており、使うには別途設定（インストール）が必要です。</p>
<p>以前その手順の記事を書いたのですが動線が微妙に変わっていることに最近気付いたので更新版の記事を書きます。</p>
<h2>設定方法</h2>
<ol>
<li>
<p>スタートボタンをクリックし「設定」を起動（「設定」さえ起動できれば導線はなんでもok）<br>
<img src="https://storage.googleapis.com/newt-files/eac81738-541b-43bc-a138-ea01f3b262b4%2F2023-03-09104418.png" alt="2023-03-09104418.png"></p>
</li>
<li>
<p>左メニューの「<strong>システム</strong>」を選択し、「オプション機能」をクリック<br>
<img src="https://storage.googleapis.com/newt-files/d23bcdc6-4490-40be-85f2-c253af5765d4/2024-12-14_1.webp" alt="2024-12-14_1.webp"></p>
</li>
<li>
<p>「オプション機能を追加する」の欄の「機能を表示」をクリック<br>
<img src="https://storage.googleapis.com/newt-files/75a87e09-5c7d-4e63-85da-2556a690c8f9/2024-12-14_2.webp" alt="2024-12-14_2.webp"></p>
</li>
<li>
<p>表示されたウィンドウの検索フィルタに「fax」等と入力し「Windows FAXとスキャン」を見つけてチェックを入れて「次へ」ボタンをクリックしそのままインストールを行う<br>
<img src="https://storage.googleapis.com/newt-files/e44a9b04-ca5d-4fd3-a43b-e2be14956390/2024-12-14_3.webp" alt="2024-12-14_3.webp"></p>
</li>
</ol>
<p>以上</p>


Windows11で「Windows Faxとスキャン」を使えるようにするための動線が変わってた

<p>ということを最近知りました。</p>
<p>それだけです。笑</p>
<p>着払いで発送しないといけないのでいつもの癖で「<a href="https://apps.apple.com/jp/app/%E3%82%86%E3%81%86%E3%83%91%E3%83%83%E3%82%AF%E3%82%B9%E3%83%9E%E3%83%9B%E5%89%B2/id1428440878">ゆうパックスマホ割</a>」アプリでラベルを作成してクレカ決済したあとに思い出して、取り消すための導線がアプリ上になかったので調べたり窓口で聞いたりしたところ、実際に窓口で発送の手続をしなければ請求されないとのことでした。（よかった）</p>
<p>アプリ上の履歴は消しても消さなくてもどっちでも良さそうです。</p>
<p><img src="https://storage.googleapis.com/newt-files/371f689b-29a4-42fe-a5d6-f3a51eeb9c1e/2024-11-11.webp" alt="2024-11-11.webp"></p>
<p>以上。</p>


ゆうパックスマホ割アプリで郵送のあて名ラベルを作成してクレジットカード決済処理してしまっても窓口で実際に荷物を発送しなければ取り消されるので請求されない。

<p>以前書いた「<a href="https://harionote.net/article/mackerel-centos-6">CentOS 6にMackerelエージェントを入れてみた</a>」という記事の続きのような内容です。</p>
<p>表題の通りMackerelのPostgreSQL用のプラグイン「<a href="https://mackerel.io/ja/docs/entry/plugins/mackerel-plugin-postgres">mackerel-plugin-postgres</a>」というものがあることを知ったので、今回の作業環境にインストールされていたPostgreSQL9.4という結構古いバージョンで動かすとどうなるのか試してみました。</p>
<h2>前提</h2>
<ul>
<li>Mackerelエージェント自体のインストールは済んでいるものとします。（まだの場合は「<a href="https://harionote.net/article/mackerel-centos-6">CentOS 6にMackerelエージェントを入れてみた</a>」を参考にしてみてください）</li>
<li>OSのバージョンが古くyumコマンドが使えないのでmkrの導入ができないため、今回はMackerelプラグインのインストールにmkrコマンドは使いません。</li>
<li>環境はCentOS6.9, インストールされているPostgreSQLのバージョンは9.4です。</li>
<li>上記環境は検証用の環境であり、上記環境で運用することを推奨する記事ではありません。</li>
</ul>
<h2>やったこと</h2>
<h3>プラグインをダウンロード</h3>
<p><a href="https://github.com/mackerelio/mackerel-agent-plugins/releases">https://github.com/mackerelio/mackerel-agent-plugins/releases</a><br>
にアクセスして最新版のAssetsをダウンロードします。</p>
<p>今回は「mackerel-agent-plugins-0.86.0-1.el7.centos.x86_64.rpm」にしました。<br>
（ここは各々の環境に合わせて選択してください）</p>
<h3>導入</h3>
<p>先ほどダウンロードしたrpmファイルをサーバーにアップロードします。<br>
私の場合、<code>mackerel-agent</code>というディレクトリを作成して、そこでMackerelエージェントを導入していたので、そこに配置しました。<br>
（<code>mackerel-agent.conf</code>があるディレクトリにrpmファイルを配置しました。）</p>
<p>配置したら以下のコマンドを実行してインストールします。</p>
<pre><code class="language-bash">sudo rpm -ivh mackerel-agent-plugins-0.85.0-1.el7.centos.x86_64.rpm
</code></pre>
<p>インストールしてもディレクトリ内に特に変化はないです。</p>
<p>次にMackerelの設定ファイルを編集します。</p>
<pre><code>vim mackerel-agent.conf
</code></pre>
<p>以下の2行を追加します。</p>
<pre><code>[plugin.metrics.postgres]
command = &quot;/usr/bin/mackerel-plugin-postgres -user 【ユーザー名】 -password 【パスワード】 -database postgres&quot;
</code></pre>
<p>※ -databaseはデフォルト値がpostgresだから明示的に指定しなくてもいいかも。</p>
<p>メトリクスはデフォルトではpostgresにあるのでpostgresを指定することで取得できるようになります。<br>
この辺の詳細は公式のドキュメントを読むと詳細が書いてあると思います。</p>
<p>ここまでできたらエージェントを再起動します。<br>
私の環境では<code>mackerel-agent-conf</code>があるディレクトリでコマンドを実行します。<br>
まずは標準出力も見たいので、nohupせずに普通に以下を実行します。</p>
<pre><code class="language-bash">sudo ./mackerel-agent --conf=./mackerel-agent.conf
</code></pre>
<p>startした旨のメッセージのあとに「xxx does not exist」といったメッセージが出力されました。<br>
やはり使用しているPostgreSQLのバージョンが9.4と古いので、MackerelのPostgreSQLプラグインが取得しようとしたメトリクスをPostgreSQLが持っておらずそのようなメッセージが表示されているっぽいですね。</p>
<p>とりあえず大きな問題はなさそうなので、一度エージェントをkillコマンドで終了して、今度はnohupコマンド付きで実行してバックグラウンドで起動し続けるようにします。</p>
<p>（killするための起動中のMackerelエージェントのプロセスは以下で確認します。実行したコマンドのプロセスidを確認してそれをkillします。）</p>
<pre><code>ps aux | grep mackerel
</code></pre>
<p>nohup付きで実行するコマンドは以下のような感じです。</p>
<pre><code>sudo nohup ./mackerel-agent --conf=./mackerel-agent.conf &gt; /dev/null 2&gt;&amp;1 &amp;
</code></pre>
<h3>Mackerelで確認する</h3>
<p>しばらく待ってMackerelの管理画面で確認してみます。<br>
「ホスト」で確認してみると、「カスタムメトリック」の欄が追加され表示されていました。<br>
<img src="https://storage.googleapis.com/newt-files/2f755933-0e64-42ef-85b0-4baf40556465/2024-10-14_1.webp" alt="2024-10-14_1.webp"></p>
<p>ちなみにMackerelエージェント実行時に「xxx does not exist」となっていたメトリクスは項目が表示されているが値が常に0になったりしてました。</p>
<p>以上です。</p>
<h2>余談</h2>
<p>プラグインで取得できるメトリクスは公式の「<a href="https://mackerel.io/ja/docs/entry/plugins/mackerel-plugin-postgres#:~:text=%E3%83%AA%E3%83%9D%E3%82%B8%E3%83%88%E3%83%AA-,%E7%9B%A3%E8%A6%96%E3%81%A7%E3%81%8D%E3%82%8B%E3%83%A1%E3%83%88%E3%83%AA%E3%83%83%E3%82%AF,-PostgreSQL%20%E3%81%AE%E7%B5%B1%E8%A8%88">監視できるメトリック</a>」で確認できます。</p>
<p>PostgreSQLのどのバージョンでどのようなメトリクスが存在しているかは、<br>
<a href="https://www.postgresql.jp/document/">PostgreSQL日本語ドキュメント</a><br>
でドキュメントを開き、「<code>データベース活動状況の監視</code>」の章を開くと「統計情報コレクタ」や「累積統計システム」みたいなタイトルのページがあるのでそこで確認できます。</p>


mackerel-plugin-postgresをPostgreSQL9.4 on CentOS6.9という環境で動かしてみた

<p>以前まで使っていたEclipseが古かったので比較的新しいEclipseに乗り換えようと思ったのですが、PCにインストールされているTomcatを使用するようにする手順を忘れていたので備忘録としてまとめます。</p>
<p>ちなみにEclipse2024私の使用しているTomcatのバージョンが古いせいかわかりませんが、Tomcatプロジェクトをインポートしたあとに、「プロジェクトを右クリック」&gt;「プロパティ」&gt;「Tomcat」を選択したら、「現在表示されているページに、無効な値が含まれています。」とメッセージが出てしまいましたので、やめてしまいました。</p>
<h2>前提</h2>
<p>作業するPCにはすでにTomcatがインストールされているものとします。</p>
<h2>手順・やったこと</h2>
<p>Eclipseのインストール手順は省略します。<br>
<a href="https://willbrains.jp/">https://willbrains.jp/</a><br>
から2023のJavaのFull Editionをダウンロードしてインストールしました。<br>
<img src="https://storage.googleapis.com/newt-files/f8f0f7b3-077b-4830-a6c7-c55f05cd430a/72f12dfc-36fb-41b0-be05-d5ec0b4f3a9e.webp" alt="72f12dfc-36fb-41b0-be05-d5ec0b4f3a9e.webp"></p>
<h3>Tomcatプラグインを追加</h3>
<p>Eclipseをインストールして起動したら、「ヘルプ」&gt;「Eclipse マーケットプレース」を開き、「Tomcat」と検索し、「Eclipse Tomcat Plugin」をインストールするだけです。<br>
<img src="https://storage.googleapis.com/newt-files/b99171d1-6a89-4941-9a10-8060150d7467/3f1de230-1886-451c-be9a-c99162ee57f4.webp" alt="3f1de230-1886-451c-be9a-c99162ee57f4.webp"><br>
<img src="https://storage.googleapis.com/newt-files/74e017be-53a2-4f22-b125-2642d0c0c78c/1a249393-aaeb-4c00-9a53-94989118a4cb.webp" alt="1a249393-aaeb-4c00-9a53-94989118a4cb.webp"></p>
<p>これでEclipseでTomcatを起動できるようになりました。</p>
<h3>既存のTomcatプロジェクトをインポートする</h3>
<p>※このステップは個人的な備忘録で、EclipseでローカルTomcatを使うようにする設定とは関係ないので飛ばしてokです。</p>
<p>「プロジェクトのインポート」を実行します。（Eclipseがインストールしたてなら、パッケージエクスプローラーに導線が表示されています。）<br>
<img src="https://storage.googleapis.com/newt-files/ac05e199-4e74-4dc5-af94-ac8f4ac97e95/b97756ae-7089-4595-8b5a-afecdfbc13a9.webp" alt="b97756ae-7089-4595-8b5a-afecdfbc13a9.webp"><br>
<img src="https://storage.googleapis.com/newt-files/cb78b9f4-27c1-468e-a774-8c2b60d70efc/ea3a8e5a-7d1b-48c2-ab91-f900a2a46ae0.webp" alt="ea3a8e5a-7d1b-48c2-ab91-f900a2a46ae0.webp"><br>
「ルート・ディレクトリーの選択」で、Tomcatプロジェクトがあるディレクトリを指定。<br>
私はプロジェクトを、PCにインストールしてあるTomcatの下に配置してあったので<code>C:\Program Files\Apache Software Foundation\Tomcat X.0\webapps\xxx</code> みたいな指定をしました。</p>
<p>それ以外は特になにもせずに「完了」。</p>
<p>ちなみに、追加したプロジェクトを右クリック &gt; 「プロパティー」&gt;「Tomcat」でwarエクスポートの設定等が行えます。<br>
※ この「Tomcat」という選択肢はTomcatプラグインがEclipseに追加されていないと表示されないです。<br>
<img src="https://storage.googleapis.com/newt-files/b0d1d289-c117-47d6-807f-752798f91266/ea3a8e5a-7sergserfhsrt2a46ae0.webp" alt="ea3a8e5a-7sergserfhsrt2a46ae0.webp"></p>
<h3>余談：EclipseのTomcatの設定を確認するには</h3>
<p>今回は特に何もしませんが備忘録としてEclipseのTomcatの設定の確認の導線だけ示しておきます。<br>
「ウィンドウ」&gt;「設定」&gt;「Tomcat」で確認できます。<br>
<img src="https://storage.googleapis.com/newt-files/f8c144d0-3472-4e9d-8533-feca4a40d217/753855f2-b659-4b3d-94df-55c99370fc43.webp" alt="753855f2-b659-4b3d-94df-55c99370fc43.webp"><br>
<img src="https://storage.googleapis.com/newt-files/d526d520-099d-4bea-b12f-0044d01d1330/c6f1d086-316b-4554-a650-5d0e304e48cf.webp" alt="c6f1d086-316b-4554-a650-5d0e304e48cf.webp"></p>
<p>ここでTomcatプラグインで起動するTomcatの設定を行えます。</p>
<h3>PCにインストールされたTomcatをEclipseから起動するようにする。</h3>
<p>メニューの「ウィンドウ」&gt;「ビューの表示」&gt;「サーバー」をクリックし、サーバータブを表示させます。<br>
<img src="https://storage.googleapis.com/newt-files/dc93467e-9957-4d70-8c9c-0c35334e171a/f202dbfc-ffa8-4c66-9968-dc37947fc8c8.webp" alt="f202dbfc-ffa8-4c66-9968-dc37947fc8c8.webp"></p>
<p>サーバータブ内を右クリックし、「新規」を選択。<br>
<img src="https://storage.googleapis.com/newt-files/a1d16d8f-d86d-4ccd-85f8-fb4da50d76ae/55dc73f9-4de0-46dc-b54c-cd03f2611572.webp" alt="55dc73f9-4de0-46dc-b54c-cd03f2611572.webp"></p>
<p>任意のサーバー名をつけて、「サーバー・ランタイム環境」の右の「追加...」をクリックします。</p>
<p><img src="https://storage.googleapis.com/newt-files/b87f9560-6032-4ee7-a34b-799aec1c149d/55dc73f9-4defawefawb54c-cd03f2611572(1).webp" alt="55dc73f9-4defawefawb54c-cd03f2611572(1).webp"></p>
<p>ここで、「Tomcat インストール・ディレクトリー」の「参照」ボタンをクリックし、PCにインストールされているTomcatを指定します。<br>
例えば<code>C:\Program Files\Apache Software Foundation\Tomcat 7.0</code>みたいな値を設定すればokです。<br>
※ webappsとかbinとかがあるディレクトリを指定すればokです。</p>
<p><img src="https://storage.googleapis.com/newt-files/11050e4b-4430-4b8f-810f-38ffd73ef19a/6bff3fd4-de50-495f-8ae3-918ec59c0110.webp" alt="6bff3fd4-de50-495f-8ae3-918ec59c0110.webp"></p>
<p>JREについては、指定したTomcatに合うJREを指定するのようにしてください。<br>
「インストール済みのJRE...」ボタンをクリックすればJREの指定画面が表示されます。<br>
<img src="https://storage.googleapis.com/newt-files/02c5c05f-09f7-499d-9005-ae8b509436c6/6bff3fd4-de50-4gfd-918ec59c0110.webp" alt="6bff3fd4-de50-4gfd-918ec59c0110.webp"></p>
<p>※ 使用すべきJREがわからない場合は、PCにインストールされているConfigureTomcatを起動し、「Java」タブでJava Virtual Machineに指定してあるパスを確認して、その情報からわかるバージョン番号と同じバージョンを指定してやればいいと思います。</p>
<p>「名前」は任意で修正して、「完了」をクリックします。<br>
「新規サーバー」ウィンドウに戻ったら、そこでも「完了」をクリックしてサーバーの追加を完了します。</p>
<p>サーバータブに新しく作成したサーバーができていると思います。</p>
<p>新しくできたサーバーをダブルクリックすれば詳細情報が表示されます。<br>
そこの「ポート」の欄で「Tomcat 管理ポート」が指定されてるか確認してください。<br>
過去に私はここが未指定でハマりました。未指定なら「8005」を指定してあげてください。<br>
<img src="https://storage.googleapis.com/newt-files/00e7f96d-7012-4888-b571-6a64c0023753/0c2cd939-c896-484f-9812-02f3f89ec7b5.webp" alt="0c2cd939-c896-484f-9812-02f3f89ec7b5.webp"><br>
（未指定でサーバーを起動しようとしたら「1つ以上のポートが無効なため、サーバーを起動できません。サーバー・エディタを開き、無効なポートを訂正してください。」などと言われます。）</p>
<p>次に「サーバー・ロケーション」の欄で「Tomcatインストールを使用」を選択するように変更してください。<br>
<img src="https://storage.googleapis.com/newt-files/813c37b4-a6b6-4523-8b73-f7e9861fbeac/a9cb5f6c-bd76-4cd0-ac69-62d3121454bf.webp" alt="a9cb5f6c-bd76-4cd0-ac69-62d3121454bf.webp"></p>
<p>ここまでできたらその設定を保存してください。</p>
<h2>TomcatをEclipseから起動する</h2>
<p>ここまでできたら準備は完了です。<br>
「サーバー」タブで作成したサーバーを選択して起動ボタンをクリックします。<br>
<img src="https://storage.googleapis.com/newt-files/ec20e118-e5be-4032-b4eb-03a818228508/a9cb5f6c-adergfaac69-62d3121454bf.webp" alt="a9cb5f6c-adergfaac69-62d3121454bf.webp"></p>
<p>以上です。</p>
<h2>余談：EclipseでTomcatを起動してもConfigure Tomcatの「Service Status」は「Stopped」のままになる</h2>
<p>これはそういう現象を確認しただけで、なぜそうなるかまではちゃんと調べてないです（すみません）。<br>
おそらくEclipseで起動するとPCにインストールされたTomcatとは別プロセスとして動作するからと思われます。PCにインストールされたTomcatを起動していますがプロセスは別なので、Configure Tomcat視点での状態をConfigure Tomcat画面では反映させるので「Stopped」と表示されるわけです。</p>


Eclipse新しくインストールしたので、PCにインストールされているTomcatをEclipseから立ち上げるようにする手順の備忘録

<p>今回は表題の通り、（かなり前にサポートが終了していますが）CentOS6に<a href="https://ja.mackerel.io/">Mackerel</a>のエージェントをインストールしてみました。<br>
※ 本記事の内容は実験的にやってみただけであり、サポートが終了しているOSの使用を推奨するものではありません。</p>
<h2>前提</h2>
<ul>
<li><a href="https://ja.mackerel.io/">Mackerel</a>のSignUpが完了している前提で進みます。</li>
<li>今回の環境は厳密にはCentOS6.9となっております。</li>
</ul>
<h2>手順</h2>
<p>基本的にはMackerelの管理ページにて、「新規ホストの登録」のページに表示される「その他Linux」の欄の手順におおよそ従います。<br>
<img src="https://storage.googleapis.com/newt-files/c986b386-6338-4125-94ed-3b6109ac4228/2024-09-23_1.webp" alt="2024-09-23_1.webp"></p>
<p><img src="https://storage.googleapis.com/newt-files/aff6f462-8748-445e-b1eb-b0a5f44a0b16/2024-09-23_2.webp" alt="2024-09-23_2.webp"></p>
<p>作業ディレクトリはどこでもokですが、私は今回はてきとうにmackerelディレクトリを作って作業しました。</p>
<p>まずエージェントをダウンロード。</p>
<pre><code class="language-bash">curl -O https://mackerel.io/file/agent/tgz/mackerel-agent-latest.tar.gz
</code></pre>
<p>解凍して移動。</p>
<pre><code class="language-bash">tar -xzvf ./mackerel-agent-latest.tar.gz
cd mackerel-agent
</code></pre>
<p>このあと公式の手順では<code>sudo mackerel-agent init -apikey=&quot;xxxxx&quot;</code>というコマンドを実行して設定ファイルに設定を記述するのですが、うまくいかなかったので自分でやります。</p>
<pre><code class="language-bash">vim ./mackerel-agent.conf
</code></pre>
<p>4行目あたりに<code>apikey = &quot;&quot;</code>といったコメントがあるので、「#」を消してコメントを解除して</p>
<pre><code>apikey = &quot;自分のapikey&quot;
</code></pre>
<p>のようにします。<br>
apikeyは公式の手順書の<code>sudo mackerel-agent init...</code>に表示されているapikeyが自身のapikeyなのでそれを入力すればokです。</p>
<p>記入したら保存します。</p>
<p>ここまでできたらエージェントを起動してみます。</p>
<pre><code class="language-bash">sudo ./mackerel-agent --conf=./mackerel-agent.conf
</code></pre>
<p>特にエラー等の出力が出ないことが確認できたら一度終了して、nohupを使ってバックグラウンドで起動し続けてもらうように起動します。</p>
<pre><code>sudo nohup ./mackerel-agent --conf=./mackerel-agent.conf &gt; /dev/null 2&gt;&amp;1 &amp;
</code></pre>
<p>※ <code>/dev/null</code>はログ出力がファイルに出力されて保存されないようにするための記述です。こうすることでログファイルが作られて永遠に肥大化してしまうといった事態を避けます。</p>
<p>起動しているかプロセスを確認するには以下を実行します。</p>
<pre><code class="language-bash">ps aux | grep mackerel
</code></pre>
<p>終了したいときは一番親の「sudo nohup」から始まっているプロセスのIDをkillすればokです。<br>
例えば</p>
<pre><code class="language-bash">root     12345  (略) sudo nohup ./mackerel-agent --conf=./mackerel-agent.conf
</code></pre>
<p>なら</p>
<pre><code class="language-bash">sudo kill 12345 
</code></pre>
<p>でokです。</p>
<p>あとはサーバー起動時に自動で立ち上げるようにしておくべきですがここでは割愛します。</p>
<p>少し話がそれましたが、起動できたらMackerelの管理画面で確認してみます。<br>
左ペインで「ホスト」を選択してみます。<br>
<img src="https://storage.googleapis.com/newt-files/92f09eb2-1491-4779-90f5-3040903b5342/2024-09-23_3.webp" alt="2024-09-23_3.webp"><br>
ちゃんと表示が増えているので問題なさそうです。</p>
<p>ホストをクリックするとサーバーの情報や取得できているメトリクスの値が表示されます。<br>
<img src="https://storage.googleapis.com/newt-files/8410bd15-5317-46ca-8a43-3c920a0a8d71/2024-09-23_4.webp" alt="2024-09-23_4.webp"></p>
<p>「システムメトリック」という欄にて以下のデータが取得できていました。<br>
※ 各メトリックの説明は公式Docの「<a href="https://mackerel.io/ja/docs/entry/spec/metrics">メトリック仕様</a>」を参照してください。</p>
<ol>
<li>loadavg</li>
<li>cpu</li>
<li>memory</li>
<li>disk</li>
<li>interface</li>
<li>filesystem</li>
</ol>
<p>以上です。</p>
<p>古いOSでも意外とサクッとメトリクスが取れることが確認できて満足でした～</p>


CentOS 6にMackerelエージェントを入れてみた

<p>AWSのS3のバケット内の、フォルダの中身を丸ごとをダウンロードします。<br>
GUI（マネジメントコンソール）にフォルダごとダウンロードするアクションがなかったので（前はあったっぽい？）aws cliでやる手順の備忘録となります。</p>
<h2>AWS CLI（AWS コマンドラインインターフェイス）のインストール</h2>
<p><a href="https://aws.amazon.com/jp/cli/">https://aws.amazon.com/jp/cli/</a> にアクセスします。<br>
今回私の環境はWindowsなので右ペインからWindowsの欄からインストーラをダウンロードします。<br>
<img src="https://storage.googleapis.com/newt-files/899476cc-dc15-462d-9292-538868f8c568/2024-09-10_1.webp" alt="2024-09-10_1.webp"></p>
<p>ダウンロードしたらインストーラを起動してインストールします。<br>
<img src="https://storage.googleapis.com/newt-files/48955c70-24a9-47f4-a25a-cbee37711615/2024-09-10_2.webp" alt="2024-09-10_2.webp"></p>
<p>インストールが完了したら適当なターミナルを開き</p>
<pre><code>aws --version
</code></pre>
<p>を実行し、<code>aws-cli/...</code>的な出力が返ってくればインストールされています。</p>
<p>※ インストールする前からターミナルを開いていた場合は、開き直してください。</p>
<h2>S3のデータをフォルダごとダウンロードする</h2>
<p>今回は<code>my-download-test</code>というバケット内にある<code>images</code>というフォルダの中身を丸ごとダウンロードします。<br>
<img src="https://storage.googleapis.com/newt-files/b85858f2-ba01-4c16-bfe5-eb63bce93817/2024-09-10_3.webp" alt="2024-09-10_3.webp"><br>
ターミナルで以下の作業を行います。</p>
<ol>
<li>【準備】対象のAWSアカウントのクレデンシャルを設定する。<br>
（私の場合awsアクセスポータルを使用する環境のため）アクセスポータルより、対象のawsアカウントの<code>Access key</code>をクリックします。<br>
<img src="https://storage.googleapis.com/newt-files/e4af4b15-539a-47f6-bd1d-06c875f3552c/2024-09-10_4.webp" alt="2024-09-10_4.webp"><br>
私のターミナルの場合<code>PowerShell</code>で起動しているので、<code>PowerShell</code>タブを開き、<code>Option 1: Set AWS environment variables</code>の欄にある、一時的なクレデンシャルをセットするコマンドをコピーします。<br>
<img src="https://storage.googleapis.com/newt-files/51c37282-2907-404f-85c0-b1272d64cdc6/2024-09-10_5.webp" alt="2024-09-10_5.webp"><br>
コピー内容をターミナル内にペーストしてEnterで実行してクレデンシャルをセットします。（これをしておかないとこのあとのawsコマンドを実行しようとしても権限がなくてエラーになります）</li>
<li>AWSにて対象のフォルダの「S3 URI」を控える<br>
対象のフォルダを選択して<code>S3 URI をコピー</code>をクリックします。<br>
<img src="https://storage.googleapis.com/newt-files/0952ee5c-dd46-4072-b498-d96eafc78d03/2024-09-10_6.webp" alt="2024-09-10_6.webp"><br>
すると以下のような値をコピーできます。</li>
</ol>
<pre><code>s3://my-download-test/images/
</code></pre>
<ol start="3">
<li>aws cliコマンドでフォルダ内のファイルを一括ダウンロード<br>
先ほど控えた値を使って、ターミナルにて以下のコマンドを実行します。<br>
※ファイルをダウンロードしたいディレクトリに移動してから実行してください。</li>
</ol>
<pre><code>aws s3 cp s3://my-download-test/images/ ./ --recursive
</code></pre>
<p>これでダウンロードできるはずです。</p>
<p>【補足】</p>
<ul>
<li><code>--recursive</code>は再帰的に実行するオプションで、これにより<code>images</code>内のファイルをすべてダウンロードできます。</li>
<li><code>./</code>を指定しているのでカレントディレクトリにダウンロードされます。</li>
</ul>
<p>以上です。</p>


S3のデータをフォルダごとダウンロードする【AWS】

<p>表題の通りです。<br>
毎度調べている気がするのと、公式だとスクショ画像がなくて把握するのにコストがかかるので備忘録として残しておきます。</p>
<h2>Android</h2>
<p>まず、<code>Play ストア</code>アプリを開き、右上の自身のアカウントアイコンをタップします。<br>
<img src="https://storage.googleapis.com/newt-files/0ac8bc94-fcca-4008-a4c1-bc2b857b0693/2024-09-08_1.webp" alt="2024-09-08_1.webp"></p>
<p>アカウントメニュー画面の下の方に<code>設定</code>があるのでタップします。<br>
<img src="https://storage.googleapis.com/newt-files/d0820ad2-769e-41f2-bd67-44c00af2090e/2024-09-08_2.webp" alt="2024-09-08_2.webp"></p>
<p><code>ネットワーク設定</code>→<code>アプリの自動更新</code>→<code>アプリを自動更新しない</code>を選択します。<br>
<img src="https://storage.googleapis.com/newt-files/18e98369-c04c-4c3b-9200-3fee3179eda1/2024-09-08_3.webp" alt="2024-09-08_3.webp"></p>
<p>以上です。</p>
<h2>iPhone(iOS)</h2>
<p><code>設定</code>アプリを開きます。<br>
<code>App Store</code>→<code>自動ダウンロード</code>→<code>アプリのアップデート</code>をオフにします。<br>
<img src="https://storage.googleapis.com/newt-files/9c011630-252a-4fe4-b58f-6ad4ec5923d7/2024-09-08_4.webp" alt="2024-09-08_4.webp"></p>
<p>以上です。</p>


Articles by Hario