視覚に関する記録を綴る日記。先日の通院での診察内容や心境の変化を記録。視野の欠落、夜盲、羞明といった症状についての経過や対策を考える。
読書感想、雑感を綴るブログ 図書館、書店の書棚に囲まれると幸せを感じます。
書評・ブックレビューとは異なり、個人の主観による読書感想を綴ったブログです。 感想を書き記す都合上、ネタバレとなる記載も多くあり、その際はその旨注意書きをしています。 ミステリ作品が多いほか、生物が獲得した「意識」の成り立ちや、その謎に迫るフィクション、ノンフィクションなどが大好物。
VSCode on Ubuntu & .NET MAUIでAdnroidアプリ開発環境を構築する
Ubuntu on WSL2でリモート実行しているVSCodeに、.NET MAUIアプリの開発環境を構築する。テンプレートからプロジェクトを新規作成し、Android emulatorでAndroidアプリをデバッグできるようにする。一連の設定手順をまとめる。
【Astro】Contact FormにValidationとreCAPTCHA v3を追加する
Astroで構築したWebサイトに、Validation（入力チェック）とreCAPTCHA v3を設置したContact Formを実装する。Validationは「React Hook Form」というパッケージを使用する。また、reCAPTCHAのサーバサイドでの検証をNewtのForm Appで行う。
Astroにパンくずリスト（breadcrumb list）を追加する
Astroで構築したWebサイトにパンくずリストを追加する。プラグインを追加すれば簡単に実装できる。しかしURLに日本語が含まれる場合（タグやカテゴリ）、URLエンコードされた表記となってしまう。プラグインのリポジトリをForkし、デコードした値を表示できるようにする
AstroのサイトでGoogle Adsenseを遅延読み込みする
Astroで構築したサイトでGoogle Adsenseを遅延読み込みする実装方法についてまとめる。AdsenseはPartytownで動作させることができなかった。よってobserverを使用し、広告エリアの表示を起点にロードする実装を行う。
Astro Googleアナリティクス（GA4）のJavaScriptを遅延読み込みする
Astroで構築したWebサイトにGoogleアナリティクスのJavaScriptを遅延読み込みする実装を行う。partytownというパッケージを使用する。
Astroのブログ記事にYouTubeをlazy loadingで埋め込む
Astroで構築したBlogの記事にYouTube動画を埋め込む。パフォーマンスの影響を避けるため、astro-embedというパッケージを使用し、動画をlazy loadingする。
Astroで構築したブログサイトの記事にキャプション付きの画像を掲載できるようにする。2つの実装例をまとめる。1つ目はremarkプラグインによる実装。2つ目はAstroの画像最適化とキャプションをWrapperするcomponentを作成する。1つ目はmarkdown・MDX共通で使用できるが、2つ目はMDXのみ。
シンプルなブログカードとブックマークレットを作る【Astro】
Blogでシンプルなブログカードを使いたい。Astroで構築したBlogサイトを例に、ブログカードのcomponent、追加したいサイトのmeta情報をブラウザ上でコピーできるブックマークレットを作成する。サンプルコードはこのBlogで実際に使用しているものを掲示する。
AstroのBlogにモバイル表示用のタブバー（TabBar）を追加する
Astroで構築したBlogサイトにモバイル表示用のTabBar（タブバー）を実装する。今回は次の3つのボタンを配置する「ホームへ戻る」「Topへ戻る」「目次を表示する」。一連の実装手順についてまとめる。
AstroのBlog記事に関連する記事の一覧を表示できるようにする。関連度合いを一致するタグの数で決定する。
【Astro/Shiki】markdownのコードブロックにファイル名とdiffを追加する
AstroのmarkdwonまたはMDXで記述したコードブロックについて、ファイル名やコードのdiffを表示できるようにする。シンタックスハイライターはShikiを使用。remarkのpluginとコードブロックのcomponentを追加する。一連の実装手順をまとめた。
「@astrojs/rss」によるrss.xmlにBlog記事の本文を追加する。MDXファイルを対象に、markdownのパース、埋め込んだcomponentタグやcode blockのサニタイズ処理を行う。一連の手順を備忘録としてまとめる。
vscode-textlintで日本語の文章校正をしよう【mdx / md / html / txt】
VSCodeの拡張機能「vscode-textlint」をインストールし、4種類のファイル（.mdx / .md / .txt / .html）でtextlintによる日本語の文章校正を自動化する。mdxは設定が複雑のため詳しい手順をまとめる。校正ルールはJTF日本語標準スタイルのルールセットを用いる。
AstroのユニットテストをJestで行う【ESモジュール対処法】
AstroプロジェクトのユニットテストをJestで行いたい。Astroはv3.0以降ESMがデフォルトで有効。他のパッケージ同様、import文のエラーに対処が必要。既存のtsconfigに手を加えずに別途テスト用のtsconfigを作成しこれを回避する。一連の手順を備忘録としてまとめる。
Headless CMS「Front Matter CMS」を使う【VSCode拡張機能】
このBlogの記事を書く目的でHeadless CMSの「Front Matter」を使ってみた。VSCodeの拡張機能として追加するだけで利用できる。markdownはもちろん、mdxにも対応している。スニペット機能で簡単にコンポーネントを埋め込むことが可能。jsonファイルで設定をカスタマイズでき自由度が高い。
10年以上の期間お世話になったGoogle Bloggerに別れを告げ、この度AstroでBlogサイトを構築し移行した。Astroは静的サイトを手軽に開発できる軽量フレームワーク。無料のテンプレートをベースにカスタマイズを行った。それなりの作業ボリュームとなったので、詳細は別記事に分け、今回は移行作業全体をまとめる。
「ブログリーダー」を活用して、neputaさんをフォローしませんか？
視覚に関する記録を綴る日記。先日の通院での診察内容や心境の変化を記録。視野の欠落、夜盲、羞明といった症状についての経過や対策を考える。
Neovimでインサートモードを抜ける際にIMEを自動オフにする設定方法を解説。Windows、Ubuntu、WSL環境で使用するVSCodeでも動作するように設定を行う。
WindowsとUbuntu用のdotfiles作成法を解説。環境構築を簡素化し、効率的な作業を実現する方法を紹介します。
.NET MAUI CollectionViewでBinding . （Binding dot）の値がnullになる問題の原因と解決方法を備忘録としてまとめた。公式ドキュメントにしっかりと書かれていることだったので自戒の意味も込めて備忘録として残す。
.NET MAUIのCollectionViewでドラッグアンドドロップを簡単に実装する方法を解説。プロパティ設定やMVVMパターンを活用した効率的な実装手法を、サンプルコードとともに紹介します。Androidでの動作確認済み。
いわゆる「UNIX入門書」とは異なり、UNIXというOSとしてのソフトウェアの根底にある哲学を語る一冊。1994年に発表された、今となっては古い書籍だが、まるで現代にアジャストして書かれたかのような内容に驚かされた。拡大と共に複雑化を増す現代のシステム開発を見直す意味でも意義のある読書となった。
統合失調症を抱えた家族を描く映画『どうすればよかったか？』を観て、自分の家族について考える機会を得た。これまで考えようと試みては逃げ続けてきたこの問いに、ひとつの答えを得た。映画の批評や感想、自身の体験を交えて綴る。
視覚に異常を感じた昨年夏からの検査結果と今後の方針を記録。網膜の異常原因は不明だが、ロービジョンケアで生活の質を保つ対策を考える。症状の進行具合や心境の変化も詳述。
Certbotを使ってLet's Encryptの自動更新を設定する方法を解説。Conoha VPSで運用しているASP.NET Core Web APIを例に、Docker Composeでの設定手順をまとめる。
CloudflareでのTTFB改善方法を解説し、その影響を考察。サイトパフォーマンス向上のためのヒントを紹介します。
高村薫の小説『太陽を曳く馬』に触発され、DIC川村記念美術館のロスコ・ルームを訪れた。2025年3月に閉館する前に訪れることができた。美術館の様子と残念な結末を記録した体験記。
ここ数年、1月になると前年を振り返り目標を立てることが習慣だったが、昨年は家族の文鳥が亡くなり、それどころではなかった。今年は過去や未来への関心が薄れ、今を生きることに集中している。コロナ禍や家族の病気、死別など多くの出来事があったが、それらを乗り越え、現在は目の前のことに関心を持つようになった。
目の病気で外出時に視界が真っ白になってしまうため、「可視光調光レンズ」のメガネを購入した。可視光調光レンズとは、紫外線や強い照明の光に反応し、レンズに色がつくといったもの。端から見ればサングラスをしていると思うだろう。使い始めてから、私は都市生活者でサングラスをすることに対し偏見を持っていたのだと気づかされた。
羞明・夜盲・視野狭窄といった視覚の問題を抱えている。昨日、久しぶりの通院だったので診察内容とその後の経過を記録しておく。今後も検査が続き、診断が確定するのはまだ先になりそうだ。現時点で感じている不安や、目の経過観察を記録しておく。
長らく愛読しているブログ「関内関外日記」の中の人、黄金頭さんにお会いしてきた。自作のポストカードを販売されるということで、これを機にぜひ一度会ってみたいと思った。かなり緊張してしまったが、何とかブログや寄稿されている記事が好きだということは、何とか伝えられたと思う。
「フェリシモ オールライト研究所」が手掛けた、前後も裏表も関係なく着れる服を買ってみた。視界が欠けていく病気を抱えているため、視力に頼らない日常を意識し始めた中で出会ったアイテムだ。製品の感想などをまとめた。
ASP.NET Core WebアプリをConoHa VPSで公開する手順をまとめた。Webサーバはnginxを使用し、Docker Composeで実行。OS（Debian）の初期設定からLet's EncryptによるHTTPS化までを記す。
個人開発によるアプリの紹介。買い物メモやTodoリストをカメラで撮影し、簡単にチェックリストへ変換するスマホアプリ。スマホに保存した画像も対象。開発・運用のモチベーション維持のため「自分が使うモノ」をコンセプトに開発。使用シーンを考慮し、機能を最小限に、起動と操作の速度パフォーマンスを重視した。
手書きのメモをカメラで撮影し簡単にチェックリストを作成するスマホアプリを開発した。（Androidのみ）アプリのお知らせと、使用した技術についての解説をまとめた記事。
先日このブログのアプリ開発情報をAstroとTailwindによる静的サイトへ移動した。（正しくはAstro & Tailwindで作成されたテンプレートを使用） これまでブログのカスタマイズ目的でHTML/CSS/JavaScriptの使用機会はあったがフレームワークは今回が初。色々と気づきがあったので備忘録を残す。
Jamstackに対応した静的サイトジェネレータ「Astro」と、ユーティリティファーストCSSフレームワーク「Tailwind」でWebサイト開発にチャレンジしてみた。各フレームワークや使用したコンポーネントなど開発作業の全体を概観した内容の記事。
最近の思考メモ たまたま見ていた朝の情報番組をキッカケに考え事が始まった。過去に大きな影響を受けた「これは水です。」というスピーチ、最近読みはじめたベンジャミン・リベットの『マインド・タイム』が頭の中を駆け巡る。
今日の日記。今朝テレビ番組を見てから一日中あたまの中をぐるぐるとめぐっていたものを吐き出した。思考の助けとなったアメリカの作家デヴィッド・フォスター・ウォレスの「これは水です。」やベンジャミン・リベットの「マインド・タイム」についてもふれる。
本記事の目的 Ubuntuに最新バージョンのNeovimをsnapでインストールする手順をまとめる。経緯 *Ubuntuのパッケージリポジトリに登録されているNeovimはバージョンが古い。 *前回公式から.debパッケージをダウンロードできたが現在は不可。 *次回以降の更新を考慮し、snapを使用することにした。
記事目的：Ubuntuに最新バージョンのNeovimをsnapを使用してインストールする。 Ubuntuのパッケージリポジトリに登録されているNeovimはバージョンが古いためapt installではなくsnapによるインストールを行う。前提として必要なsystemdの有効化と併せてまとめる。
最近の心境を綴った日記。命ある者たちより、いなくなってしまった者たちを思う時間が長い。網戸越しに風を浴び、気持ちよさそうにするシナモン文鳥の姿を思い出す。かつてケージがあったその場所に、無意識に名前を呼びかける。生前、毎日声をかけていたけれど、いなくなった今もその習慣は変わらない。
2024年5月6日の日記 ゴールデンウィーク最終日。今年に亡くなってしまったシナモン文鳥、3年前に亡くなった妹のことを日々思いながら過ごす最近の心境について簡単に記した。
本記事の概要 PageSpeed Insightsのスコアでオール100を達成した。対象はこのブログ。Googleの提供するBloggerを使用しているため、独自の仕様にずいぶん苦しめられた。行った施策全体を概観するのが主な内容で、部分的に詳細の手順を記載した。
「PageSpeed Insights」で4項目オール100を達成した。サイト最適化のため実施したことをまとめる。本BlogはGoogleが提供する「Blogger」を利用している。よってBlogger固有の作業が主となる。
Windowsで作成したファイルの改行コードはCR＋LFだ。これに対して、Linuxの改行コードはLFだけなので、ファイルの転送方法によってはWindowsで作成したテキストファイルをviで開くと、すべての行末に「^M」が表示される場合がある。
WindowsとLinux間におけるvimまたはneovimへのコピペで発生する改行の違いにより発生する「^M」問題について対処方法をまとめる。
本記事の概要 Googleスプレッドシートの関数のひとつ、「IMPORTXML関数」についての備忘録。HTMLファイルのスクレイピングの記事はたくさん見つかるが、XMLファイルをターゲットにした情報が少なかったのでメモを残す。
GoogleスプレッドシートのIMPORTXML関数について備忘録。HTMLスクレイピングの記事が山ほど見つかるが、XMLファイルを扱う記事は少ないのでメモを残す。
本記事のゴール 拡張機能を使用し、VSCodeでJoplinのノートを管理できるようにする。 本記事の対象者 *Joplinユーザでエディタに不満がある人 *VSCodeの環境でJoplinを使いたい人 *VScodeユーザでVScodeと親和性の高いノートアプリを検討している方
本記事のゴール 拡張機能を使用し、VSCodeでJoplinのノートを管理できるようにする。本記事の対象者 Joplinユーザでエディタに不満がある人 VSCodeの環境でJoplinを使いたい人 VScodeユーザでVScodeと親和性の高いノートアプリを検討している方
記事概要 AzureDevOpsのPipelinesにおいて、Github Organizationsのリポジトリを参照する設定作業の備忘録。
AzureDevOpsのPipelinesにおいて、Github Organizationsのリポジトリを参照する設定作業の備忘録。
