なんじゃくにっき

プログラミングの話題中心。

無料でDB(データベース)使えるサービスあるの? 2024年春

注意 各サービス RDBMS Neon Vercel Postgres Cloudflare D1 Supabase NoSQL Firestore(Firebase) / Cloud Datastore MongoDB Atlas DWH(Data ware house) BigQuery 比較的安価なサービス さくらのレンタルサーバー Heroku PlanetScale Render 期間限定無料…

Astroでローカル開発中に別のマシンから動作確認する

WEB

Astroでローカル開発中に別のマシンから動作確認する Astroで静的サイトの開発中にローカルで動かしている時、別のマシンから動作確認したいときがあります。 スマホ実機での表示、動作の確認をしたいときとかね。 そんなときにデフォルトの状態ではローカル…

ボタンが押されたら現在のURLをQRコードにして出力する

この前任意の文字列をQRコードで出力するのをGithub Pagesのお試し用に作ったんですが 百徳ツール | QRコード生成 現在のURLをQR出力するだけのスニペットもほしいかもと思い書いてみました。 というかボタン押してモーダルを出すところまではChatGPTに書か…

ランダムな名前を生成

この前作ったGithub Pagesのサンプルプロジェクト、百徳ツールとか言う名前を付けた割に機能が1つしかなくて、 とても寂しいので機能を追加してみました。 何を作ったの? ランダム名前 生成 ランダムな名前を生成するものを作りました。日本人の人名ね。 名…

Astroを使って静的サイトを作ってGithub Pagesにデプロイするまで

概要 インストール Github Pageにインストールする設定 tailwind React 他のライブラリ 概要 昨日、静的サイトジェネレーター比較なんて記事を書きましたが、そこで挙げたAstroの使い方です。 基本チュートリアルに従って行けば良く、変更しないといけない箇…

GitHub Pagesに使う静的サイトジェネレーター(SSG)比較

概要 以前から静的サイトジェネレーター(SSG)は使っていたんですが、最近特にGithub Pagesにデプロイする用のは何が良いかなーって探していました。 で、色々動かしてみたりしましたが、自分のやりたいことに一番合ってたのはAstroということになりました…

GatsbyのプロジェクトビルドからGitHub PagesにGithub Actionsでデプロイするまで

Gatsbyの初期設定 静的サイトジェネレーターのGatsbyを動かします。Github Pagesにデプロイして動かすまで。

日本語ドメインにプログラムからアクセスする方法

プログラムから日本語ドメインのページにアクセスしたい まずはそのまま日本語ドメインでGET Punycode Ruby Python Chrome プログラムから日本語ドメインのページにアクセスしたい 例としてRuby、HTTPクライアントとしてFaradayを使ってみます。 アクセス先…

Cloudflare D1が正式サービスイン

Cloudflare上で動くSQLiteのCloudflare D1がベータ版を抜けてGenerally Availableに(正式サービスイン)。 blog.cloudflare.com 私事ではありますが、アルファ版の頃にちょっと触って、また最近ちょくちょくベータ版を触っていたのでとてもタイムリー。 料…

Cloudflare D1の使い途を考える

※この記事はD1がベータ版のときに書かれました Cloudflare 上で動くSQLiteであるCloudflare D1の使い途を考えるコーナー。 制約 そもそもD1ではないSQLiteではローカルのDBに実行するように作られています。 D1では Cloudflare Workers / Cloudflare Pagesか…

Cloudflare D1 大量データ作成/更新はどうすれば良いか?

Cloudflare D1で大量データ作成/更新系を行う方法をいくつか考えてみました。 CLIから実行 1つ目はSQLを生成してCLIから実行する方法。 (結局CLIの実装はAPIを叩いていますが) npx wrangler d1 execute hogehoge_database --file=./bulk_insert.sql みたいに…

Cloudflare D1 使い方

概要 CloudFlareで動くSQLiteであるCloudFlare D1を動かしていきます。 https://developers.cloudflare.com/d1/ 注意点 現時点(2024年3月)でD1はベータバージョンです。 今後仕様が変わることもあります。手順もたまに少し変わっていたりします。 公式ドキュ…

DreamStudio使ってみた

ずっとブログのヘッダを設定していなくて素っ気なかったけど絵心がないし生成AI製のものを設定してみた。 Stable Diffusionをブラウザで試せるDreamStudioで生成しました。 dreamstudio.ai サバンナのイメージ。 ブログのイメージとあってない気がするのでそ…

S&P 500のグラフをGoogle ColabのAIに描かせる

