2024年の記事一覧

個人でスマホアプリを開発している。手書きで書かれたメモをカメラで撮影すると自動でチェックリストが生成されるアプリ。我が家は必要なものがあると小さなホワイトボードに随時書き込み、買い物時これを撮影し、現地でチェックリストとして活用する。今回、履歴機能を追加したので使用した技術に関する備忘録を記す。

数年前からモノが見えづらくなった。加齢によるものとあきらめていたが、2年ほど前からいよいよ生活に支障を感じ、近所の眼科へ通い始めた。処方された目薬を点眼し、眼鏡をかける生活となった。だがあまり効果は無く、悪化の一途をたどる日々だった。今年に入り、大きな病院で検査を受けるようにすすめられた。

tmuxをWSL2で稼働するUbuntuにインストールし、基本的な設定を行う作業備忘録。「SSH接続先とテキストのコピペがしたい」が当初の目的であり、これを実現できるようconfigファイルを作成する。

ASP.NET Core WebアプリをConoHa VPSで公開する手順をまとめた。Webサーバはnginxを使用し、Docker Composeで実行。OS（Debian）の初期設定からLet's EncryptによるHTTPS化までを記す。

「フェリシモ オールライト研究所」が手掛けた、前後も裏表も関係なく着れる服を買ってみた。視界が欠けていく病気を抱えているため、視力に頼らない日常を意識し始めた中で出会ったアイテムだ。製品の感想などをまとめた。

長らく愛読しているブログ「関内関外日記」の中の人、黄金頭さんにお会いしてきた。自作のポストカードを販売されるということで、これを機にぜひ一度会ってみたいと思った。かなり緊張してしまったが、何とかブログや寄稿されている記事が好きだということは、何とか伝えられたと思う。

羞明・夜盲・視野狭窄といった視覚の問題を抱えている。昨日、久しぶりの通院だったので診察内容とその後の経過を記録しておく。今後も検査が続き、診断が確定するのはまだ先になりそうだ。現時点で感じている不安や、目の経過観察を記録しておく。

我が家の家族構成は私を含め2名と1羽だった。今年の1月12日金曜の早朝、家族の一員だったシナモン文鳥が亡くなった。「ティピ」という名の男の子だった。昨年の10月に体調をくずし、以後3か月余りの戦いのすえ、旅立っていった。もう2か月以上が経過したがその間の記憶ははっきりしない。

本記事の概要 このブログ（Google Blogger）にCloudflareを導入しようと設定を進めていたところ、かつてカスタムドメインを設定した際に発行されたCNAMEが分からず困っていた。Bloggerのカスタムドメイン設定で使用するCNAMEを、再度確認する方法の備忘録。

記事概要 これまで、すべての投稿を一覧表示するページを都度feedを数回取得するJavaScriptで行っていた。表示速度が遅いうえ、記事増加に合わせてfeedを呼びだすスクリプトを追加する必要がありメンテもめんどい。スマートな方法がないかと思っていたところ、とても美しい仕事をされている記事を発見。

Ubuntu 22.04 LTS on WSL2に最新のNode.jsとnpmをインストールする手順を解説。古いバージョンを削除し、nvmを使って最新バージョンを導入する方法を紹介します。

前回作業でインストールしたPurgeCssを実際に使ってみたので手順をまとめる。PurgeCssを使用するにはnode.js、npmが必要となる。これが今回やりたかったこと。rootディレクトリ内にあるすべてのhtml、cssを対象にまとめて処理を行う。

本ブログはGoogleが提供する「Blogger」をカスタムドメインで運用している。この度、サイトのパフォーマンス向上を目的に「cloudflare」のキャッシュサービスを利用することとした。結果、Bloggerが生成するsitemap、feed（rss、atom）において、URLがすべて「http」となる問題が発生

Azure DevOpsで管理しているリポジトリをgithub側で使いたいと思い、マイグレーション、クローンなどで手段を探してた。Azure DevOps側で一時的なクレデンシャルを発行し、github側からインポートするやり方を見つけた。

記事概要 AzureDevOpsのPipelinesにおいて、Github Organizationsのリポジトリを参照する設定作業の備忘録。

