雑多な記録

"webアプリ"を作りたいと見切り発車で製作に取り掛かったものの、 環境構築を終えて満足したのがこのサイトです。
せっかく作ったので管理者の個人的なメモ帳として利用します。


Misc

様々な記録です。

安曇野の美術館を巡ったので

安曇野近辺には美術館が多いです。回った中で気に入ったところを紹介します。

安曇野高橋節郎記念美術館

大変気に入りました。
沈金という、漆塗りの木をキャンバスに表面に傷をつけて、そこに金粉を刷り込む技法で作られた作品が並んでいます。 漆黒に金色で線を描くというのがいいですね。黒と金、ありきたりだけれど大好きな組み合わせです。
特に好きな作品は『森のコンサート』。 写真だと分かり辛いですが真ん中に漆塗りの立体物が置かれてあります。
…本当に写真だと全く作品の良さがわからないので現地に行って鑑賞したいです。
見る角度を変えることで金がキラキラと輝き、漆に映り込む光が動いてその表面の美しさを味わうことができます。

少し古くて汚れが目立ちますが建物がかっこいいです。
中庭で写真を撮ってきました。

中庭の様子
後、訪問したときはなにかワークショップをやっていました。
賑やかで良かったです。

開館時間:9:00~17:00
リンク:安曇野文化財団の紹介ページ
訪問日:2025年10月


征矢野久 水彩館

夕日が山の陰に入った頃に見える、山の深い青色。これを完璧に再現した絵が飾られています。

美術館サイトより

簡単なグラデーションで塗られているにもかかわらず、一見して写真ではないかと思うほど山がリアルです。
長野県民なら間違いなく見覚えがある山の色をしています。

この青色は『そやのブルー』と呼称され、完成まで2年かかったと説明がありました。
2年でこれを作れるのなら羨ましいかも。

外観
開館時間:9:30~16:30
リンク:美術館サイト
訪問日:2025年10月

2026/08/09 投稿

旅の記録

東京での滞在先として便利だった場所の紹介です。選択肢が増えると動きやすくなりますね。

And Worker神楽坂

コワーキングスペース色の強いカフェです。ドリンクバー付き、フードも充実してました。
営業時間:10:00~19:00
リンク:店舗サイト
訪問日:2026年5月


TOKICAFE 神楽坂

コワーキングスペース色の強いカフェです。ドリンクバー付き。フードはよくわかりません。
ちょっと落ち着いた感じの店内の雰囲気が好みに合いました。
神楽坂ってめっちゃ坂。
営業時間:9:00〜22:30
リンク:店舗サイト
訪問日:2026年5月


ゆる学徒カフェ

Youtubeもやっているカフェです。
店内は狭め。フードは色々あります。
営業時間:11:30〜23:00(イベントが無い日)
リンク:店舗サイト(MacのSafariだとなぜかリダイレクトループします)
訪問日:2026年5月

2026/05/15 投稿

中型辞典の取り扱いで注意すること

ずっと紙の辞書が欲しかったのです。
中型辞典といえばみな口をそろえて広辞苑の名をあげるのであえて大辞林を買ってみました。
あと大辞林のほうが少し安いです。

化粧箱から出して帯を外した状態
なんか、思ってたより…
デカい!!!重い!!!

持ち上げるときに腰がパキッと鳴りました。
大変重いので腰に負荷がかからない姿勢で持ち上げるように気を付けましょう。

購入時期:2026年8月

2026/08/10 投稿

Macでよく使うショトカまとめ

普段Windowsを使っているので憶えられません。

画面をロックする

Command + Shift + Q または 電源ボタン(指紋認証が使えるモデル)


スクショを撮る

Command + Shift + 3(画面全体) Command + Shift + 4(範囲指定)


音量をより細かく変更する

Shift + Control + 音量操作


Safariでスーパーリロードをする

Shift + リロードボタンクリック

2026/06/09 投稿

FFmpegで〇〇するコマンドまとめ

ビットレートを制限する

ffmpeg -hwaccel cuda -hwaccel_output_format cuda -i input.mp4 -c:v h264_nvenc -vb 10000k output.mp4


時間指定でトリミングする①

ffmpeg -ss hh:mm:ss -t 300 -i input.mp4 -c copy -map 0:v -map 0:a output.mp4


時間指定でトリミングする②

ffmpeg -ss hh:mm:ss -to hh:mm:ss -i input.mp4 -c copy -map 0:v -map 0:a output.mp4


音声トラック1を抽出する

ffmpeg -hwaccel cuda -hwaccel_output_format cuda -i input.mp4 -map 0:1? -vn -acodec copy ./audio1.mp3


フレームレートを下げる

ffmpeg -hwaccel cuda -i input.mp4 -c:v h264_nvenc -r 30 output.mp4


リサイズする

ffmpeg -hwaccel cuda -hwaccel_output_format cuda -i input.mp4 -c:v h264_nvenc -vf scale=-1:1080 output.mp4


複数の音声トラックを持つファイルをトラックごとの音声と動画のファイルに分割する

ffmpeg -hwaccel cuda -hwaccel_output_format cuda -i input.mkv -map 0:0? -vcodec copy output.mp4 -map 0:1? -vn -acodec copy ./audio1.m4a -map 0:2? -vn -acodec copy ./audio2.m4a -map 0:3? -vn -acodec copy ./audio3.m4a