最近、自然言語処理(とちょっと機械学習)絡みで遊んでいて、 Google Colaboratory使うことがあるんですが、 新規ノートブックで最初に「コーディングを開始するか、AIで生成します」 と出てくるので何かに使えないかと思った次第。(以前AIなんてついてな…

Google検索の結果から特定のドメインを除外する方法2つ

WEB

やりたいこと Google検索の結果の上位に役立たない記事が出てきて、これを出さなくしたい。 ドメイン単位 検索クエリに除外したいドメインを指定する "-site" 指定でドメインを除外できます。 例えば”はてな”というキーワードで検索するときにhatena.ne.jpの…

ルーターを買いかえた / エイスース ASUS RT-AX59U

ルーターを買い替えました。ASUSのを買いました。 ↓ ヨドバシのリンク。アフィリエイトではありません。 https://www.yodobashi.com/product/100000001008022223/ エイスース ASUS Wi-Fiルーター Wi-Fi 6(11ax)対応 3603+574Mbps AX4200 デュアルバンド A…

言語処理100本ノック を解いてみる

言語処理100本ノックを解いていきます。 言語処理100本ノック 2020 (Rev 2) - NLP100 2020 解くのに使ったプログラミング言語はPython 3。 なるべく関数型言語チックに書いているつもりです。再代入はなるたけ避ける。 解答はgithubにも載せておきます。 Git…

reCAPTCHAとか画像認証をやめてほしい

WEB

題意のとおりreCAPTCHAや画像認証をやめてほしい。 Webサービスで何かのステップの先に進もうとすると人力で画像を読み取って入力しないといけないやつね。 読みづらくした文字を読み取って入力させたり、この◎◎枚の絵の中から●が描かれたものを選べ、みたい…

VSCodeのextention Ruby LSP

VSCodeのRuby用ExtentionとしてはVSCode Ruby を使っていたんですが、Ruby LSPへの乗り換えを勧められるので乗り換えました。 VSCode Ruby - Visual Studio Marketplace Ruby LSP Ruby LSP - Visual Studio Marketplace VSCodeのextention画面からRuby LSPイ…

IRBの色を変えたい

なーんかRubyのREPLの色が見づらくて変えられないかなーと思っていたら変えられるとのこと。 reline/doc/reline/face.md at master · ruby/reline · GitHub $HOME/.irbrc に if defined? Reline::Face Reline::Face.config(:completion_dialog) do |conf| co…

はてなブックマークの表示を変えたい(2)

WEB

前回の続き ちょっとCSSいじりました。 はてなブックマークの表示を改変 カテゴリとドメイン名をタイトルの左に移動 日時とタグ非表示 ガタガタしてたので幅調整 など。 #entrylist-ad-right-top { position: absolute; right: 0; z-index: 1; top: 32px; } …

はてなブックマークの表示を変えたい(1)

WEB

はてなブックマークをPCのブラウザで見ると、1行に4つの記事が表示されていて、見るときに視線を左右に移動させないといけないのがちょっとつらい。 はてなブックマーク 1行1記事で基本上から下にだけ視線を移動させれば良いようにしたい。 ということでCSS…

PDFをプログラムで編集したい

序 既存のPDFにテキストを追加したい・・と思ったことありませんか? 今の時期なら国税庁が配布している確定申告書等のPDFに印字したい、とかでしょうか。 確定申告書等の様式・手引き等(令和5年分の所得税及び復興特別所得税の確定申告分)|国税庁 ※なお…

Chromeのページ内検索で正規表現を使いたい

WEB

タイトルの通り、Chromeのページ内検索で正規表現を使いたい、んですが、今までずっとむず痒さを覚えつつも放置してました。 使いたいケースは主にgithub上でコード読むとき。今まで正規表現で検索したいときはローカルにチェックアウトする、っていう無駄な…

Playwrightでテストコード生成

WEB

Playwright + reg-suitでビジュアルリグレッションテスト - なんじゃくにっき の続き テストコード生成 npx playwright codegen とするとブラウザが立ち上がって、そこで操作するとその操作がインスペクタにテストコードとして記述される。 それをコピーして…

Playwright + reg-suitでビジュアルリグレッションテスト

WEB

概要 Playwright + reg-suitを使ってビジュアルリグレッションテストをやってみます。 E2Eテストでスクリーンショットを撮って前回との比較をします。 インストール 今回の実行環境はUbuntuですが、MacやWindowsでも多少やり方が違いますができますので公式…

ビジュアルリグレッションテスト

WEB

ビジュアルリグレッションテストとは ビジュアルリグレッションテストとは画像を取得して正解画像と比較するテスト SaaS vs 自前運用 ビジュアルリグレッションテストをE2Eテストの一環として行えるSaaSはいくつかあって、SaaSの利点としては 自前でインフラ…

Ubuntu 22.04で特定のアプリケーションにフォーカスが当たっているときにguakeのトグルが効かなくなる件

Ubuntuでターミナルにguakeを使っているんですが、 Ubuntuのバージョンを20.04から22.04にアップデートしてから、Firefoxなどのアプリにフォーカスが当たっていると F12キーでのguakeのトグルが効かなくなくて困っていました。 別のアプリに切り替えると効く…

両手いっぱいに芋の花を 攻略

noteに移動しました note.com

2023年度確定申告

概要 2023年度確定申告、所得税の納付まで済ませました。 今年は給与収入はなく、事業収入のみの個人事業主です。 去年の自分の記事を掘り起こしてくると、去年はスマホでやったらしい。 2022年度確定申告をスマホでやってみた - なんじゃくにっき2 今年はP…