2026-10-17

「あれ、いつやったっけ？」を記録するだけのアプリ "soro-soro" を作ってみた

拙者が作成したWebサービス "soro-soro" のアイキャッチ画像

以前から作ってみようと思っていたものAIの力（というかAIのみで）作ってみた。

1. "soro-soro" とは

最後にやったことから、どれくらい経ったかをそっと眺めるだけのアプリ。前々から「あの家事っていつやったっけ？」「前回髪を切ってどれくらい経ったっけ？」と思うことがあり可視化したかった。リマインダーでも、タスク管理でもない。通知は来ないし、期限もない。経過日数を見て「こんなに経ってるんだ」と眺めるのみ。スマホアプリにするほどでもなかったし、Webの技術でアプリっぽく見せられればいいと思いPWAを採用。データはIndexed DBを利用し端末の中だけで稼働するようにした。一応データの出力/取込はできるようにし別端末へデータを引き継げるようにもしている

2. 開発やその他諸々はAIのみ

ようやく開発でClaude Codeを使い始めたので、どこまでこれでできるんだっけ？を把握したく開発とデザイン、マーケティングに関する部分までClaude Codeを絡めて実施してみている。このブログもClaudeに作れ、と言われて作っている次第。

Claudeでは自然言語で話すだけである程度ちゃんとしたコードが出てくるのすごい。意図通りにできていない部分はあったけどちゃんと伝えることで解消してくれるの助かる。

デザイン苦手だけどClaude Designを使うことで結構それなりのものが出てくるのはすごいと思った、世の中の進歩の速さにびっくり。

デプロイや環境構築周りもClaude Codeに伴走をお願いした。 Cloudflare初めて使ったけどわからないことはAIに教えてもらいながら設定できるので良いね。あとなんでこれ無料でデプロイやらできるんだ？ビジネスモデルどうなってんだ。とりあえずお布施？代わりにドメイン購入した。

3. これから

とりあえずMVP部分が作れたので後はドッグフーディングをしながらブラッシュアップしていくつもり。使っていくうちに違う使い方も思いついたので思想に反しないよう折り合いをつけながら追加していきたい。

2022-08-06

【Python】pyenvでanaconda環境を作る

python anaconda

案件で anaconda 環境を作ることがあり、その対応内容をメモ。
pyenv からインストールできるのすごい楽だね。

1. 必要なもの

bash
pyenv
anaconda: anaconda3-2021.05

2. 対応内容

2-1. `pyenv` でanacondaをインストール

$ pyenv install --list | grep anaconda
...
anaconda3-2021.05
anaconda3-2021.11
anaconda3-2022.05

$ pyenv install anaconda3-2021.05
$ pyenv local anaconda3-2021.05

2-2. `anaconda` 仮想環境を作成する

# project_nameは任意の名前
$ conda create -n [project_name]

2-3. 仮想環境を起動してみる

# project_nameは2-2で設定した名前
$ conda activate [project_name]

conda activate を実行すると Your shell has not been properly configured to use 'conda activate'. というエラーがでることがある。
その時は conda init bash を実行してターミナルを再起動する。

仮想環境ができたらあとはプログラムを書くなり実行するなり。

2-4. 覚えておくと良い操作

# インストール済みパッケージの表示
$ conda list

# パッケージの検索
$ conda search [package_name]

# パッケージのインストール
# pip でいう pip install
# バージョン指定でもインストール可能
# conda install [package_name]==[version]
$ conda install [package_name]

# 作成した仮想環境から抜ける
$ conda deactivate

# 作成した仮想環境を削除する
$ conda remove [project_name]

Ex. 参考サイト

ovaldesign.jp

mitsudo.net

世界でいちばん簡単な Pythonプログラミングのe本 [Anaconda/Jupyter対応第2版] Pythonアプリ作りの考え方が身に付く

作者:金城俊哉
秀和システム

Amazon

2022-08-05

anyenvでインストールしているpyenvをupdateする

python anyenv

$ pyenv install --list でインストールしたいPythonのバージョンが入っていなかった。
この pyenv は anyenv でインストールしたものなので、 anyenv 経由でアップデート出来ないか調べたのでメモ。

環境

anyenv v1.1.2

対応内容

anyenv update コマンドを実行することでアップデートできるみたい。
参考にした記事では anyenv update 自体をインストールするらしかったけど v1.1.2 では最初から入っていた。
ただこのコマンドは pyenv 以外にもインストールしている *env のインストールリストも更新してしまうので注意。

$ enyenv update

参考サイト

yurakawa.hatenablog.jp

世界でいちばん簡単な Pythonプログラミングのe本 [Anaconda/Jupyter対応第2版] Pythonアプリ作りの考え方が身に付く

作者:金城俊哉
秀和システム

Amazon

2022-07-25

【Python】PyDriveを使ってGoogle Driveを操作する（認証編）

python

1. 前提

Python: 3.8.5
PyDrive: 1.3.1