本記事のゴール 拡張機能を使用し、VSCodeでJoplinのノートを管理できるようにする。 本記事の対象者 *Joplinユーザでエディタに不満がある人 *VSCodeの環境でJoplinを使いたい人 *VScodeユーザでVScodeと親和性の高いノートアプリを検討している方

本記事の概要 Googleスプレッドシートの関数のひとつ、「IMPORTXML関数」についての備忘録。HTMLファイルのスクレイピングの記事はたくさん見つかるが、XMLファイルをターゲットにした情報が少なかったのでメモを残す。

Windowsで作成したファイルの改行コードはCR＋LFだ。これに対して、Linuxの改行コードはLFだけなので、ファイルの転送方法によってはWindowsで作成したテキストファイルをviで開くと、すべての行末に「^M」が表示される場合がある。

本記事の概要 PageSpeed Insightsのスコアでオール100を達成した。対象はこのブログ。Googleの提供するBloggerを使用しているため、独自の仕様にずいぶん苦しめられた。行った施策全体を概観するのが主な内容で、部分的に詳細の手順を記載した。

最近の心境を綴った日記。命ある者たちより、いなくなってしまった者たちを思う時間が長い。網戸越しに風を浴び、気持ちよさそうにするシナモン文鳥の姿を思い出す。かつてケージがあったその場所に、無意識に名前を呼びかける。生前、毎日声をかけていたけれど、いなくなった今もその習慣は変わらない。

本記事の目的 Ubuntuに最新バージョンのNeovimをsnapでインストールする手順をまとめる。経緯 *Ubuntuのパッケージリポジトリに登録されているNeovimはバージョンが古い。 *前回公式から.debパッケージをダウンロードできたが現在は不可。 *次回以降の更新を考慮し、snapを使用することにした。

最近の思考メモ たまたま見ていた朝の情報番組をキッカケに考え事が始まった。過去に大きな影響を受けた「これは水です。」というスピーチ、最近読みはじめたベンジャミン・リベットの『マインド・タイム』が頭の中を駆け巡る。

先日このブログのアプリ開発情報をAstroとTailwindによる静的サイトへ移動した。（正しくはAstro & Tailwindで作成されたテンプレートを使用） これまでブログのカスタマイズ目的でHTML/CSS/JavaScriptの使用機会はあったがフレームワークは今回が初。色々と気づきがあったので備忘録を残す。

個人開発によるアプリの紹介。買い物メモやTodoリストをカメラで撮影し、簡単にチェックリストへ変換するスマホアプリ。スマホに保存した画像も対象。開発・運用のモチベーション維持のため「自分が使うモノ」をコンセプトに開発。使用シーンを考慮し、機能を最小限に、起動と操作の速度パフォーマンスを重視した。

10年以上の期間お世話になったGoogle Bloggerに別れを告げ、この度AstroでBlogサイトを構築し移行した。Astroは静的サイトを手軽に開発できる軽量フレームワーク。無料のテンプレートをベースにカスタマイズを行った。それなりの作業ボリュームとなったので、詳細は別記事に分け、今回は移行作業全体をまとめる。

このBlogの記事を書く目的でHeadless CMSの「Front Matter」を使ってみた。VSCodeの拡張機能として追加するだけで利用できる。markdownはもちろん、mdxにも対応している。スニペット機能で簡単にコンポーネントを埋め込むことが可能。jsonファイルで設定をカスタマイズでき自由度が高い。

AstroプロジェクトのユニットテストをJestで行いたい。Astroはv3.0以降ESMがデフォルトで有効。他のパッケージ同様、import文のエラーに対処が必要。既存のtsconfigに手を加えずに別途テスト用のtsconfigを作成しこれを回避する。一連の手順を備忘録としてまとめる。

VSCodeの拡張機能「vscode-textlint」をインストールし、4種類のファイル（.mdx / .md / .txt / .html）でtextlintによる日本語の文章校正を自動化する。mdxは設定が複雑のため詳しい手順をまとめる。校正ルールはJTF日本語標準スタイルのルールセットを用いる。

「@astrojs/rss」によるrss.xmlにBlog記事の本文を追加する。MDXファイルを対象に、markdownのパース、埋め込んだcomponentタグやcode blockのサニタイズ処理を行う。一連の手順を備忘録としてまとめる。

