便利ツール
パスワード作成ツールなど、あると便利なオンラインツールを作成しました。 随時追加予定。
このサイトについて
ポートフォリオサイト兼学んだことのアウトプットブログサイトです。
業務では主にPHPを扱い、趣味ではGo、Nuxt、Flutterを勉強しています。
Portfolio
作成したサービス集
CMS
Go(Gin)、Vue3(Nuxt4)習作のCMS。パフォーマンスとアクセシビリティを意識して作成しました。
Blog
技術メモやポエムなど
CKEditor5でAttribute付与する時の名称の調べ方
掲載 CKEditor5でInsertImageCommand等を使ってAttribute(属性)を設定する際に、CKEditor5固有の名称を調べるために公式の検証機能を使用すると楽だった記事。
【Windows】ollamaを任意のディレクトリに展開する
掲載 ollamaを任意のディレクトリ(別のドライブ上)に展開して使用する方法と、ollamaを使って画像代替文字を提案する簡単なスクリプトの作り方。
KeyboardEvent.keyCodeが非推奨になってた
掲載 KeyboardEvent.keyCodeは非推奨になりました。今後はcodeまたはkeyでキー押下を判定するようにしましょうというお話。
Nuxt4とd3.jsでインタラクティブな日本地図を作る
掲載 Nuxt4とd3.jsでインタラクティブな日本地図を描画して、各都道府県のsvg画像を取得できるツールを作成した技術ログ。
CKEditor5でclass付与するのが大変な話
掲載 CKEditor5でinsertImageコマンド使用時に、imgタグにclassを付与する方法の備忘録です。
ファイルバックアップをGASのAPI経由でGoogle Driveに保管する
掲載 zipコマンドでバックアップを取得し、GAS(Google App Script)を使ってバックアップを外部に配置する方法を解説しています。
DBバックアップをGASのAPI経由でGoogle Driveに保管する
掲載 DBバックアップを、シェルスクリプトで日次・月次に取得し、GAS（Google App Script）で作ったAPI経由でGoogle Driveに自動同期・保存する方法を解説しています。
FireFoxでdisplay:none要素内のiframeではgetSelectionできない。
掲載 FireFoxブラウザでは非表示状態のiframe内でgetSelection関数が使用できません。CKEditor5などのライブラリでエラーが発生してしまったので、その時の対策方法をまとめました。
Nuxt4でプログラム可能な検索エンジンを組み込む
掲載 サイト内に検索機能を追加するために、Googleのプログラム可能検索エンジンを使用しました。その際のNuxtでプログラム可能検索エンジンを組み込む方法の備忘録です。
component :is で動的にタグを作れる
掲載 Nuxt4で動的にタグやコンポーネントを出し分けしたい時に、「component :is」を使うと簡潔な記述で済むことが分かった技術記事です。
GolangでIndexNowに対応する
掲載 Golangでサイトマップを使って追加・削除したページを取得し、IndexNowのAPIを実行するスクリプトを作成する方法の技術記事です。
Bing Webmaster ToolsがSEO対策によさそうな話
掲載 SEO対策の一環としてBing Webmaster Toolsを使用してみたところ、GoogleのSearch Consoleより問題の詳細や対策方法が具体的かつ分かりやすく書かれていたのでご紹介。