2. 実施内容

2-1. GoogleDriveのOAuth2.0クライアントIDを作成する

Google Developers Console を開きプロジェクトを作成する
作成したプロジェクトを開き、左側メニュー「有効なAPIとサービス」をクリックする
APIとサービス画面上部の「APIとサービスの有効化」をクリックし「Google Drive API」を有効化する
左側メニュー「認証情報」をクリックする
認証情報画面上部の「認証情報を作成」をクリックし、「OAuthクライアントID」をクリックする
アプリケーションの種類を「デスクトップアプリ」、名前に「任意のテキスト」を入力し「作成」をクリックする
作成された「クライアントID」と「クライアントシークレット」を保存しておく

あとはコードを書くのみ。

2-2. ライブラリのインストール

pip を使用して PyDrive をインストールする

$ pip install pydrive

qiita.com

2-3. PyDriveの設定ファイルを作成する

PyDrive を使うための認証情報の設定ファイル（ settings.yaml ）を作成する

client_id と client_secret の欄には前述で保存しておいた「クライアントID」「クライアントシークレット」を入力しておく

アクセストークンなどの認証情報を保管する credentials.json は一旦空のファイルで作っておく

client_config_backend: settings
client_config:
  client_id: XXXXXXXXXXXXXXXX.apps.googleusercontent.com
  client_secret: ZZZZZZZZZZZZZZZZZZ

save_credentials: True
save_credentials_backend: file
save_credentials_file: credentials.json

get_refresh_token: True

2-4. プログラムから認証を実施する

以下のようにソースコードを書く

GoogleAuth() で settings.yaml から認証情報を取得し、 CommandLineAuth で認証を行う CommandLineAuth() では一度認証を行えば credentials.json にアクセストークンが保管され次回以降のプログラムの実施に使用される。

GoogleDrive(auth) で取得した認証情報を元にGoogleDriveを操作する準備を行う

# gauth.py
from pydrive.auth import GoogleAuth
from pydrive.drive import GoogleDrive

auth = GoogleAuth()
auth.CommandLineAuth()

drive = GoogleDrive(auth)

2-5. プログラムを実行し認証を行う

ここまでで一旦プログラムを実行し認証できるか試してみる。

正常に動作するとコマンドライン上に認証URLが表示されるのでアクセスし認証コードを取得、コマンドラインに貼り付けて認証を完了させる

$ python gauth.py

Go to the following link in your browser:

    https://accounts.google.com/o/oauth2/auth?client_id=........

Enter verification code: XXXXXXXX
Authentication successful.

認証コードの取得画面のスクリーンショット抜粋

とりあえず今回はここまで。また進捗があったら追記予定。

Ex. 参考サイト

qiita.com

Python［完全］入門

作者:松浦健一郎,司ゆき
SBクリエイティブ

Amazon

2022-07-21

【Selenium】MaxRetryErrorの後Connection Refusedエラーとなる場合の解決方法

Tips Python Selenium

Selenium を使って複数サイトのスクリーンショットを撮りたく、以下のようなコードを書いて実行したら Connection resused というエラーが出てしまった。

【書いたコード（例）】

from selenium import webdriver
import chromedriver_binary

def capture_site_a(driver):
    driver.get('https://example.com/a')
    ...
    driver.save_screenshot('foo.png')
    driver.quit()

def capture_site_b(driver):
    driver.get('https://example.com/b')
    ...
    driver.save_screenshot('bar.png')
    driver.quit()

if __name__ == '__main__':
    options = webdriver.ChromeOptions()
    options.add_argument('--headless')
    options.add_argument('--window-size=2560,1440')
    driver = webdriver.Chrome(options=options)

    capture_site_a(driver)
    capture_site_b(driver)

【出力されたエラー】

urllib3.exceptions.MaxRetryError: HTTPConnectionPool(host='localhost', port=58302): Max retries exceeded with url: /session/952a07d3cc028002ae416fe63ff1c0af/url (Caused by NewConnectionError('<urllib3.connection.HTTPConnection object at 0x10cf6bee0>: Failed to establish a new connection: [Errno 61] Connection refused'))

前提

Python: 3.7.9
Selenium: 4.3.0

解決方法

webdriverの設定を最初に作成して使い回すのではなく、各関数（上記コードで言う capture_site_a, capture_site_b）の呼び出し時に初期化することでエラーが回避できた。

...
def setup_webdriver():
    options = webdriver.ChromeOptions()
    options.add_argument('--headless')
    options.add_argument('--window-size=2560,1440')
    driver = webdriver.Chrome(options=options)

    return driver

def capture_site_a():
    driver = setup_webdriver()
    driver.get('https://example.com/a')
    ...
    driver.save_screenshot('foo.png')
    driver.quit()

def capture_site_b():
    driver = setup_webdriver()
    driver.get('https://example.com/b')
    ...
    driver.save_screenshot('bar.png')
    driver.quit()