AstroのmarkdwonまたはMDXで記述したコードブロックについて、ファイル名やコードのdiffを表示できるようにする。シンタックスハイライターはShikiを使用。remarkのpluginとコードブロックのcomponentを追加する。一連の実装手順をまとめた。

誰にも言えないことはここに書く。

AstroのBlog記事に関連する記事の一覧を表示できるようにする。関連度合いを一致するタグの数で決定する。

Astroで構築したBlogサイトにモバイル表示用のTabBar（タブバー）を実装する。今回は次の3つのボタンを配置する「ホームへ戻る」「Topへ戻る」「目次を表示する」。一連の実装手順についてまとめる。

Blogでシンプルなブログカードを使いたい。Astroで構築したBlogサイトを例に、ブログカードのcomponent、追加したいサイトのmeta情報をブラウザ上でコピーできるブックマークレットを作成する。サンプルコードはこのBlogで実際に使用しているものを掲示する。

Astroで構築したブログサイトの記事にキャプション付きの画像を掲載できるようにする。2つの実装例をまとめる。1つ目はremarkプラグインによる実装。2つ目はAstroの画像最適化とキャプションをWrapperするcomponentを作成する。1つ目はmarkdown・MDX共通で使用できるが、2つ目はMDXのみ。

Astroで構築したBlogの記事にYouTube動画を埋め込む。パフォーマンスの影響を避けるため、astro-embedというパッケージを使用し、動画をlazy loadingする。

Astroで構築したWebサイトにGoogleアナリティクスのJavaScriptを遅延読み込みする実装を行う。partytownというパッケージを使用する。

Astroで構築したサイトでGoogle Adsenseを遅延読み込みする実装方法についてまとめる。AdsenseはPartytownで動作させることができなかった。よってobserverを使用し、広告エリアの表示を起点にロードする実装を行う。

Astroで構築したWebサイトにパンくずリストを追加する。プラグインを追加すれば簡単に実装できる。しかしURLに日本語が含まれる場合（タグやカテゴリ）、URLエンコードされた表記となってしまう。プラグインのリポジトリをForkし、デコードした値を表示できるようにする

Astroで構築したWebサイトに、Validation（入力チェック）とreCAPTCHA v3を設置したContact Formを実装する。Validationは「React Hook Form」というパッケージを使用する。また、reCAPTCHAのサーバサイドでの検証をNewtのForm Appで行う。

Ubuntu on WSL2でリモート実行しているVSCodeに、.NET MAUIアプリの開発環境を構築する。テンプレートからプロジェクトを新規作成し、Android emulatorでAndroidアプリをデバッグできるようにする。一連の設定手順をまとめる。

例えばコップの水を飲み干す。その行動は自分の意志であると私たち知覚する。だが脳の活動を観察すると実感と異なる。水を飲む動作は無意識の活動であり、意識つまり私の知覚はそこから0.5秒もあと。1983年、ベンジャミン・リベットは科学的な実験によりこの事実を確認した。本書はリベットの実験レポートであり多くの驚きに満ちている。

家族は大切だ。私にとって大切な家族とは、私のパートナーのみを指す。「血縁」という間柄だと私には両親と妹がいる。妹は2021年に亡くなり両親は健在である。私はあの人たちと接触する機会があらかじめわかっているとき、必ず「クエチアピン」という錠剤と「エビリファイ」という内用液を携帯する。

今日受け取った問い合わせメッセージについて、ささやかだがうれしい感情がわいたので書き留めておく。うれしかった！

.NET MAUIで作成したAndroidアプリをデバッグしようとエミュレータを新規作成しようとしたところ、エラーが発生した。原因はエミュレータ作成パス。環境変数を追加することで解決できたのでメモを残す。

VSCode（Windows）に、.NET MAUIアプリの開発環境を構築する。テンプレートからプロジェクトを新規作成し、Android emulatorでAndroidアプリをデバッグできるようにする。一連の設定手順をまとめる。

網羅的に視聴したわけではないが、たくさんの感動をもらった「パリ パラリンピック2024」について、思考したことを備忘録としてメモを残しておく。