便利ツール
パスワード作成ツールなど、あると便利なオンラインツールを作成しました。 随時追加予定。
このサイトについて
ポートフォリオサイト兼学んだことのアウトプットブログサイトです。
業務では主にPHPを扱い、趣味ではGo、Nuxt、Flutterを勉強しています。
Portfolio
作成したサービス集
CMS
Go(Gin)、Vue3(Nuxt4)習作のCMS。パフォーマンスとアクセシビリティを意識して作成しました。
Blog
技術メモやポエムなど
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より問題の詳細や対策方法が具体的かつ分かりやすく書かれていたのでご紹介。
Nuxt3を4にアップグレードした際に詰まったことと解決策
掲載 Nuxt3のプロジェクトをNuxt4にアップグレードした際に自分が詰まった内容とその解決策をまとめました。
golangでアクセシビリティをチェックする3
掲載 Golangのstrings.Index関数とstrings.Replace関数を使って文中の単語の置き換えを行ってアクセシビリティを確保する備忘録です。
QRコード作成ツールを作る
掲載 Nuxt, GolangでQRコードを作成するオンラインツールを作った際の技術備忘録です。
Golangで色んなQRコードを作成する
掲載 GolangでQRコードを作成するライブラリのオプションを調べた備忘録です。