音声と動画を結合する

ffmpeg -hwaccel cuda -hwaccel_output_format cuda -i input.mp4 -i input.m4a -c:v copy -c:a aac -map 0:v:0 -map 1:a:0 output.mp4


h264でエンコードする

ffmpeg -hwaccel cuda -hwaccel_output_format cuda -i input.mp4 -c:a copy -c:v h264_nvenc output.mp4


動画を結合する

ffmpeg -hwaccel cuda -hwaccel_output_format cuda -f concat -i list.txt -c copy output.mp4

↓list.txt file /home/hoge/0.mp4 file /home/hoge/1.mp4 file /home/hoge/2.mp4


GoProの動画をいい感じのサイズに変換するときに使うやつ(1080p, 20mbps, h264)

ffmpeg -hwaccel cuda -i input.mp4 -c:v h264_nvenc -c:a copy -vb 20000k -vf scale=-1:1080 output.mp4


複数の音声をミックスする

ffmpeg -i audio1.m4a -i audio2.m4a -i audio3.m4a -filter_complex amix=inputs=3:duration=longest output.m4a

2026/02/25 投稿

俺的Visual Studio Code設定

Ctrl+Shift+Pでコマンドパレットを開き、「user settings json」などで検索して設定ファイルを開きます。 { "workbench.startupEditor": "none", "extensions.ignoreRecommendations": true, "workbench.secondarySideBar.defaultVisibility": "hidden", "workbench.statusBar.visible": true, "files.autoSave": "onFocusChange", "workbench.editor.empty.hint": "hidden", "editor.acceptSuggestionOnEnter": "off", "git.confirmSync": false, "explorer.confirmDragAndDrop": false, "explorer.confirmPasteNative": false, "update.showReleaseNotes": false }

同じくコマンドパレットで「keyboard shortcuts json」などで検索してショートカット割り当ての設定ファイルを開きます。 [ { "key": "ctrl+shift+n", "command": "workbench.action.quickOpen" }, { "key": "ctrl+shift+n", "command": "-workbench.action.newWindow" } ] これはJetBrainsのIDEAと同じCtrl+Shift+Nでファイルを検索するための設定です。

2026/04/16 投稿

技術の話

備忘録です。

俺的ブラウザキャッシュ設定

Webサーバーにおけるキャッシュ設定のお話です。
HTTPで配信するコンテンツは、 Cache-Controlヘッダーを適切に設定してあげることでブラウザがキャッシュしてくれます。 サイトで配布する静的コンテンツについて、その設定方法を調べたので記事に残しておきます。

画像がブラウザにキャッシュされている様子

まずこのドキュメントを読みます。 さすがMDN、ドキュメントがめちゃくちゃ読みやすいです。
今回は静的コンテンツについての設定です。 ガンガンにキャッシュを効かせたいと思ったので次のようなヘッダーを設定することにしました。 Cache-Control: public, max-age=31536000, immutable これで31536000秒=1年間キャッシュを保持してくれることでしょう。

ですが、逆にキャッシュが効きすぎてコンテンツが更新されないというトラブルが発生し得ります。
同ドキュメントでは対策としてcache-bustingなるテクニックを紹介しています。 ファイル名にバージョン文字列を含める...パラメータに固有の文字列を追加する...など、 要はURLそのものが変わればキャッシュは効きませんよねということです。 <script src="https://example.com/style.css?v=1234567890"></script> 上の例ではパラメータを付与することでキャッシュを避けています。パラメータ名は仮に「v」としていますがなんでもいいです。

このサイトではデプロイスクリプトを走らせたときに、その日時を固有バージョンとして環境変数にセットしています。
後はテンプレート内で固有バージョンを静的ファイルのパラメータにくっつけてあげればOKです。

あと余談ですが、これってどの程度効果がある話なのでしょうか。
サイトの機能が増えてくると静的コンテンツのキャッシュ以外の部分がネックになりそうですし、 実際にトラフィックを測ったわけでもないので負荷軽減に役立っているのかも不明です。
チューニングをしている間は楽しいですし、DevToolsでキャッシュされている様子を眺めるのは気持ちがいいんですけどね。

2025/12/16 投稿

ハッシュアルゴリズム年表

ハッシュ関数の発表年次まとめ、MD系とSHA系についてWikipediaからの引用です。
年表を表示するjsを書きたくなったので。

2025/12/18 投稿

遊びたいゲーム

友達と遊ぶのにちょうどいいゲームを探しています。

Alchemy Factory

発売日:2025年12月12日
マルチプレイ最大人数:不明
リンク:Steam
説明:錬金術師の自動化経営シム。 ベルトコンベアを並べて錬金グッズを大量生産、売りさばいて利益を上げよう...みたいなゲームだと思います。

公式トレーラーより
2025/12/04 投稿

最後に

このサイトは広告、アフィリエイトリンク、その他商品紹介などで利益を受け取る行為は一切行っておりません。
お金がたくさん欲しいのでGoogle広告をつけたかったのですが、審査が通らず諦めました。

そんなわけでこのサイトは、現代では大変珍しい「オーガニック」なWEBサイトになっています。

あなたは12984人目の訪問者です。