Web開発 on hdknr blog

バフェット・コード徹底分析 — EDINET XBRLを活用した企業分析SaaSの全貌

Tue, 07 Apr 2026 00:00:00 +0000

EDINETのXBRLデータを基盤にした企業分析SaaS「バフェット・コード」を徹底分析。Web API、スプレッドシート連携、MCP Server、OSSライブラリなど、無料プランの範囲からPython実装例まで解説

HubSpot Line Items API：取引・見積もりに紐づく商品項目を管理する

Wed, 18 Mar 2026 00:00:00 +0000

HubSpot CRM の Line Items（商品項目）API について整理します。Line Items は製品（Product）が取引（Deal）や見積もり（Quote）に紐付けられたときに生成される個別のインスタンスです。

Line Items とは

HubSpot における Line Items は、製品カタログ（Products）とは異なる概念です。

Product: 製品カタログ上のマスターデータ
Line Item: Product が取引・見積もりなどに追加された際の個別インスタンス

Line Items への変更は元の Product には影響しません。取引ごとに価格や数量をカスタマイズできます。

API エンドポイント

ベース URL: /crm/v3/objects/line_items

操作	メソッド	エンドポイント
作成	POST	`/crm/v3/objects/line_items`
個別取得	GET	`/crm/v3/objects/line_items/{lineItemId}`
一覧取得	GET	`/crm/v3/objects/line_items`
更新	PATCH	`/crm/v3/objects/line_items/{lineItemId}`
削除	DELETE	`/crm/v3/objects/line_items/{lineItemId}`

必要なスコープ

スコープ	用途
`crm.objects.line_items.read`	データ取得
`crm.objects.line_items.write`	作成・更新
`tax_rates.read`	税率情報の取得

データモデル詳細

Line Item の全プロパティは GET /crm/v3/properties/line_item で取得できます。以下はカテゴリ別の主要プロパティです。

基本情報

内部名	表示名	説明	備考
`name`	名前	商品項目の名前	必須
`description`	説明	製品の詳細な説明
`hs_sku`	SKU	製品の固有識別子
`hs_product_id`	製品 ID	関連する製品ライブラリの ID	製品から作成時に指定
`hs_object_id`	レコード ID	Line Item の一意な ID	自動設定・読み取り専用
`hs_product_type`	製品タイプ	`INVENTORY`（在庫）/ `NON_INVENTORY`（非在庫）/ `SERVICE`（サービス）
`hs_url`	URL	製品の Web ページ URL
`hs_images`	画像 URL	製品画像の URL

価格・数量

内部名	表示名	説明	備考
`quantity`	数量	含まれる製品の単位数
`price`	単価	購入者向けの製品単価	負の値は不可
`amount`	正価（Net price）	合計金額（数量 × 単価）	計算フィールド
`hs_cost_of_goods_sold`	売上原価	製品の原価
`hs_line_item_currency_code`	通貨	通貨コード（例: `JPY`, `USD`）
`hs_pricing_model`	価格モデル	`FLAT`（定額）または `TIERED`（段階制）
`hs_effective_unit_price`	有効単価	段階制価格の場合に適用される実効単価

割引

内部名	表示名	説明	備考
`hs_discount_percentage`	割引率	適用される割引の割合（%）
`discount`	単位割引額	単位あたりの割引金額
`hs_total_discount`	合計割引額	割引率と割引金額を考慮した総割引額	計算フィールド
`hs_pre_discount_amount`	割引前金額	割引適用前の金額	計算フィールド

税金

内部名	表示名	説明	備考
`hs_tax_rate_group_id`	税率グループ ID	適用する税率の識別子
`tax`	税額	適用される税金額
`hs_tax_amount`	計算税額	税率から自動計算された税額	計算フィールド
`hs_tax_rate`	税率	適用される税率（%）
`hs_after_tax_amount`	税込金額	税額適用後の金額	計算フィールド

定期請求（Recurring Billing）

内部名	表示名	説明	備考
`recurringbillingfrequency`	請求頻度	定期請求の頻度（`monthly`, `quarterly`, `annually` など）
`hs_recurring_billing_period`	請求期間	ISO-8601 期間形式（例: `P12M` = 12ヶ月, `P1Y` = 1年）	PnYnMnD / PnW 形式
`hs_recurring_billing_start_date`	請求開始日	定期請求の開始日
`hs_recurring_billing_end_date`	請求終了日	定期請求の終了日
`hs_recurring_billing_terms`	請求条件	`FIXED`（固定回数）または `AUTO_RENEW`（自動更新）
`hs_recurring_billing_number_of_payments`	支払い回数	固定回数請求の場合の支払い総数
`hs_billing_start_delay_days`	請求開始遅延（日）	請求開始を遅延させる日数
`hs_billing_start_delay_months`	請求開始遅延（月）	請求開始を遅延させる月数
`hs_billing_start_delay_type`	請求遅延タイプ	`FIXED_DATE`（固定日）または `DELAYED_PERIOD`（遅延期間）
`hs_term_in_months`	期間（月）	契約期間の月数

収益指標（計算フィールド）

内部名	表示名	説明
`hs_tcv`	総契約額（TCV）	Total Contract Value
`hs_acv`	年間契約額（ACV）	Annual Contract Value
`hs_arr`	年間経常収益（ARR）	Annual Recurring Revenue
`hs_mrr`	月間経常収益（MRR）	Monthly Recurring Revenue
`hs_margin`	マージン	売上 − 売上原価
`hs_margin_tcv`	マージン TCV	TCV − 売上原価合計
`hs_margin_acv`	マージン ACV	ACV − 売上原価（年間）
`hs_margin_arr`	マージン ARR	ARR − 売上原価（年間）
`hs_margin_mrr`	マージン MRR	MRR − 売上原価（月間）

システムプロパティ（読み取り専用）

内部名	表示名	説明
`createdate`	作成日時	レコード作成日時
`hs_lastmodifieddate`	最終更新日時	プロパティが最後に変更された日時
`hs_created_by_user_id`	作成者ユーザー ID	レコードを作成したユーザー
`hs_updated_by_user_id`	更新者ユーザー ID	最後に更新したユーザー
`hs_object_source`	レコードソース	レコードの作成方法
`hs_was_imported`	インポートフラグ	インポートによって作成されたかどうか

プロパティの種別

必須: name のみが作成時に必須。ただし price と quantity も通常は指定する
計算フィールド: amount, hs_total_discount, hs_pre_discount_amount, hs_after_tax_amount, hs_tax_amount, 収益指標（TCV/ACV/ARR/MRR）は HubSpot が自動計算する。API から直接設定はできない
読み取り専用: システムプロパティ（作成日時、更新日時、ユーザー ID 等）は自動設定される
price の制約: 負の値を設定できない

Line Item の作成例

 1
 2
 3
 4
 5
 6
 7
 8
 9
10


POST /crm/v3/objects/line_items

{
 "properties": {
 "name": "Web開発サービス",
 "hs_product_id": "12345",
 "quantity": "1",
 "price": "500000"
 }
}

取引や見積もりへの関連付けを同時に行う場合は、後述の「関連付け」セクションを参照してください。

moomoo証券が米国株API取引に対応 — moomoo OpenAPIで個人投資家も自動売買が可能に

Wed, 18 Mar 2026 00:00:00 +0000

moomoo証券が提供する米国株API取引サービス「moomoo OpenAPI」を解説。Python SDKでの自動売買、リアルタイムデータ取得、バックテスト機能、国内他社APIとの比較まで網羅。

Theatre.js — GUI でWebアニメーションを直感的に作れるモーションデザインエディタ

Wed, 04 Mar 2026 00:00:00 +0000

Theatre.js — GUI でWebアニメーションを直感的に作れるモーションデザインエディタ

しば（@shiba_program）氏のポストが、GUI でWebアニメーションを作成できる JavaScript ライブラリ「Theatre.js」を紹介しています。

GUIで直感的にWebアニメーションが作れる「theatre.js」すごいな。編集した内容が即座に反映されるので、これは微調整捗る。GUIで編集できるから、デザイナーに調整任せることもできそう。デモにある高度なものだけでなく、Webサイトで使うシンプルなアニメーションの作成もかなり楽にしてくれるはず — しば（@shiba_program）

投稿が注目している「デザイナーに調整を任せられる」という点は、Theatre.js の設計思想の核心です。コードでアニメーション対象を定義し、ブラウザ上の GUI エディタで動きを調整する。このワークフローにより、エンジニアとデザイナーの協業が自然に成立します。

Theatre.js とは何か

Theatre.js はフィンランド・ヘルシンキの Theatre.js Oy が開発するオープンソースの Web モーションデザインライブラリです。GitHub Stars 12.2k、1,600以上のプロジェクトが依存しており、Web アニメーション領域で確固たる地位を築いています。

基本情報

項目	内容
開発元	Theatre.js Oy（ヘルシンキ）
ライセンス	Apache 2.0（@theatre/core）/ AGPL 3.0（@theatre/studio）
言語	TypeScript 82.6%
GitHub Stars	12.2k
現バージョン	0.5（1.0 開発中）
対応技術	Three.js、React Three Fiber、HTML/SVG、任意のJSライブラリ

2つのパッケージ構成

Theatre.js は2つの独立したパッケージで構成されます。

パッケージ	役割	使用場面
@theatre/core	アニメーション再生エンジン	開発・本番の両方
@theatre/studio	GUI エディタ（シーケンスエディタ、グラフエディタ、プロパティパネル）	開発時のみ

この分離設計が重要です。Studio は開発時にのみ使い、本番ビルドには core だけを含めます。エディタのコードが本番バンドルに入らないため、パフォーマンスへの影響はありません。

4つの基本概念

Theatre.js には、理解すべき4つの概念があります。

リクルート新卒研修の React 資料が「無料で最高の教材」と言われる理由

Mon, 02 Mar 2026 00:00:00 +0000

リクルート新卒研修の React 資料が「無料で最高の教材」と言われる理由

sigumataityouda 氏のポストが、リクルートの新卒研修資料を「React を語る上で欠かせないもの」「完成度が非常に高い」と紹介しています。リクルートは 2017 年から毎年、新卒エンジニア向け研修資料を無料公開しており、React 研修資料は特に業界で高く評価されています。

React語る上で欠かせないものとしてリクルートの新卒研修資料というのもがある。完成度が非常に高い。

リクルートの React 研修資料とは

React 研修 (2024) は、リクルートのエンジニアコース新卒研修「BootCamp」で使われている講義資料です。約 170 スライド以上で構成され、Speaker Deck で無料公開されています。

研修の位置づけ

リクルートの新卒エンジニアは配属前に約 3 ヶ月間の BootCamp を受講します。2024 年度は 24 講座以上が開講されており、React 研修はフロントエンド技術スタックの中核として位置づけられています。

研修カテゴリ	主な講座
フロントエンド	JavaScript、TypeScript、React、Next.js
バックエンド	データベース設計、API 設計
品質・テスト	テスト駆動開発（講師: t_wada 氏）
セキュリティ	セキュリティ演習
AI	テキスト生成 AI 活用
マインドセット	ソフトウェアエンジニアとしての姿勢と心構え

最初の講座「ソフトウェアエンジニアとしての姿勢と心構え」は、技術顧問の t_wada 氏が担当し、「技術の学び方を学ぶ」ことに重点を置いています。

資料の構成

React 研修資料は 5 つのセクションで構成されています。

1. Web アプリ開発の変遷

React を学ぶ前に、Web アプリケーション開発がどう進化してきたかを整理します。

世代	アーキテクチャ	特徴
第 1 世代	MPA（クラシック SSR）	サーバーが HTML を生成、ページ遷移ごとにリロード
第 2 世代	MPA + jQuery	DOM 操作で部分的な動的 UI を実現
第 3 世代	SPA（CSR のみ）	クライアントで描画、リッチな UX
第 4 世代	SPA（CSR + 事前レンダリング）	SSR / SSG で初期表示を高速化

この変遷を理解することで、「なぜ React が必要になったのか」という文脈が掴めます。jQuery 時代の命令的 UI と React の宣言的 UI の違いを、歴史的な流れの中で説明しているのが特徴です。

CloudWatch Logs のエラーを自動で GitHub Issues に課題化する

Tue, 24 Feb 2026 00:00:00 +0000

CloudWatch Logs のエラーを自動で GitHub Issues に課題化する

ECS で稼働するWebアプリケーションのエラーログを自動的に GitHub Issues に報告する仕組みを構築しました。手動でログを監視する必要がなくなり、エラー発生時に即座にチームが認識・対応できるようになります。

背景

マルチテナントの業務システムを ECS Fargate 上で運用しています。アプリケーションは2つあり、それぞれ異なるフレームワークで構築されています。

アプリ	フレームワーク	用途
web	Laravel (PHP)	業務管理システム
api	Django (Python)	API サーバー

これまで CloudWatch Logs にログは収集していたものの、エラーの検知は手動確認に頼っていました。500エラーや例外発生を見逃すリスクがあり、自動検知の仕組みが必要でした。

アーキテクチャ

Subscription Filter + Lambda + GitHub Issues API の構成を採用しました。

CloudWatch Logs (/ecs/{prefix}-ecs-{app})
└── Subscription Filter (エラーパターンマッチ)
└── Lambda Function (Docker/arm64, Python 3.12)
├── エラー解析 (HTTP 5xx, 例外, スタックトレース)
├── ±5秒のログコンテキスト取得
├── 既存 Open Issue 検索
└── 新規 Issue 作成 or 既存 Issue にコメント追加

この構成を選んだ理由

方式	リアルタイム性	柔軟性	コスト
Subscription Filter + Lambda (採用)	高	高	中
Metric Filter + Alarm + SNS	中 (1分以上遅延)	低	低
CloudWatch Logs Insights (定期実行)	低	高	低

Subscription Filter はログ出力時にほぼリアルタイムで Lambda を起動するため、エラー発生から数秒で Issue が作成されます。

ローカルの開発モックを ngrok で公開し、Backlog Wiki を自動更新するシェルスクリプト

Wed, 11 Feb 2026 00:00:00 +0000

ローカルの開発モックを ngrok で公開し、Backlog Wiki を自動更新するシェルスクリプト

レビュー担当者にモックアプリを見せたいとき、毎回「URL 変わりました」と連絡するのが面倒になったので、ngrok 起動 → Backlog Wiki 自動更新を1コマンドで済ませるスクリプトを作りました。

背景

社内プロジェクトで React のモックアプリを開発しています。レビュー担当者（非エンジニア）にモック画面を確認してもらう際、以下のような手順を毎回踏んでいました：

npm run dev でローカルサーバーを起動
ngrok http 3000 でトンネルを張る
発行された URL をコピー
Backlog の Wiki ページを開いて URL を貼り替える
レビュー担当者に連絡

ngrok の無料プランでは URL が起動ごとに変わるため、毎回 Wiki を手動更新する必要がありました。これを自動化します。

スクリプトの全体像

./scripts/serve-public.sh [user:password]

1コマンドで以下が実行されます：

Vite dev server 起動
↓
ngrok トンネル開通（Basic認証付き）
↓
Backlog Wiki に URL を自動反映
↓
Ctrl+C で全プロセス停止

実装のポイント

1. Vite の起動待ち

Vite dev server はバックグラウンドで起動しますが、すぐには HTTP リクエストを受け付けません。ポーリングで起動完了を待ちます：

1
2
3
4
5
6


for i in $(seq 1 15); do
 if curl -s -o /dev/null http://localhost:$PORT 2>/dev/null; then
 break
 fi
 sleep 1
done

15秒以内に応答がなければエラーとして終了します。

uv

Sun, 05 Jan 2025 00:00:00 +0000

uv

インストール

1

% curl -LsSf https://astral.sh/uv/install.sh | sh

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11


downloading uv 0.5.14 aarch64-apple-darwin
no checksums to verify
installing to /Users/hdknr/.local/bin
 uv
 uvx
everything's installed!

To add $HOME/.local/bin to your PATH, either restart your shell or run:

 source $HOME/.local/bin/env (sh, bash, zsh)
 source $HOME/.local/bin/env.fish (fish)

1
2
3


% source .local/bin/env
% which uv
/Users/hdknr/.local/bin/uv

1
2


% uv --version
uv 0.5.14 (9f1ba2b96 2025-01-02)

uvx (`uv tool run`)

uvではdevelop環境で利用するtoolをuv tool(uvx)というコマンド別管理することが可能

Python: HTTP

Sun, 15 Dec 2024 00:00:00 +0000

Python: HTTP

簡単なHTMLサーバー(http.server + SimpleHTTPRequestHandler)

ディレクトリ一覧を返す

 1
 2
 3
 4
 5
 6
 7
 8
 9
10


import http.server
import socketserver

PORT = 8000

Handler = http.server.SimpleHTTPRequestHandler

with socketserver.TCPServer(("", PORT), Handler) as httpd:
 print("serving at port", PORT)
 httpd.serve_forever()

Django Email

Thu, 28 Nov 2024 00:00:00 +0000

メール送信

Djangoでメールを送信する際に、都度サーバーを切り替える方法はいくつかあります。以下の手順で実装できます。

メールサーバーの設定を動的に変更する: DjangoのEmailMessageクラスを使用して、メール送信時にサーバー設定を動的に変更できます。例えば、以下のようにconnectionパラメータを使用して異なるサーバーを指定します。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13


from django.core.mail import EmailMessage, get_connection

def send_email(subject, message, from_email, recipient_list, server_settings):
 connection = get_connection(
 host=server_settings['EMAIL_HOST'],
 port=server_settings['EMAIL_PORT'],
 username=server_settings['EMAIL_HOST_USER'],
 password=server_settings['EMAIL_HOST_PASSWORD'],
 use_tls=server_settings['EMAIL_USE_TLS'],
 use_ssl=server_settings['EMAIL_USE_SSL'],
 )
 email = EmailMessage(subject, message, from_email, recipient_list, connection=connection)
 email.send()

サーバー設定のリストを用意する: 複数のサーバー設定をリストで管理し、メール送信時にランダムまたは順番に選択する方法です。

javascript: ページのURLを取得

Mon, 14 Oct 2024 00:00:00 +0000

Javascript ページ内のアンカーの取得

ブラウザの「検証」でコンソールからプログラムを実行

1
2
3
4
5
6


// ページ内のすべてのアンカー要素を取得
const anchors = document.querySelectorAll('a');
// アンカーのhref属性を配列に格納
const urls = Array.from(anchors).map(anchor => anchor.href);
// 結果をコンソールに表示
console.log(urls);

JAMStack

Thu, 19 Sep 2024 00:00:00 +0000

JAMStack

記事

セキュリティ:

【2024年】サイバーセキュリティの現状と今後の方向性

Wordpress

Jamstack、ノーコード vs WordPress？　2024年のWeb制作トレンドを予想しよう【おすすめUdemy講座紹介
ブロックエディタ
FSE
Snow Monkey, SWell
Wordpress + Snow Monkey, Wordpress + Astro
データ主権

マーケットシェア

Wordpressは 60% (40%など調査主体による)
シェア 0.2% 高トラフィックサイトで利用されている。

Netlify対Wix:違いは何ですか？

はじめに:

この記事では、NetlifyとWixの主な違いについて説明します。これらのプラットフォームはさまざまな目的を果たし、Netlifyは人気のあるWeb開発およびホスティングプラットフォームですが、WixはWebサイトビルダーおよびホスティングプラットフォームです。それらの違いを理解することは、個人や企業がWeb関連のニーズに合った適切なプラットフォームを選択するときに、情報に基づいた決定を行うのに役立ちます。

導入プロセス:Netlifyは、開発者がGitを使用してWebサイトを簡単に構築、テスト、および展開できるようにする、最新の合理化された展開プロセスを提供します。継続的な展開、バージョン管理、ワンクリック展開を提供し、高速で効率的なワークフローを求める開発者に最適です。一方、Wixは、Webサイトを作成するためのよりユーザーフレンドリーなドラッグアンドドロップインターフェイスを提供します。これは、技術的な専門知識のない個人に対応する簡略化されたWebサイト構築エクスペリエンスを提供します。

CSS Flex

Tue, 17 Sep 2024 00:00:00 +0000

Flex

flex は CSS の display プロパティの値です。
inline-flex と同じく、要素に適用するとフレックスコンテナーになり、その要素の子要素はそれぞれフレックスアイテムになります。
アイテムはフレックスレイアウトに参加し、CSS フレックスボックスレイアウトで定義されているすべてのプロパティが適用されます。
flex プロパティもあり、これはフレックスボックスの flex-grow、flex-shrink、flex-basis の各プロパティの一括指定です。
このプロパティはフレックスコンテナーにのみ適用されます。

Flexbox (フレックスボックス)

フレックスボックスは、アイテムを列方向や行方向など一次元に並べて表示するためのレイアウトモデルである CSS flexible box layout module に対する一般的な通称です。
この仕様書では、フレックスボックスはユーザーインターフェイスの設計のためのレイアウトモデルとして説明されています。
フレックスボックスの重要な特徴が、フレックスレイアウト内のアイテムが伸縮することができることです。
余白はアイテム自体に割り当てることも、アイテムの間や周囲に配分することもできます。
また、フレックスボックスはでは主軸や交差軸上の配置を指定することもでき、アイテムグループのサイズと配置に対する高レベルな制御を提供します。

Flex Container (フレックスコンテナー)

フレックスボックスレイアウトは、flex または inline-flex を親要素の display プロパティの値に使用することで定義されます。
この要素はフレックスコンテナーとなり、その子要素それぞれはフレックスアイテムとなります。
値に flex を指定すると、この要素は ブロックレベルのフレックスコンテナー となり、inline-flex を指定すると、 インラインレベルのフレックスコンテナー となります。
これらの指定は、その要素に対するフレックス整形コンテキストを作成します。
これはブロック整形コンテキストと、不動要素がコンテナーの中に侵入せず、コンテナーのマージンがアイテムのマージンとの間で相殺されないという点で似ています。

Flex Item (フレックスアイテム)

フレックスコンテナー（display: flex または display: inline-flex が設定された要素）の直下の子要素はフレックスアイテムとなります。
フレックスコンテナー内で直下に続くテキストもフレックスアイテムになります。

記事

【初心者・独学】ブロックレベル要素とインライン要素の配置(縦積み・横並び) (ブロック: 縦, インライン: 横)
【初心者・独学】フレックスボックスで、ブロックレベル要素を横並びにする。

Python: DOM

Tue, 10 Sep 2024 00:00:00 +0000

Python: DOM

lxml

Recommended way to generate XHTML documents with lxml

etree

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14


from lxml import etree

# ルート要素を作成
html = etree.Element("html")
body = etree.SubElement(html, "body")
h1 = etree.SubElement(body, "h1")
h1.text = "タイトル"
p = etree.SubElement(body, "p")
p.text = "これは段落です。"

# HTMLを文字列として取得
html_string = etree.tostring(html, pretty_print=True, encoding='unicode')

print(html_string)

cssutils

cssutilsを使ってゼロからCSSを構成するのは比較的簡単です。以下の手順でCSSスタイルシートを作成し、ルールを追加することができます。

Tailwind

Tue, 10 Sep 2024 00:00:00 +0000

Tailwind

チートシート

tailwind.config

Get started with Tailwind CSS

Play CDN:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24


<!doctype html>
<html>
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <script src="https://cdn.tailwindcss.com"></script>
 <script>
 tailwind.config = {
 theme: {
 extend: {
 colors: {
 clifford: '#da373d',
 }
 }
 }
 }
 </script>
</head>
<body>
 <h1 class="text-3xl font-bold underline text-clifford">
 Hello world!
 </h1>
</body>
</html>

高さ:

Gatsby レイアウト

Wed, 04 Sep 2024 00:00:00 +0000

Gastby レイアウト

`wrapper.js`

Gatsbyのwrapper.jsファイルは、ページ全体をラップするために使用されるファイルです。このファイルを使用することで、特定のHTML要素やReactプロバイダーでページをラップすることができます。これにより、ページ全体に共通のレイアウトや機能を簡単に適用できます。

例えば、以下のようにwrapper.jsファイルを作成し、ページを特定のコンポーネントでラップすることができます。

1
2
3
4
5
6


import React from 'react';
import Layout from './src/components/Layout';

export const wrapPageElement = ({ element, props }) => {
 return <Layout {...props}>{element}</Layout>;
};

この例では、Layoutコンポーネントでページ全体をラップしています。これにより、すべてのページに共通のレイアウトが適用されます。

さらに詳しい情報や具体的な使用例については、Gatsbyの公式ドキュメントを参考にすると良いでしょう¹。

他に知りたいことがあれば教えてくださいね！

ソース: Copilot との会話、 2024/9/4 (1) gatsby-plugin-wrap-pages | Gatsby. https://www.gatsbyjs.com/plugins/gatsby-plugin-wrap-pages/. (2) Gatsby公式チュートリアルやったよ #JavaScript - Qiita. https://qiita.com/irico/items/cf87eb29ecaf7e135fcd. (3) Gatsby.js 入門 - Zenn. https://zenn.dev/dev8/articles/gatsby_tutorial. (5) en.wikipedia.org. https://en.wikipedia.org/wiki/Gatsby_(software).

wrapper.js:

1
2
3
4
5
6
7
8
9


import React from "react";
import Layout from "./layout";
export const wrapPageElement = ({ element }) => {
 return (
 <>
 <Layout>{element}</Layout>
 </>
 );
};

layout.js:

Locofy

Wed, 04 Sep 2024 00:00:00 +0000

Locofy

Figmaで作ったデザインをLocofyで自動生成してみた

React

Wed, 04 Sep 2024 00:00:00 +0000

React

`ReactDOM.render`

React 18以降では、ReactDOM.renderは非推奨となり、代わりにcreateRootを使用することが推奨されています。以下に新しい方法の例を示します。

まず、react-dom/clientからcreateRootをインポートします。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12


import React from 'react';
import { createRoot } from 'react-dom/client';
import App from './App';

const container = document.getElementById('root');
const root = createRoot(container);

root.render(
 <React.StrictMode>
 <App />
 </React.StrictMode>
);

このコードでは、createRootを使用してルートを作成し、そのルートに対してrenderメソッドを呼び出しています。これにより、React 18の新しいレンダリングAPIを利用することができます¹²。

Gastby関連

Mon, 19 Aug 2024 00:00:00 +0000

Gatsby 関連

Figram

Locofy (Convert Figma to Gatsby: Get pixel perfect, high-quality code with Lightning)
[初心者向け]はじめての Next.js - Figma×Locofy でソースコードを生成して自分のプロジェクトに適用する

Figma to NOCODE:

Webflow, Frame (Figram プラグイン)

Strawberry

Thu, 01 Aug 2024 00:00:00 +0000

Strawberry

https://strawberry.rocks/

Djanog Integration

1
2
3


uv add strawberry-graphql[debug-server]
uv add strawberry-graphql-django
uv add django-choices-field\n

strawberry-sqlalchemy

https://github.com/strawberry-graphql/strawberry-sqlalchemy

記事

Django

Developing GraphQL APIs in Django with Strawberry

Python asyncio

Wed, 31 Jul 2024 00:00:00 +0000

asyncio

async/await 構文を利用して並行処理を行う
シングルスレッドで動作する並行処理のためのライブラリ

コルーチン定義関数(Coroutine function definition)

8.9.1. コルーチン関数定義
コルーチン定義関数はコルーチンオブジェクトを返す。

(ジェネレータベースの)コルーチン(`yield`)

単純な関数呼び出しによるサブルーチンとは異なり、呼び出し元と呼び出し先を行ったり来たりするような関係性のルーチン
ジェネレータを利用してコルーチンを実装する(yield)
『コルーチンは処理を中断した後、続きから処理を再開できる』= ジェネレータは処理を中断・再開できるので、コルーチンであると言える
send 呼び出しもとからデータ可能

native coroutine(`async`)

async の付いている関数定義は、generator と同じように、呼び出しをしても直ちに実行はされない関数
await で実行終了を待つ

非同期ジェネレータ(AsyncGenerator)

async generator
通常のジェネレータと違って非同期ジェネレータはジェネレータ関数自体の戻り値を返すことはできません
asend : 非同期ジェネレータでも呼び出し元から、ジェネレータ関数に値を通知することができます

資料

Server Sent Events

Wed, 24 Jul 2024 00:00:00 +0000

SSE

金融機関

Thu, 18 Jul 2024 00:00:00 +0000

金融機関

自己資本比率

自己資本とは返済する必要のない資金のことです。
自己資本比率とは総資産のうち、万が一の場合に貸倒れの可能性がある資産に対して、資本金など自己資本がどれくらいあるかを示す指標のことです。

記事:

銀行の自己資本比率

BIS 規制

3 段階(バーゼル３):

狭義の中核的自己資本（コア Tier1） (普通株と内部留保のみ)
中核的自己資本（Tier1）(+優先株、優先出資証券)
総資本

バーゼル 1, 2, 3

バーゼル I: (対日本メガバンク)

国際的な銀行システムの健全性の強化と、国際業務に携わる銀行間の競争上の不平等の軽減を目的として策定
銀行の自己資本比率の測定方法や、達成すべき最低水準（8％以上）

バーゼル II:

(1)最低所要自己資本比率規制（リスク計測の精緻化）
（2）銀行自身による経営上必要な自己資本額の検討と当局によるその妥当性の検証
（3）情報開示の充実を通じた市場規律の実効性向
達成すべき最低水準（8％以上）はバーゼル I と変わらない
銀行が抱えるリスク計測（自己資本比率を算出する際の分母）の精緻化

バーゼル III:(リーマンショックと世界金融危機の反省)

世界的な金融危機の再発を防ぎ、国際金融システムのリスク耐性を高めることを目的
銀行が想定外の損失に直面した場合でも経営危機に陥ることのないよう、自己資本比率規制が厳格化
急な資金の引き出しに備えるための流動性規制
過大なリスクテイクを抑制するためのレバレッジ比率規制等が導入
規制を設計する際、金融システム全体の安定性を維持するというマクロ・プルーデンスの観点が重視されている

資料

Tier1（基本的項目）
Tier2（補完的項目） (有価証券含み益、一般貸倒引当金、劣後債・劣後ローンなど)
国際決済銀行（BIS）
バーゼル合意、バーゼル I、II、III とは何ですか？　いわゆる BIS 規制とは何ですか？

FastAPI

Mon, 24 Jun 2024 00:00:00 +0000

FastAPI

Hypercorn

1

poetry add fastapi hypercorn quart

filters

fastapi-filters:

その他:

https://pypi.org/project/fastapi-query-tools/

モデルマッパー

SQLModel(https://sqlmodel.tiangolo.com/)

pgsql

Tue, 18 Jun 2024 00:00:00 +0000

PostgreSQL

Ubunt:

1

sudo apt install -y postgresql-client

Flutter

Tue, 14 May 2024 00:00:00 +0000

Android インストール

% flutter build apk

% flutter devices
Found 4 connected devices:
Pixel 7a (mobile) • 38211JEHN05972 • android-arm64 • Android 14 (API 34)
sdk gphone64 arm64 (mobile) • emulator-5554 • android-arm64 • Android 14 (API 34) (emulator)
macOS (desktop) • macos • darwin-arm64 • macOS 14.4.1 23E224 darwin-arm64
Chrome (web) • chrome • web-javascript • Google Chrome 124.0.6367.203
Found 1 wirelessly connected device:
iPhone13Pro (mobile) • 00008110-000150C21440401E • ios • iOS 17.4.1 21E236
Run "flutter emulators" to list and start any available device emulators.

% flutter install -d 38211JEHN05972
Installing app-release.apk to Pixel 7a...
Uninstalling old version...
Installing build/app/outputs/flutter-apk/app-release.apk... 6.1s

ios

[Flutter]iOS のビルドで失敗したらまず試すこと 10 選

OAuth: PKCE

Wed, 28 Feb 2024 00:00:00 +0000

OAuth PKCE

Django: Push Notification

Tue, 27 Feb 2024 00:00:00 +0000

Django: Push Notification

APNS (Apple)

FCM/GCM(Google)

Firebase でローコードなプッシュ通知を実装してみた

Web Push

Spec:

django-redis: lock

Fri, 05 Jan 2024 00:00:00 +0000

djanog-redis: cache.lock

`lock`

https://github.com/jazzband/django-redis/blob/d94a7f9644b96cc37743914fce899cca942c032a/django_redis/cache.py#L177

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15


class RedisCache(BaseCache):

 ...
 @omit_exception
 def lock(self, *args, **kwargs):
 return self.client.lock(*args, **kwargs)

 def __init__(self, server: str, params: Dict[str, Any]) -> None:
 ...
 self._client_cls = options.get(
 "CLIENT_CLASS", "django_redis.client.DefaultClient"
 )
 self._client_cls = import_string(self._client_cls)
 self._client = None
 ...

DefaultClient

https://github.com/jazzband/django-redis/blob/d94a7f9644b96cc37743914fce899cca942c032a/django_redis/client/default.py#L29

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48


from redis import Redis

class DefaultClient:
 def __init__(self, server, params: Dict[str, Any], backend: BaseCache) -> None:
 ...
 self._clients: List[Optional[Redis]] = [None] * len(self._server)
 ...

 def lock(
 self,
 key: KeyT,
 version: Optional[int] = None,
 timeout: Optional[float] = None,
 sleep: float = 0.1,
 blocking_timeout: Optional[float] = None,
 client: Optional[Redis] = None,
 thread_local: bool = True,
 ):
 if client is None:
 client = self.get_client(write=True)

 key = self.make_key(key, version=version)
 return client.lock(
 key,
 timeout=timeout,
 sleep=sleep,
 blocking_timeout=blocking_timeout,
 thread_local=thread_local,
 )

 def get_client(
 self,
 write: bool = True,
 tried: Optional[List[int]] = None,
 ) -> Redis:
 """
 Method used for obtain a raw redis client.

 This function is used by almost all cache backend
 operations for obtain a native redis client/connection
 instance.
 """
 index = self.get_next_client_index(write=write, tried=tried)

 if self._clients[index] is None:
 self._clients[index] = self.connect(index)

 return self._clients[index] # type:ignore

Redis

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76



class Redis(RedisModuleCommands, CoreCommands, SentinelCommands):

 def lock(
 self,
 name: str,
 timeout: Optional[float] = None,
 sleep: float = 0.1,
 blocking: bool = True,
 blocking_timeout: Optional[float] = None,
 lock_class: Union[None, Any] = None,
 thread_local: bool = True,
 ):
 """
 Return a new Lock object using key ``name`` that mimics
 the behavior of threading.Lock.

 If specified, ``timeout`` indicates a maximum life for the lock.
 By default, it will remain locked until release() is called.

 ``sleep`` indicates the amount of time to sleep per loop iteration
 when the lock is in blocking mode and another client is currently
 holding the lock.

 ``blocking`` indicates whether calling ``acquire`` should block until
 the lock has been acquired or to fail immediately, causing ``acquire``
 to return False and the lock not being acquired. Defaults to True.
 Note this value can be overridden by passing a ``blocking``
 argument to ``acquire``.

 ``blocking_timeout`` indicates the maximum amount of time in seconds to
 spend trying to acquire the lock. A value of ``None`` indicates
 continue trying forever. ``blocking_timeout`` can be specified as a
 float or integer, both representing the number of seconds to wait.

 ``lock_class`` forces the specified lock implementation. Note that as
 of redis-py 3.0, the only lock class we implement is ``Lock`` (which is
 a Lua-based lock). So, it's unlikely you'll need this parameter, unless
 you have created your own custom lock class.

 ``thread_local`` indicates whether the lock token is placed in
 thread-local storage. By default, the token is placed in thread local
 storage so that a thread only sees its token, not a token set by
 another thread. Consider the following timeline:

 time: 0, thread-1 acquires `my-lock`, with a timeout of 5 seconds.
 thread-1 sets the token to "abc"
 time: 1, thread-2 blocks trying to acquire `my-lock` using the
 Lock instance.
 time: 5, thread-1 has not yet completed. redis expires the lock
 key.
 time: 5, thread-2 acquired `my-lock` now that it's available.
 thread-2 sets the token to "xyz"
 time: 6, thread-1 finishes its work and calls release(). if the
 token is *not* stored in thread local storage, then
 thread-1 would see the token value as "xyz" and would be
 able to successfully release the thread-2's lock.

 In some use cases it's necessary to disable thread local storage. For
 example, if you have code where one thread acquires a lock and passes
 that lock instance to a worker thread to release later. If thread
 local storage isn't disabled in this case, the worker thread won't see
 the token set by the thread that acquired the lock. Our assumption
 is that these cases aren't common and as such default to using
 thread local storage."""
 if lock_class is None:
 lock_class = Lock
 return lock_class(
 self,
 name,
 timeout=timeout,
 sleep=sleep,
 blocking=blocking,
 blocking_timeout=blocking_timeout,
 thread_local=thread_local,
 )

「この接続ではプライバシーが保護されません」

Wed, 13 Dec 2023 00:00:00 +0000

「この接続ではプライバシーが保護されません」

【18 の方法】「この接続ではプライバシーが保護されません」エラーを解決するには

SSL TEST

https://www.ssllabs.com/ssltest/index.html

DNS CAA

Python with文

Thu, 09 Nov 2023 00:00:00 +0000

With

【Python】with 文の構造を理解する

MPTT tree_id

Mon, 06 Nov 2023 00:00:00 +0000

MPTT Tree ID

分散ロック

Distributed Locking in Django

1
2
3
4


from django.core.cache import cache

with cache.lock("somekey"):
 do_some_thing()

redis-py:

https://github.com/redis/redis-py/blob/d3a3ada03e080f39144807c9fbe44876c40e0548/redis/client.py#L394

デッドロック

Hook available for automatic retry after deadlock in django and mysql setup

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19


import django.db.backends.utils
from django.db import OperationalError
import time

original = django.db.backends.utils.CursorWrapper.execute

def execute_wrapper(*args, **kwargs):
 attempts = 0
 while attempts < 3:
 try:
 return original(*args, **kwargs)
 except OperationalError as e:
 code = e.args[0]
 if attempts == 2 or code != 1213:
 raise e
 attempts += 1
 time.sleep(0.2)

django.db.backends.utils.CursorWrapper.execute = execute_wrapper

utf8 -> cp932

Wed, 11 Oct 2023 00:00:00 +0000

UTF8 -> CP932

Django 動的モデル生成

Wed, 16 Aug 2023 00:00:00 +0000

Django : 動的モデル生成

定義されたメタ情報で同じテーブルを複数作る

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60


from pathlib import Path

import pandas as pd
from django.conf import settings
from django.db import connection, models


def get_meta(name):
 """ 定義情報(CSV)ファイル """
 path = META_DIR / f"{name}.map.csv"
 return pd.read_csv(path, dtype="str").fillna("").to_dict(orient="records")


def named_model(name, code):
 meta = get_meta(name)

 class_name = f"{name}{code}"
 table_name = f"{name}_{code}"

 unique_fields = list(map(lambda i: i["column"], filter(lambda i: i["unique"] == "1", meta)))

 class Meta:
 db_table = f"oracle_{table_name}"
 constraints = [
 models.UniqueConstraint(
 fields=unique_fields,
 name=f"uniq_{table_name}",
 ),
 ]

 def _field(item):
 params = {"db_index": True} if item["db_index"] else {}
 params["blank"] = True

 return (
 item["column"],
 models.CharField(verbose_name=item["label"], max_length=100, null=True, default=None, **params),
 )

 fields = dict(map(_field, meta))

 attrs = {"__module__": "oracle.models", "Meta": Meta, **fields}
 models_class = type(class_name, (models.Model,), attrs)

 return models_class


def get_named_model(name, code):
 # モデルクラス取得
 model_class = named_model(name, code)

 if model_class._meta.db_table in connection.introspection.table_names():
 # テーブルが存在していたら終了
 return model_class

 # テーブルの作成
 with connection.schema_editor() as schema_editor:
 schema_editor.create_model(model_class)

 return model_class

Django Migration: Uniqu Field

Mon, 24 Jul 2023 00:00:00 +0000

Django : マイグレーション: Unique フィールドの追加

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39


# Generated by Django 3.2.20 on 2023-07-24 06:36

from django.db import migrations, models

def advise_fill_advise_code(apps, schema_editor):
 """ instance.id => instance.advise_code と初期値にする"""
 Model = apps.get_model("studies", "Advise")
 for instance in Model.objects.all():
 instance.advise_code = str(instance.id)
 instance.save()

class Migration(migrations.Migration):
 dependencies = [
 ("studies", "0015_auto_20211108_1814"),
 ]

 operations = [
 migrations.AddField(
 model_name="advise",
 name="advise_code",
 field=models.CharField(
 # オリジナル:
 # help_text="(id)", max_length=6, unique=True, verbose_name="Advise Code"
 # 修正: null=True default=None とする
 help_text="(id)", max_length=6, null=True, default=None, unique=True, verbose_name="Advise Code"
 ),
 preserve_default=False,
 ),
 # 追加: advise_code (ユニーク) を設定する
 migrations.RunPython(inspadvise_fill_advise_code, reverse_code=migrations.RunPython.noop),

 # 追加: null=True default=None を抜く
 migrations.AlterField(
 model_name="advise",
 name="advise_code",
 field=models.CharField(help_text="(id)", max_length=6, unique=True, verbose_name="Advise Code"),
 preserve_default=False,
 ),
 ]

unittest mock

Mon, 26 Jun 2023 00:00:00 +0000

patch.object(): メソッドを置き換える

メソッドが外部のサーバーに対して API リクエストを行う
テストではサーバー間 API が成功したものとして、状態だけ進める

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22


from unittest.mock import patch

from applies.utils import approve_to
from base.tests.utils import RestTestCase
from sourcing.models import PurchaseOrder


def fake_cloudsign_post_document(self, *args, **kwargs):
 # サーバー間のAPIが成功したものとして承認状態を進める
 approve_to(self.purchase, "purchase_print")


class PurchaseOrderTest(RestTestCase):

 @patch.object(PurchaseOrder, "cloudsign_post_document", new=fake_cloudsign_post_document)
 def test_create(self):
 # ....
 #
 response = client.post("/api/rest/sourcing/purchaseorder/", params)
 ...
 instance = PurchaseOrder.objects.get(id=response.json()["id])
 self.assertEqual(instanc.purchase.purchase_status, "print")

django cache decorator

Thu, 22 Jun 2023 00:00:00 +0000

django: cache value decorator

1
2


from functools import wraps
from django.core.cache import c

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17


def cached_value(key=None, **kwargs):
 """
 key で指定された値をキャッシュから取得して current に渡す
 reset=True が指定されるとキャッシュデータを使わない
 """

 def _cache_controller(original_func):
 @wraps(original_func)
 def _cache_controlled(*args, **kw):
 current = None if kw.get("reset", False) else cache.get(key)
 lastest = original_func(*args, current=current, **kw)
 cache.set(key, lastest)
 return lastest

 return _cache_controlled

 return _cache_controller

1
2
3
4
5


class PurchaseOrder:

 @cached_value(key="webservice_accesstoken")
 def get_accesstoken(self, current=None, reset=False):
 return Token(self.company.credentials).update_token(current)

at

Sun, 18 Jun 2023 00:00:00 +0000

`at` コマンド

MacOS で at コマンドを有効化して使ってみる

手順:

/System/Library/LaunchDaemons/com.apple.atrun.plist で、Disabled を false に変更
/System/Library/LaunchDaemons/com.apple.atrun.plist を再ロード

1
2
3
4


% sudo launchctl load -w /System/Library/LaunchDaemons/com.apple.atrun.plist

/System/Library/LaunchDaemons/com.apple.atrun.plist: service already loaded
Load failed: 37: Operation already in progress

django-import-export M2M

Fri, 09 Jun 2023 00:00:00 +0000

django-import-export M2M, FK

GroupWidget

どちらでも使える:

Users.groups
Permission.group_set

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12


from import_export import widgets, fields

class GroupWidget(widgets.ManyToManyWidget):
 def clean(self, value, row=None, *args, **kwargs):
 if not value:
 return self.model.objects.none()
 if self.field == "name":
 # 存在しない場合作成する
 ids = value.split(self.separator)
 ids = filter(None, [i.strip() for i in ids])
 return map(lambda i: self.model.objects.get_or_create(name=i)[0], ids)
 return super().clean(self, value, row=row, *args, **kwargs)

ContentTypeWidget

Permission.content_type など ForeingKey 定義されていると使える
データは {app_label}.{model} でレンダリングされるので、取り込む時に split('.') する

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15


from import_export import fields, widgets
from django.contrib.contenttypes.models import ContentType


class ContentTypeWidget(widgets.ForeignKeyWidget):
 def clean(self, value, row=None, *args, **kwargs):
 if value is None:
 return None

 app_label, model = value.split(".")
 content_type = ContentType.objects.get_by_natural_key(app_label, model)
 return content_type

 def render(self, value, obj=None):
 return f"{value.app_label}.{value.model}"

User.groups

User の Resource を定義するにあたって、groups を name で import/export するには、以下のように記述することができます。

django グループに権限を付与

Thu, 08 Jun 2023 00:00:00 +0000

Django: 指定したグループに権限を与える

1
2
3
4


from itertools import product
from django.contrib.auth.models import Permission, Group
from django.contrib.contenttypes.models import ContentType
from django.apps import apps

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36


@main.command()
@click.argument("group_name")
@click.argument("model_path")
@click.argument("action_suffix", nargs=-1) # view とか view_other とか
@click.pass_context
def group_add_perms(ctx, group_name, model_path, action_suffix):
 """指定したグループに権限を与える"""

 group = Group.objects.get(name=group_name)

 app_label, model_name = model_path.split(".")

 if app_label == "*":
 model_list = apps.get_models()
 else:
 model_list = list(
 filter(
 lambda i: model_name == "*" or i._meta.model_mame == model_name,
 apps.get_app_config(app_label).get_models(),
 )
 )

 actions = map(lambda i: i.split("_"), action_suffix)

 def _perm(item):
 model_class, actions = item
 content_type = ContentType.objects.get_for_model(model_class)
 codename = (
 f"{actions[0]}_{content_type.model}_{actions[1]}"
 if len(actions) > 1
 else f"{actions[0]}_{content_type.model}"
 )
 return Permission.objects.filter(content_type=content_type, codename=codename).first()

 perms = filter(lambda i: i is not None, map(_perm, product(model_list, actions)))
 group.permissions.add(*perms)

銀行マスター

Thu, 08 Jun 2023 00:00:00 +0000

django-import-export で銀行マスターを取り込む

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25


from import_export import resources

from .. import models


class BankCodeResource(resources.ModelResource):
 class Meta:
 model = models.BankCode
 import_id_fields = ["code", "branch_code"]
 fields = ["code", "branch_code", "kana", "name", "branch_kana", "branch_name"]

 def before_import_row(self, row, row_number=None, **kwargs):
 for field in self._meta.fields:
 # ヘッダーは verbose_name に合わせている
 value = row.pop(self._meta.model._meta.get_field(field).verbose_name, None)
 if value is None:
 continue

 # コードは0埋めする
 if field == "code":
 value = str(value).zfill(4)
 elif field == "branch_code":
 value = str(value).zfill(3)

 row[field] = value

ijavascript

Wed, 07 Jun 2023 00:00:00 +0000

ijavascript

https://n-riesco.github.io/ijavascript/index.html

HTML メール

Mon, 05 Jun 2023 00:00:00 +0000

HTML メール

HTML メールの作り方を 5 分で解説！簡単に作成する方法もこっそり教えます。

color

Thu, 01 Jun 2023 00:00:00 +0000

HTML カラーコード/カラーネーム

VSCode

django session

Tue, 30 May 2023 00:00:00 +0000

Sessionのユーザーの取得

Djangoでセッションレコードがどのユーザーのものかを判定するには、以下のようにします。

1
2
3
4
5
6
7
8


from django.contrib.sessions.models import Session
from django.contrib.auth.models import User

for session in Session.objects.all():
 uid = session.get_decoded().get('_auth_user_id')
 if uid:
 user = User.objects.get(id=uid)
 print(user.username)

参考文献:

Django ドキュメント | セッションの使いかた

ソース: Bing との会話 2023/5/30

(1) セッションの使いかた | Django ドキュメント | Django. https://docs.djangoproject.com/ja//2.2/topics/http/sessions/.
(2) 【Django】ログイン判定機能の実装方法を実例付きで徹底解説. https://itc.tokyo/django/dynamic-links-by-user-info/.
(3) Djangoで現在ログインしているユーザーのユーザーIDを取得する方法. https://qastack.jp/programming/12615154/how-to-get-the-currently-logged-in-users-user-id-in-django.

SessionStoreをつかう

1
2
3
4
5
6
7


from django.contrib.sessions.backends.db import SessionStore

key = "3gsbhdfm4g2uyyieaaxl1omor2p5f1on"
store = SessionStore(session_key=key)

store["ssout_required"] = True
store.save()

Puppeteer

Tue, 23 May 2023 00:00:00 +0000

Puppeteer

Puppeteer とヘッドレス Chrome を使って React の SPA サイトをクロールするためのスクリプトを記述するには、以下のようなコードを記述することができます ¹。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12


const puppeteer = require("puppeteer");

(async () => {
 const browser = await puppeteer.launch();
 const page = await browser.newPage();
 await page.goto("https://example.com");
 // SPA のページ遷移を待つ
 await page.waitForNavigation({ waitUntil: "networkidle0" });
 // スクリーンショットを撮る
 await page.screenshot({ path: "example.png" });
 await browser.close();
})();

上記のコードでは、Puppeteer を使ってブラウザを起動し、指定した URL にアクセスしています。その後、SPA のページ遷移が完了するまで待機し、スクリーンショットを撮影しています。必要に応じて、このコードを改良していただければと思います。

django-import-export

Thu, 18 May 2023 00:00:00 +0000

django-import-export

django-import-export = "^2.4.0"

settings.py

1
2
3
4
5


INSTALLED_APPS += [
 ...
 "import_export",
 ...
]

resources.py

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19


from import_export import resources

from .. import models


class DepartmentResource(resources.ModelResource):
 class Meta:
 model = models.Department
 import_id_fields = ["code", "company_code"] # 複合キー
 exclude = ["company", "jobposts", "origin", "status"] # 除外

 def get_instance(self, instance_loader, row):
 instance = super().get_instance(instance_loader, row)
 exclude = []
 if instance:
 exclude += ["is_m03", "is_tmb"] # 更新除外

 list(map(lambda i: row.pop(i, None), exclude))
 return instance

admin.py

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13


from import_export.admin import ImportExportActionModelAdmin

from . import inlines, resources


class BaseModelAdmin(ImportExportActionModelAdmin):
 exclude = ["created_at"]
 readonly_fields = ["updated_at"]

@admin.register(models.Department)
class DepartmentAdmin(BaseModelAdmin):
 ...
 resource_class = resources.DepartmentResource

Headless CMS

Thu, 18 May 2023 00:00:00 +0000

Headless CMS

【2023年】人気のヘッドレスCMSを徹底比較！Contentful・Strapi・Hygraphなど。

Django Subquery

Wed, 17 May 2023 00:00:00 +0000

Subquery

合計値のアノテート

サブクエリの合計値:

合計対象レコードを OuterRefで条件指定してして絞り込む
values() でユニークフィールドで GROUP BY する
対象フィールドの合計値をanotate する
アノテートしたフィールドを values() で ValueList にしてSubqueryで返す(1件のはず)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29


def verify():
 from django.db.models import OuterRef, Subquery, F
 from django.db.models.functions import Coalesce
 from base.models.utils import aggr_sum_decimal as D
 from decimal import Decimal

 ref_query = dict(
 book__company_code=OuterRef("company_code"),
 book__processing_month=OuterRef("processing_month"),
 account_code=OuterRef("account_code"),
 account_item_code=OuterRef("account_item_code"),
 advances_code=OuterRef("outsource_code"),
 advances_branch_code=OuterRef("outsource_branch_code"),
 )

 def bookitem_sum(bookitem):
 qs = (
 bookitem.objects.filter(**ref_query)
 .values(*ref_query.keys())
 .annotate(total=D("amount"))
 .values("total")
 )

 return Subquery(qs)

 qs = models.CostOutsource.objects.annotate(
 sum_debit=Coalesce(bookitem_sum(BookDebit), Decimal("0")),
 sum_credit=Coalesce(bookitem_sum(BookCredit), Decimal("0")),
 ).exclude(debit_amount=F("sum_debit"), credit_amount=F("sum_credit"))

Bing

Djangoのクエリセットで、別のテーブルのフィールドの合計値をSubqueryを使ってannotateすることができます¹。以下は、例です。

DRF: Content Negotiation

Fri, 12 May 2023 00:00:00 +0000

DRF: Content Negotiation

DefaultContentNegotiation

content_negotiation_classをカスタマイズするには、以下のようにします。

1
2
3
4
5
6


from rest_framework.negotiation import DefaultContentNegotiation

class MyContentNegotiation(DefaultContentNegotiation):
 def select_renderer(self, request, renderers, format_suffix=None):
 # ここに処理を書きます。
 pass

上記の例では、DefaultContentNegotiationを継承しています。

select_renderer()メソッドには、レンダラーを選択するための処理を書きます。このメソッドは、リクエストオブジェクト、レンダラーのリスト、およびフォーマットサフィックスを引数として受け取ります。

ソース: Bing との会話 2023/5/12

(1) Content negotiation - Django REST framework. https://www.django-rest-framework.org/api-guide/content-negotiation/.
(2) Django REST Framework - Content negotiation - HTTPは …. https://runebook.dev/ja/docs/django_rest_framework/api-guide/content-negotiation/index.
(3) Django REST framework カスタマイズ方法 - チュートリアルの補足. https://qiita.com/okoppe8/items/c58bb3faaf26c9e2f27f.

ViewSetでの設定

ViewSetごとにcontent_negotiation_classを設定することができます。

djang-mptt: tree 構造で export する

Thu, 04 May 2023 00:00:00 +0000

django-mptt: Tree モデルをエクスポート

mptt_tags テンプレートライブラリの recursetree / endrecursetree タグを使う

profiles/templates/profile/workgroup/tree.json:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14


{% load mptt_tags %}
[
{% recursetree nodes %}
{
 "id": "{{ node.id }}",
 "code": "{{ node.code|default:''}}",
 "name": "{{ node.name }}",
 "path": "{{ node.path }}",
 "full_name": "{{ node.full_name }}",
 "data": {},
 "children": [{{ children }}]
}{% if node.get_next_sibling %},{% endif %}
{% endrecursetree %}
]

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27


from django.template import engines, loader
from django.utils.safestring import mark_safe
from django.db.models import QuerySet


def render(src, request=None, engine_name="django", safe=True, **ctx):
 text = engines[engine_name].from_string(src).render(ctx, request=request)
 return safe and mark_safe(text) or text


def render_by(name, request=None, safe=True, **ctx):
 t = loader.get_template(name)
 text = t.render(ctx, request=request)
 return safe and mark_safe(text) or text


def export_trees(nodes, model_class=None, template_name=None, request=None, safe=True, **ctx):
 if not model_class and isinstance(nodes, QuerySet):
 model_class = nodes.model

 if not template_name and model_class:
 template_name = f"{model_class._meta.app_label}/{model_class._meta.model_name}/tree.json"

 if not template_name:
 return ""

 return render_by(template_name, request=request, safe=safe, nodes=nodes, **ctx)

1
2
3
4
5
6
7
8


@main.command()
@click.argument("path")
@click.pass_context
def workgroup_export(ctx, path):
 """ Workgroup Export """

 nodes = models.Workgroup.objects.all()
 print(export_trees(nodes))

Django: SynchronousOnlyOperation: You cannot call this from an async context - use a thread or sync_to_async

Thu, 04 May 2023 00:00:00 +0000

Jupyter: `Django: SynchronousOnlyOperation: You cannot call this from an async context - use a thread or sync_to_async`

このエラーは、asyncコンテキストから同期的なコードを呼び出そうとした場合に発生するエラーです。

async-unsafeなコードを呼び出す場合は、asyncコンテキストからではなく、自分自身の同期関数で書き、それをasgiref.sync.syncを使用して呼び出すように修正する必要があります¹。

¹: Django: SynchronousOnlyOperation: You cannot call this from an async context - use a thread or sync_to_async. - Stack Overflow

ソース: Bing との会話 2023/5/4

(1) Django: SynchronousOnlyOperation: You cannot call this …. https://stackoverflow.com/questions/61926359/django-synchronousonlyoperation-you-cannot-call-this-from-an-async-context-u.
(2) django.core.exceptions.SynchronousOnlyOperation after …. https://github.com/django/channels/issues/1464.
(3) python - Django channels Async Websocket throwing Error …. https://stackoverflow.com/questions/63892884/django-channels-async-websocket-throwing-error-while-trying-to-use-database-quer.
(4) Django channel occasionally gets error “cannot call this from …. https://stackoverflow.com/questions/69239657/django-channel-occasionally-gets-error-cannot-call-this-from-an-async-context.
(5) python - Getting SynchronousOnlyOperation error Even after …. https://stackoverflow.com/questions/63149616/getting-synchronousonlyoperation-error-even-after-using-sync-to-async-in-django.

DJANGO_ALLOW_ASYNC_UNSAFE 環境変数を使用することで、非同期コンテキストで SynchronousOnlyOperation エラーが発生した場合に警告を無効にすることができます¹。

factory_boy: SubFactory

Sun, 30 Apr 2023 00:00:00 +0000

factory_boy: SubFuctory で　ForeignKeyフィールドを初期化する

factory_boy はテストデータを簡単に作るためのライブラリです²。ForeignKey フィールドのインスタンスのデフォルトを定義するには、SubFactory を使う方法があります¹⁴。例えば、以下のように書けます。

1
2
3
4
5
6
7
8


class PhoneContactFactory(factory.django.DjangoModelFactory):
 class Meta:
 model = models.PhoneContact

class CoopFactory(factory.django.DjangoModelFactory):
 class Meta:
 model = models.Coop
 phone = factory.SubFactory(PhoneContactFactory)

この場合、CoopFactory を使って Coop インスタンスを作ると、PhoneContactFactory も使って PhoneContact インスタンスを作り、そのインスタンスを Coop の phone フィールドにセットします。

もしくは、SelfAttribute を使う方法もあります⁴。例えば、以下のように書けます。

1
2
3
4
5
6
7
8


class SubtitlesFactory(factory.django.DjangoModelFactory):
 class Meta:
 model = models.Subtitles

class RecordingFactory(factory.django.DjangoModelFactory):
 class Meta:
 model = models.Recording
 subtitles = factory.SubFactory(SubtitlesFactory, language=factory.SelfAttribute('..language'))

この場合、RecordingFactory を使って Recording インスタンスを作るときに language パラメータを指定すると、その値が SubtitlesFactory の language パラメータにも渡されます。

DRF: UnorderedObjectListWarning: Pagination may yield inconsistent results with an unordered object_list

Sat, 29 Apr 2023 00:00:00 +0000

DRF: UnorderedObjectListWarning: Pagination may yield inconsistent results with an unordered object_list

ViewSetの queryset で order_by を明示的に指定すること

I see. Django REST framework also supports pagination for large result sets, but you need to specify a default pagination class and a page size in your settings.py file¹. Alternatively, you can set the pagination_class attribute for each viewset individually⁴. However, you still need to order your queryset by some field, otherwise you will get the same warning as before²³. You can use the order_by method on your queryset or the ordering attribute on your viewset¹. For example:

Django MPTT: values で tree_id が SELECT されてしまう

Fri, 28 Apr 2023 00:00:00 +0000

Django MPTT: values で tree_id が SELECT されてしまう

仕様である

django-mptt の TreeQuerySet で values コールすると SQL に tree_id が追加されているのは、django-mptt がツリー構造を管理するために必要なカラムだからです²。tree_id は、同じツリーに属するノードに同じ値を持ちます²。例えば、以下のようなモデルがあるとします。

1
2
3
4
5
6
7
8
9


from django.db import models
from mptt.models import MPTTModel, TreeForeignKey

class Category(MPTTModel):
 name = models.CharField(max_length=50, unique=True)
 parent = TreeForeignKey('self', on_delete=models.CASCADE, null=True, blank=True, related_name='children')

 class MPTTMeta:
 order_insertion_by = ['name']

このとき、以下のように values をコールすると、SQL に tree_id が追加されます²。

Django: Template: QuerySetの指定したindexのインスタンスの参照

Thu, 27 Apr 2023 00:00:00 +0000

Django: Template: QuerySet の指定した index のインスタンスの参照

配列ではないので、数値でインデクシングできない

{{ e.expenseitem_set.0 }} {# NG #}

１件目, 最後

{{ e.expenseitem_set.first.account_name }}
{{ e.expenseitem_set.last.account_name }}

テンプレートフィルター

1
2
3
4
5
6
7


from django import template

register = template.Library()

@register.filter
def index(queryset, i):
 return queryset[i]

1

{% load expenses %} {{ e.expenseitem_set|index:1 }}

QuerySet のインクシング

list のように -1 などの Python のインデクシングはできない (するには list(queryset) で list に変換する)

django: has_permが常に Falseになる

Wed, 26 Apr 2023 00:00:00 +0000

`has_perm` が常にFalseになる

##　無効ユーザーだから(User.is_active == False)

django.contrib.auth.backends.py:

1
2
3
4


class BaseBackend:
 def has_perm(self, user_obj, perm, obj=None):
 # ユーザーが有効の時だけパーミッション判定する
 return user_obj.is_active and super().has_perm(user_obj, perm, obj=obj)

キャッシュがのこっているため

Userオブジェクトをクエリし直す

django-mptt: tree_idの重複問題

Tue, 25 Apr 2023 00:00:00 +0000

`tree_id` が重複して登録されていまう問題

多重処理を行っている時に発生することがある模様

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22


class TreeManager(models.Manager.from_queryset(TreeQuerySet)):
 ...
 @delegate_manager
 def insert_node(self, node, target, position='last-child', save=False,
 allow_existing_pk=False, refresh_target=True):
 if node.pk and not allow_existing_pk and self.filter(pk=node.pk).exists():
 raise ValueError(_('Cannot insert a node which has already been saved.'))

 if target is None:
 tree_id = self._get_next_tree_id()
 setattr(node, self.left_attr, 1)
 setattr(node, self.right_attr, 2)
 setattr(node, self.level_attr, 0)
 setattr(node, self.tree_id_attr, tree_id)
 setattr(node, self.parent_attr, None)
 ...

 def _get_next_tree_id(self):
 max_tree_id = list(self.aggregate(Max(self.tree_id_attr)).values())[0]
 max_tree_id = max_tree_id or 0
 return max_tree_id + 1
 ...

ロックをかける

django-mptt で tree_id の採番に関して、テーブルロックをかけることは可能です。django-mptt は、デフォルトでは、tree_id の採番にテーブルロックをかけていませんが、以下のようにして、テーブルロックをかけることができます³。

Django: User: Permissionコードのどれかを保有しているユーザーを検索

Sun, 23 Apr 2023 00:00:00 +0000

Django: User: Permission コードのどれかを持っているユーザーを検索

1
2
3


from operator import or_
from functools import reduce
from django.db.models import Q

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13


class UserQuerySet(models.QuerySet):

 def filter_has_perm(self, perm_codeset: List[str]):
 """ Permission code(List[app_label.codename]) の一覧のどれかを含むユーザーの検索 """

 def _query(item):
 return reduce(or_, [
 Q(user_permissions__content_type__app_label=item[0], user_permissions__codename=item[1]),
 Q(groups__permissions__content_type__app_label=item[0], groups__permissions__codename=item[1]),
 ])

 query = reduce(or_, map(_query, map(lambda i: i.strip().split("."), perm_codeset)))
 return self.filter(query)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13


class UserFilter(django_filters.FilterSet)
 def filter_permission_codes__in_csv(self, queryset, name, value):
 if not value:
 return queryset
 values = value.split(",") if isinstance(value, str) else value
 if len(values) < 1:
 return queryset
 return queryset.filter_has_perm(values)

 permission_codes__in_csv = DF.BaseInFilter(
 label="パーミッションコード(CSV)",
 method="filter_permission_codes__in_csv",
 )

Djanog: Permission: app_lablel.codename

Sun, 23 Apr 2023 00:00:00 +0000

Django: Permission: `app_label.codename` をアノテートする

1
2
3


from django.db.models import F, Value
from django.db.models.functions import Concat
from django.contrib.auth import models as auth_models

1
2
3
4
5
6
7



class PermissionDef:
 @classmethod
 def choices(cls):
 return auth_models.Permission.objects.annotate(
 code=Concat("content_type__app_label", Value("."), "codename")
 ).values_list("code", "name")

ただし、件数が大きいので, フィールドのchoices に使うのは現実的ではない

DRF: Userを所属グループで検索

Sun, 23 Apr 2023 00:00:00 +0000

django-filters: Userを所属グループで検索

Django REST Frameworkとdjango-filterを使って、Userが所属しているGroupを複数指定して検索することはできます。

以下のように、django-filter.FilterSetを継承したフィルタセットを定義し、filters.ModelMultipleChoiceFilterを使って、Userが所属しているGroupを複数指定することができます。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13


from django.contrib.auth.models import User, Group
import django_filters

class UserFilter(django_filters.FilterSet):
 groups = django_filters.ModelMultipleChoiceFilter(
 field_name='groups__name',
 to_field_name='name',
 queryset=Group.objects.all()
 )

 class Meta:
 model = User
 fields = ['username', 'groups']

上記の例では、Userモデルに対するフィルタセットを定義しています。groupsフィールドには、django_filters.ModelMultipleChoiceFilterを使って、Userが所属しているGroupを複数指定することができます。field_nameには、Userモデルのgroups__nameフィールドを指定し、to_field_nameには、Groupモデルのnameフィールドを指定しています。

Django: User ログインシグナル

Fri, 21 Apr 2023 00:00:00 +0000

Django: User ログイン

ログインシグナル

Djangoでログインした時のイベントをシグナルで受け取る方法については、Djangoの公式ドキュメントに詳しく記載されています¹。以下のように、django.contrib.auth.signals.user_logged_inシグナルを使用して、ログイン時に実行する関数を定義し、receiver()デコレーターでシグナルを受信する関数を登録します。

1
2
3
4
5
6
7


from django.contrib.auth.signals import user_logged_in
from django.dispatch import receiver

@receiver(user_logged_in)
def user_logged_in_callback(sender, request, user, **kwargs):
 # ログイン時に実行する処理
 pass

このように、シグナルを使用することで、ログイン時に任意の処理を実行することができます。

ソース: Bing との会話 2023/4/21

(1) 「超簡単」Djangoでログインページの実装 - Qiita. https://qiita.com/Yuji-Sakata0110/items/3722fa651e02eafc4d01.
(2) 【Django】ログイン・ログアウト機能の実装 - Qiita. https://qiita.com/onishi_820/items/c69ebb6a4e34da0f34d4.
(3) Django パスワード試行回数ロックとランダムかつ有効期限付き …. https://qiita.com/startours777/items/5b1fc415e047a2044129.

半角カナ文字

Tue, 18 Apr 2023 00:00:00 +0000

半角カナ文字

Pythonで半角カナ文字かどうかを判定するには、正規表現を使う方法があります。⁴⁶

例えば、次のような関数を定義して、文字列が半角カナだけで構成されているかどうかをチェックできます。

1
2
3
4


import re

def is_hankaku_kana(s):
 return re.match(r"^[ｦ-ﾟ]+$", s) is not None

この関数は、文字列sが半角カナの範囲（ｦからﾟ）にマッチするかどうかを判定します。⁶

他の言語（JavaScriptやC#など）でも同様の方法が使えます。¹²

ソース: Bing との会話 2023/4/18

(1) python 正規表現を使った文字列チェック【ひらがな・カタカナ …. https://qiita.com/mocha_xx/items/00c5a968f7069d8e092c アクセス日時 2023/4/18.
(2) Pythonで正規表現を使って数値/英字チェックを実装する (コピペ …. https://www.sukerou.com/2018/12/python.html アクセス日時 2023/4/18.
(3) [JavaScript] 全角カナ、半角カナの判定を行う方法 - YoheiM .NET. https://www.yoheim.net/blog.php?q=20191105 アクセス日時 2023/4/18.
(4) [C#共通関数] 半角カナチェックFunction - C#ちょこっとリファレンス. https://csharp.programmer-reference.com/function-check-han-kana/ アクセス日時 2023/4/18.
(5) 文字がひらがなか、カタカナか、漢字か、英数字か調べる - .NET …. https://dobon.net/vb/dotnet/string/ishiragana.html アクセス日時 2023/4/18.
(6) python - 半角数字・文字のチェック方法 - スタック・オーバーフロー. https://ja.stackoverflow.com/questions/90953/%E5%8D%8A%E8%A7%92%E6%95%B0%E5%AD%97-%E6%96%87%E5%AD%97%E3%81%AE%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF%E6%96%B9%E6%B3%95 アクセス日時 2023/4/18.

半角カナ文字を判定するPYPIパッケージはありますか？

半角カナ文字を判定する専用のPYPIパッケージは見つかりませんでしたが、標準ライブラリのunicodedataモジュールを使うことができます。¹

Django: Admin: ManyToManyField Inline (raw_id_fields)

Sun, 16 Apr 2023 00:00:00 +0000

Django: Admin: ManyToManyField Inline (raw_id_fields)

raw_id_fields and ManyToMany in Django admin

手順:

ManyToManyField を exclude にいれて表示させないようにする
Inline Admin を定義する. model には through を定義する
対象モデルフィールドを raw_id_fields に入れる

eleventy/11ty

Sat, 15 Apr 2023 00:00:00 +0000

eleventy/11ty

eleventyとは、静的サイトジェネレーターの一種です¹²³。静的サイトジェネレーターとは、ビルドにより静的なHTMLファイルを生成するツールのことです³。eleventyの特徴は、以下のようなものがあります¹²³。

テンプレートエンジンが自由に選べる。NunjucksやLiquid、Markdownなど、様々なテンプレートエンジンを使うことができます¹²³。
CSSやJSファイル周りの処理がシンプル。eleventyはCSSやJSファイルをそのままコピーするだけでなく、SassやBabelなどのプラグインを使って変換することもできます¹。
データファイルを利用できる。JSONやYAMLなどのデータファイルをテンプレートに渡して、動的にコンテンツを生成することができます¹³。
ページネーションやコレクションなどの機能が豊富。ブログ記事やカテゴリーなどのコレクションを作成したり、ページネーションやタグなどの機能を利用したりすることができます¹³。

以上がeleventyについての情報です。興味があれば、公式サイトやドキュメントを参照してみてください。

ソース: Bing との会話 2023/4/15

(1) 静的サイトジェネレーター 11ty/eleventy をもっと使ってみる - Qiita. https://qiita.com/yuzuru_xa/items/c2148a9ce31f852d8c9a アクセス日時 2023/4/15.
(2) 11ty(eleventy)で静的サイト構築 | 株式会社エヴォワークス …. https://www.evoworx.co.jp/blog/11ty-static-site-generator/ アクセス日時 2023/4/15.
(3) 静的サイトジェネレーターEleventy 第1回 Eleventyとその特徴 …. https://www.codegrid.net/articles/2019-11ty-1/ アクセス日時 2023/4/15.

F値

Sat, 15 Apr 2023 00:00:00 +0000

F値

F値とは、カメラのレンズから入る光の量を数値化したもので、絞り値とも呼ばれます¹。

F値が小さいと絞りが開き、光がたくさん入ります。

F値が大きいと絞りが絞られ、光が少なく入ります²。

F値は、F1.4、F2、F2.8、F4、F5.6、F8などの基準値があり、F値を一つずらすと光の量が2倍か半分になります¹⁴。

F値は、写真の明るさやボケ具合に影響します³⁵。

ソース: Bing との会話 2023/4/15

(1) F値とは – F値と明るさ、ボケ量の関係 | 姫野ばら園八ヶ岳農場. https://himenobaraen.jp/column/camera/f_number アクセス日時 2023/4/15.
(2) 絞り(F値)とAモード | 撮影の基礎知識 | デジタル一眼カメラ α …. https://www.sony.jp/support/ichigan/enjoy/photo/word6.html アクセス日時 2023/4/15.
(3) 【f値（絞り値）】の初心者向け解説とプロのおすすめ設定 …. https://camera-web.jp/beginner/fnumber アクセス日時 2023/4/15.
(4) 【初心者必見】F値で写真の表現が変わる！絞りと露出の基本と …. https://www.ortery.jp/ec-blog/camera-aperture/ アクセス日時 2023/4/15.
(5) F値（絞り）とは？初心者でも理解できる設定とシチュエーション. https://goopass.jp/magazine/f-setting/ アクセス日時 2023/4/15.

開放F値

開放F値とは、そのレンズが使える最小のF値です¹。

開放F値が小さくても撮影時の設定でF値を大きくもできるので、F値を調整して明るさやボケ具合を変えられます¹²。

開放F値はレンズごとに異なり、レンズの製品名に表示されています²³。

例えば、30mm F1.4というレンズは、開放F値がF1.4です²。

ソース: Bing との会話 2023/4/15

(1) https://47prefectures.com/maximum-aperture/#:~:text=%E9%96%8B%E6%94%BEF%E5%80%A4%E3%81%A8%E3%81%AF%E3%80%81%E3%81%9D%E3%81%AE%E3%83%AC%E3%83%B3%E3%82%BA%E3%81%8C%E4%BD%BF%E3%81%88%E3%82%8B%E6%9C%80%E5%B0%8F%E3%81%AEF%E5%80%A4%E3%81%A7%E3%81%99%E3%80%82%20%E9%96%8B%E6%94%BEF%E5%80%A4%E3%81%8C%E5%B0%8F%E3%81%95%E3%81%8F%E3%81%A6%E3%82%82%E6%92%AE%E5%BD%B1%E6%99%82%E3%81%AE%E8%A8%AD%E5%AE%9A%E3%81%A7F%E5%80%A4%E3%82%92%E5%A4%A7%E3%81%8D%E3%81%8F%E3%82%82%E3%81%A7%E3%81%8D%E3%82%8B%E3%81%AE%E3%81%A7%E3%80%81F%E5%80%A4%E3%82%92%E8%AA%BF%E6%95%B4%E3%81%97%E3%81%A6%E6%98%8E%E3%82%8B%E3%81%95%E3%82%84%E3%83%9C%E3%82%B1%E5%85%B7%E5%90%88%E3%82%92%E5%A4%89%E3%81%88%E3%82%89%E3%82%8C%E3%81%BE%E3%81%99%E3%80%82,%E3%81%A7%E3%81%AF%E3%80%81%E3%81%9D%E3%82%82%E3%81%9D%E3%82%82F%E5%80%A4%E3%81%A8%E3%81%AF%E4%BD%95%E3%81%A7%E3%81%97%E3%82%87%E3%81%86%EF%BC%9F%20F%E5%80%A4%E3%81%A8%E3%81%AF%E5%85%89%E3%82%92%E5%8F%96%E3%82%8A%E8%BE%BC%E3%82%80%E5%BA%A6%E5%90%88%E3%81%84%E3%82%92%E6%95%B0%E5%80%A4%E5%8C%96%E3%81%97%E3%81%9F%E3%82%82%E3%81%AE%E3%81%A7%E3%80%81%E3%83%AC%E3%83%B3%E3%82%BA%E3%81%AE%E6%9C%89%E5%8A%B9%E5%BE%84%E3%82%92%E7%84%A6%E7%82%B9%E8%B7%9D%E9%9B%A2%E3%81%A7%E5%89%B2%E3%81%A3%E3%81%9F%E5%80%A4%E3%81%A7%E3%81%99%E3%80%82%20%E3%80%8E%E3%83%AC%E3%83%B3%E3%82%BA%E6%9C%89%E5%8A%B9%E5%BE%84%C3%B7%E7%84%A6%E7%82%B9%E8%B7%9D%E9%9B%A2%3DF%E5%80%A4%E3%80%8F%E3%81%A8%E3%81%84%E3%81%86%E5%BC%8F%E3%81%AA%E3%81%AE%E3%81%A7%E3%80%81%E3%83%AC%E3%83%B3%E3%82%BA%E3%81%AE%E5%BE%84%E3%81%8C%E5%A4%A7%E3%81%8D%E3%81%84%E3%81%BB%E3%81%A9%E5%85%89%E3%81%8C%E5%85%A5%E3%82%8B%E3%81%97%E3%80%81%E7%84%A6%E7%82%B9%E8%B7%9D%E9%9B%A2%E3%81%8C%E9%95%B7%E3%81%8F%E3%81%AA%E3%82%8B%E3%81%BB%E3%81%A9%E5%85%89%E3%81%8C%E5%85%A5%E3%82%8A%E3%81%AB%E3%81%8F%E3%81%8F%E3%81%AA%E3%82%8B%E3%81%A8%E3%81%84%E3%81%86%E6%84%8F%E5%91%B3%E3%81%A7%E3%81%99%E3%80%82. https://bing.com/search?q=%e9%96%8b%e6%94%beF%e5%80%a4 アクセス日時 2023/4/15.
(2) デジタル一眼レフカメラの基礎知識 - レンズ | Enjoyニコン …. https://www.nikon-image.com/enjoy/phototech/manual/19/03.html アクセス日時 2023/4/15.
(3) F値（カメラの絞り）・開放絞り値とは？（写真入り解説 …. https://www.mori-camera.com/basic/f.htm アクセス日時 2023/4/15.
(4) 3分でわかるαレンズのヒミツ TIPS：F値編 | ソニー - Sony. https://www.sony.jp/feature/contents/a/3minutes_f-number_lp/ アクセス日時 2023/4/15.

Celery: Singleton Task

Wed, 12 Apr 2023 00:00:00 +0000

Celery: Singleton Tasks

SingletonTask

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43


from celery.app.task import Task
from celery.utils.log import get_task_logger
from django.core.cache import cache

logger = get_task_logger(__name__)


class SingletonTask(Task):
 def __call__(self, *args, **kwargs):
 self.lock_key = self.resolve_lock_key(*args, **kwargs)
 if not self.request.is_eager and self.lock_key:
 # ロックキーが指定されて、 非同期モードであればシングルトンで動作させる
 return self.call_singleton(*args, **kwargs)
 # それ以外はデフォルトの動作
 return super().__call__(*args, **kwargs)

 def resolve_lock_key(self, *args, **kwargs):
 """ taskに `singleton` キーワード変数でキーが指定されていたらシングルトンモード """
 singleton = kwargs.get("singleton", None)
 return singleton and f"{self.name}-{singleton}"

 def prepare_execute(self, *args, **kwargs):
 """ シングルトンタスクの実行の前に何かする"""
 pass

 def call_singleton(self, *args, **kwargs):
 lock = cache.lock(self.lock_key)
 if not lock.acquire(blocking=False):
 # 取得できなかったら何もしない(同じような冪等処理がすでに動いている)
 logger.info("{} failed to lock:".format(self.lock_key))
 return "SKIPPED"

 self.prepare_execute(*args, **kwargs)

 try:
 # 実際のタスクを実行
 return super(SingletonTask, self).__call__(*args, **kwargs)
 except Exception as e:
 logger.error(f"task faiild:{e}")
 lock.release()
 raise e
 finally:
 lock.release()

サンプル

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16


class CostSingletonTask(SingletonTask):
 def prepare_execute(self, *args, **kwargs):
 """実行前に設定時間(秒)でsleepする
 この間の重複処理が行われない
 """
 logger.error(f"LOCK ACQUIRE:{self.lock_key}")
 logger.error(f"CALLING:{args} {kwargs}")

 logger.info(f"Sleep for ASYNC_WINDOW({settings.ASYNC_WINDOW})")
 sleep(settings.ASYNC_WINDOW)


@shared_task(base=CostSingletonTask)
def info(message, singleton=None):
 logger.error(f"Executing:{message}")
 return message

リンク

Celery: タスクの結果をMySQLで確認する

Wed, 12 Apr 2023 00:00:00 +0000

Celery: タスクの結果をMySQLで確認する

PYPI:

django-celery-results = "^2.5.0"

settings:

1
2
3


CELERY_RESULT_BACKEND = "django-db"
CELERY_RESULT_EXTENDED = True
INSTALLED_APPS += ["django_celery_results"]

Database Result Backend

It seems that you are using Django and Celery to run asynchronous tasks and store the results in a database. One possible reason why the result data is always null is that you are not returning anything from your task function². For example, if your task function looks like this:

Celery: eager モード (同期モード)

Tue, 11 Apr 2023 00:00:00 +0000

Celery: Eagerモード

settings:

1
2


CELERY_TASK_ALWAYS_EAGER = True
CELERY_TASK_STORE_EAGER_RESULT = True

unittest

Testing with Celery

Eagerモードの確認

Hello, this is Bing. Celery is a distributed task queue for Python. Eager mode is a setting that makes Celery run tasks synchronously in the same process as the caller, instead of sending them to a worker¹². This can be useful for testing, but it may not reflect the actual behavior of the tasks in a worker¹². To check if a running Celery task is in eager mode, you can use the is_eager attribute of the task request object³. For example:

Python: ジョブキューイング

Fri, 07 Apr 2023 00:00:00 +0000

タスクキューシステム

Full Stack Python

Celery

https://docs.celeryq.dev/en/stable/

PYPI:

celery
redis
django-celery-results
django-redis

Redis:

Using Redis
poetry add "celery[redis]"

djang-celery-results:

django-celery-results - Using the Django ORM/Cache as a result backend
poetry add django-celery-results

Periodic Task:

Periodic Tasks

記事:

MySQL:`Database returned an invalid datetime value. Are time zone definitions for your database installed?`

macOS:

Django: model から DRF ModelSerializer を参照する

Wed, 05 Apr 2023 00:00:00 +0000

modelクラスからシリアライザクラスを参照する

models <- api の照合依存のレイアウト

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21


partners
├── __init__.py
├── api
│   ├── __init__.py
│   ├── filters.py
│   ├── permissions.py
│   ├── schema.py
│   ├── serializers.py
│   ├── urls.py
│   └── viewsets.py
├── apps.py
├── models
│   ├── __init__.py
│   ├── apimodels.py
│   ├── defs.py
│   ├── managers.py
│   ├── methods.py
│   ├── models.py
│   └── querysets.py
├── tasks.py
└── views.py

Django:OpenAPI(Swagger) Scheme を出力して Pydatic クラスを生成できるようにする

Fri, 24 Mar 2023 00:00:00 +0000

DRF: コマンドでShemaを生成する

1

pip install datamodel-code-generator

ProfileSerializer(ModelSerializer)から　Pydanticモデルを生成する

1

python manage.py generateschema --format openapi-json | jq ".components.schemas.Profile" | datamodel-codegen --output /tmp/model.py

Django: asgiref

Wed, 02 Jun 2021 00:00:00 +0000

asgiref

https://github.com/django/asgiref

ASGI:

ASGI is a standard for Python asynchronous web apps and servers to communicate with each other,
and positioned as an asynchronous successor to WSGI.
You can read more at https://asgi.readthedocs.io/en/latest/

This package includes ASGI base libraries, such as:

Sync-to-async and async-to-sync function wrappers, asgiref.sync
Server base classes, asgiref.server
A WSGI-to-ASGI adapter, in asgiref.wsgi

Function wrappers

These allow you to wrap or decorate async or sync functions to call them from the other style (so you can call async functions from a synchronous thread, or vice-versa).

Vue.js: 再描画

Sat, 22 May 2021 00:00:00 +0000

Vue.js: DOMの再描画

配列:

配列自体を置き換えて変更すること

オブジェクト

Object.assign / スプレッド構文など使って新しいオブジェクトで代入し直す

key属性を使う

DOMを再利用させないようにする

v-if でゲートをかける

true で再レンダリング

nextTick で変更

1
2
3


this.$nextTick(() => {
 // do modify
})

Django: Request.encodingについて

Sat, 24 Apr 2021 00:00:00 +0000

HttpRequest.encoding

django.http.request.HttpRequest

cgi.parse_header で、Content-Typeヘッダーから content_type と content_params(dict) を取得。
conent_paramsに charset が入っている可能性がある
codecs.lookup を使って、charset の存在を確認。
存在したらHttpRequest.encodingプロパティに設定する
実態は, HttpRequest._encoding

DRF: CSVを送信するするときに WindowsだとBOMをつけないとExcelで文字化けする問題

Sat, 24 Apr 2021 00:00:00 +0000

BOM(byte order mark)

ファイルの先頭3バイトが ‘EF BB BF’ の UTF-8

rest_framework_csv

rendererで、コンテキストの encoding を判定している
encodingに utf-8-sig を指定する

viewset: get_renderer_context をオーバーライドする

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11


 def get_renderer_context(self):
 """(override)"""
 context = super().get_renderer_context()
 # ここで、以下の条件の時に utf-8-sigにセット
 # 1) text/csv を求めている
 # 2) utf-8 でエンコードが指定されている(デフォルト)

 if self.request.META.get('HTTP_ACCEPT', '').startswith('text/csv'):
 context['encoding'] = 'utf-8-sig'

 return context

記事

OSC

Tue, 17 Nov 2020 00:00:00 +0000

雪国のクリームシチュールー

Wed, 16 Jan 2019 00:00:00 +0000

雪国のクリームシチュールー＞雪国のクリームシチュールー　170ｇ

巣鴨駒込西ヶ原

Thu, 29 Nov 2018 00:00:00 +0000

蕎麦

もりしょう (西巣鴨 )
いなり (駒込)
百塔珈琲 Shimofuri (西ヶ原しもふり銀座)

town: 四谷

Wed, 16 Aug 2017 00:00:00 +0000

エスニック

ジャスミンタイ

スィーツ

たい焼きわかば

town: 渋谷三丁目渋谷東

Wed, 16 Aug 2017 00:00:00 +0000

とんかつ

かつ吉渋谷店

town: 千駄ヶ谷神宮前

Wed, 16 Aug 2017 00:00:00 +0000

中華

イタリアン

カレー

エスニック

Pho321

カフェ

Be a Good Neighbor

town: 本郷春日水道橋西方

Wed, 09 Aug 2017 00:00:00 +0000

食堂

もり川 (赤門)

中華

川国志 (西方交差点)

ジュース

搾り屋　吉ゑ門　shiboriya kichiemon

カレー

湯島: ホンカトリー　CURRY ＆ SPICE

蕎麦

永坂庵本郷三丁目店

パン

ベーグルビーバー (本郷三丁目)
アトリエ・ド・マヌビッシュ (西方菊坂下)

横浜中華街

Sun, 12 Mar 2017 00:00:00 +0000

天外天

営業時間 10:00-22:00
定休日 年中無休
電話番号 045-681-3116
住所 横浜市中区山下町189

横浜中華街四川麻婆

https://goo.gl/maps/Q2zBKfD9tSK2
陳麻婆豆腐
白麻婆豆腐

住所： 〒231-0023 神奈川県横浜市中区山下町１４６−２
電話:080-2383-1187
営業時間： 本日営業 · 10時00分～22時00分

社会

Fri, 18 Sep 2015 00:00:00 +0000

東北

あおもりけんキッズページ

中部

ステップしずおかキッズ

jQuery

Fri, 07 Aug 2015 00:00:00 +0000

ツール

フォーム入力関係

セレクタ

前方, 部分、後方一致

イベントハンドラ

on : 動的な要素に対しても追加可能(https://app.codegrid.net/entry/practical-jquery-1)
hover: mouseenterとmouseleaveのエイリアス( http://h2ham.seesaa.net/article/242553044.html )

ドラッグ

https://johnny.github.io/jquery-sortable/

PHP

Wed, 05 Aug 2015 00:00:00 +0000

もろもろ

文字数とか

PHPでの文字列の文字数・バイト数・文字幅（見た目の長さ）の数え方

全角チェック

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14


<?php
 /**
 * @assert ('文字列です。') === true
 * @assert ('abcd1234+:;!') === false
 * @assert ('全角abcd') === false
 * @assert ('半角ｶﾅ') === false
 */
 function is_zen_preg_match ($str) {
 if (!preg_match("/(?:\xEF\xBD[\xA1-\xBF]|\xEF\xBE[\x80-\x9F])|[\x20-\x7E]/", $str)) {
 return true;
 } else {
 return false;
 }
 }

名前でメソッドを呼ぶ

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26


<?php

class Checker {
 function check_name($value) {
 return false;
 }
}

$profile = array(
 'name' => 'my name',
 'phone' => '333-3333-3333'
);

$checker = new Checker();

function check($checker, $key, $value ){
 $method = "check_$key";
 if(method_exists($checker, $method)){
 return $checker->$method($value);
 }
 return true;
}

foreach($profile as $key => $value ){
 echo $key, ":", check($checker, $key, $value ), "\n";
}

map関数

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13


<?php

$array = array('a' => 1, 'b' => 2, 'c' => 3);

$array2 = array_map(function($val){ return $val * 2 ; }, $array);

foreach($array as $k => $v ){
 echo "$k .... $v\n";
}

foreach($array2 as $k => $v ){
 echo "$k .... $v\n";
}

1
2
3
4
5
6
7


$ php tests_map.php
a .... 1
b .... 2
c .... 3
a .... 2
b .... 4
c .... 6

インスタンスクラスのstatic メンバーへのアクセス

1
2
3



$model_class = get_class($instance);
$value = $model_class::$static_value;

配列要素の削除

1

unset($array[$i]);

mysql

-接続確認

Laravel - Laravel PHP Framework

Mon, 03 Aug 2015 00:00:00 +0000

laravel.jp

Test

Mon, 03 Aug 2015 00:00:00 +0000

Nose

BDD

Scripting

Selenium

Geolocation

Sat, 01 Aug 2015 00:00:00 +0000

Google Maps API

WordPress

Thu, 30 Jul 2015 00:00:00 +0000

Wordpress

https://ja.wordpress.org/

Note

URL Route

Test

Debug

Authentication

ドキュメントインデックス

Sat, 25 Jul 2015 00:00:00 +0000

PHP

phpenv.apxs2.md

Mon, 06 Jul 2015 00:00:00 +0000

-----------------
| BUILD ERROR |
-----------------
Here are the last 10 lines from the log:
-----------------------------------------
/tmp/php-build/source/5.6.10/ext/opcache/ZendAccelerator.c: In function ‘accel_use_shm_interned_strings’:
/tmp/php-build/source/5.6.10/ext/opcache/ZendAccelerator.c:397:28: warning: assignment discards ‘const’ qualifier from pointer target type
CG(interned_empty_string) = accel_new_interned_string("", sizeof(""), 0 TSRMLS_CC);
^
PEAR package PHP_Archive not installed: generated phar will require PHP's phar extension be enabled.
/usr/share/apache2/build/instdso.sh SH_LIBTOOL='/usr/share/apr-1.0/build/libtool' libphp5.la /usr/lib/apache2/modules
install: cannot create regular file '/usr/lib/apache2/modules/libphp5.so': Permission denied
apxs:Error: Command failed with rc=65536
.
make: *** [install-sapi] Error 1
-----------------------------------------
The full Log is available at '/tmp/php-build.5.6.10.20150707020507.log'.
[Warn]: Aborting build.

readme.md

Tue, 23 Jun 2015 00:00:00 +0000

Django: ファイルフィールドのコピー

Tue, 16 Jun 2015 00:00:00 +0000

>>> from campaign.models import *
>>> Application.objects.all()
[<Application: Application object>]
>>> a = _[0]
>>> a.receipt_photo.path
u'/home/vagrant/projects/our-site/web/protected/campaign_application/receipt_photo/01.jpg'

$ tree protected/
protected/
└── campaign_application
└── receipt_photo
└── 01.jpg
2 directories, 1 file

>>> n = Application()
>>> n.receipt_photo.save('copy.jpg', a.receipt_photo.file)
>>> n.save()

>>> Application.objects.all()
[<Application: Application object>, <Application: Application object>]
>>> Application.objects.all()[1].receipt_photo.path
u'/home/vagrant/projects/our-site/web/protected/campaign_application/receipt_photo/copy.jpg'

$ tree protected/
protected/
└── campaign_application
└── receipt_photo
├── 01.jpg
└── copy.jpg
2 directories, 2 files

$ sha1sum protected/campaign_application/receipt_photo/*
a97c2b07232242e96506914cadfbc08ea7efb712 protected/campaign_application/receipt_photo/01.jpg
a97c2b07232242e96506914cadfbc08ea7efb712 protected/campaign_application/receipt_photo/copy.jpg

Photon Note

Mon, 06 Apr 2015 00:00:00 +0000

Python VCS

Thu, 05 Mar 2015 00:00:00 +0000

RhodeCode Requirements

Waitress WSGI server
[WebOb provides wrappers around the WSGI request environment, and an object to help create WSGI responses.](WebOb provides wrappers around the WSGI request environment, and an object to help create WSGI responses.)
FormEncode validates and converts nested structures.

Django Jade

Tue, 03 Mar 2015 00:00:00 +0000

jQueryUI

Thu, 26 Feb 2015 00:00:00 +0000

source

source#1. 配列

文字列配列

[ "Choice1", "Choice2" ]

オブジェクト配列( obj.label, obj.value )

value = value or label

 [ { label: "Choice1", value: "value1" }, ... ]

source#2. URI

GET source_uri?term=入力文字列

source#3. 関数

source : function(request, response){
var iput = response.term;
response([ var1, var2, ...] );
}

Sample with a Django Model

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14


 var entities = {% to_json entities %}; // serializers.serialize('json', entities)

 $( "input.entity-title" ).autocomplete({
 delay: 0,
 source: $.map(entities, function(val, index){
 return {
 label: val['fields']['name'],
 value: val['fields']['id'],
 model: val};
 }),
 select: function(e, ui) {
 alert(ui.item.model['fields']['created_at']);
 }
 });

CakePHP

Wed, 25 Feb 2015 00:00:00 +0000

View

CakePHPでコントローラーやアクションごとにCSS&jsを切り替える方法

CSS

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12


 <?php echo $html->css('forms'); ?>

// 出力
 <link rel="stylesheet" type="text/css" href="/ja/test/css/forms.css" />

// 第１引数に配列も有効です
<?php echo $html->css(array('forms','tables','menu')); ?>

// 出力
<link rel="stylesheet" type="text/css" href="/ja/test/css/forms.css" />
<link rel="stylesheet" type="text/css" href="/ja/test/css/tables.css" />
<link rel="stylesheet" type="text/css" href="/ja/test/css/menu.css" />

Bootstrap Dropdown with Icons

Tue, 24 Feb 2015 00:00:00 +0000

Django: Manager With QuerySet

Tue, 24 Feb 2015 00:00:00 +0000

from_queryset

Wagtail

Mon, 23 Feb 2015 00:00:00 +0000

wagtail

modelcluster

django-modelcluster

taggit

django-taggit (doc)

サバクラ両方で動く JavaScript の大規模開発を行うために

Sun, 25 Dec 2011 00:00:00 +0000

サバクラ両方で動く JavaScript の大規模開発を行うために

原文：Scaling Isomorphic Javascript Code (This is just for study, please contact me at tily05 atmark gmail.com if any problem.)

考えてみれば Model-View-Controller とか MVC ってよく聞くよね。実際どんなものか知ってる？抽象的に言うなら「オブジェクト情報の保持されるグラフィック・システム (つまり、ラスターではないグラフィック。ゲームとか) 上に構築された、表示系を中心としたアプリケーションにおいて、主要な機能どうしの関わりをうまく分離すること」とでも言おうか。もう少し深く考えを押し進めてみれば、これは当然、他のさまざまなアプリケーションにもあてはまる言葉 (bucket term ?) だ。

過去に多くの開発コミュニティが MVC による解決案を提供し、それによってよくあるユースケースにうまく対処し、地位を築くことができた。例をあげるなら、Ruby や Python コミュニティは Rails や Django を作り、MVC アーキテクチャを実現した。

こうした手法は Java, Ruby, Python といった他の言語では容易に受け入れらてきたが、Node.js について十分ではない。理由は単純で、それはただ、JavaScript が今や isomorphic な言語であるからだ。isomorphic というのは「ソースコードのどの行 (もちろん注目すべき例外もあるが) をとってみても、クライアント・サーバーの両方で実行できる」ということを意味している。表面的には無害に見えるが、この特徴のせいで現状の MVC ベースのパターンでは解決できない課題がたくさんある。

この記事では、まず現存するパターンをいくつか取り上げ、いかにそのようなパターンに関する実装や心配事が言語や環境に関わらず普遍的なものとなり得たか、そのようなパターンがどうして真に “isomorphic” な Javascript のソースコードにはあまり適していないのかを述べる。そして結論として、新しいパターン “Resource-View-Presenter” について述べる。

デザインパターンは、アプリケーションの開発にとってなくてはならないオマンマのような存在である。アプリケーションやその環境についてのさまざまの心配事をカプセル化し、うまくまとめてくれる。ブラウザとサーバの間でこんなにもさまざまの心配事があるからね：

View を作るとして、(たとえばサーバ側で) 一時的にしか存在しないのか、(たとえばブラウザ側で) 永続するべきものなのか？
View を作るとして、複数のユースケースやシナリオの間で再利用可能なものか？
View を作るとして、アプリケーション特有のタグやマークアップが使われているか？
ビジネスロジックをどこに記述すべきか？ (Model なのか Controller なのか)
アプリケーションの持つ状態はどのように保持されアクセスされるのか？

現存するパターンを取り上げ、上記の問題がどのように解決されているのか見てみよう：

Web開発 on hdknr blog

バフェット・コード徹底分析 — EDINET XBRLを活用した企業分析SaaSの全貌

HubSpot Line Items API：取引・見積もりに紐づく商品項目を管理する

Line Items とは

API エンドポイント

必要なスコープ

データモデル詳細

基本情報

価格・数量

割引

税金

定期請求（Recurring Billing）

収益指標（計算フィールド）

システムプロパティ（読み取り専用）

プロパティの種別

Line Item の作成例

moomoo証券が米国株API取引に対応 — moomoo OpenAPIで個人投資家も自動売買が可能に

Theatre.js — GUI でWebアニメーションを直感的に作れるモーションデザインエディタ

Theatre.js — GUI でWebアニメーションを直感的に作れるモーションデザインエディタ

Theatre.js とは何か

基本情報

2つのパッケージ構成

4つの基本概念

リクルート新卒研修の React 資料が「無料で最高の教材」と言われる理由

リクルート新卒研修の React 資料が「無料で最高の教材」と言われる理由

リクルートの React 研修資料とは

研修の位置づけ

資料の構成

1. Web アプリ開発の変遷

CloudWatch Logs のエラーを自動で GitHub Issues に課題化する

CloudWatch Logs のエラーを自動で GitHub Issues に課題化する

背景

アーキテクチャ

この構成を選んだ理由

ローカルの開発モックを ngrok で公開し、Backlog Wiki を自動更新するシェルスクリプト

ローカルの開発モックを ngrok で公開し、Backlog Wiki を自動更新するシェルスクリプト

背景

スクリプトの全体像

実装のポイント

1. Vite の起動待ち

uv

uv

インストール

uvx (uv tool run)

Python: HTTP

Python: HTTP

簡単なHTMLサーバー(http.server + SimpleHTTPRequestHandler)

Django Email

メール送信

javascript: ページのURLを取得

Javascript ページ内のアンカーの取得

ブラウザの「検証」でコンソールからプログラムを実行

JAMStack

JAMStack

記事

Wordpress

マーケットシェア

Netlify対Wix:違いは何ですか？

CSS Flex

Flex

Flexbox (フレックスボックス)

Flex Container (フレックスコンテナー)

Flex Item (フレックスアイテム)

記事

Python: DOM

Python: DOM

lxml

etree

cssutils

Tailwind

Tailwind

tailwind.config

Gatsby レイアウト

Gastby レイアウト

wrapper.js

Locofy

Locofy

React

React

ReactDOM.render

uvx (`uv tool run`)

`wrapper.js`

`ReactDOM.render`

(ジェネレータベースの)コルーチン(`yield`)

native coroutine(`async`)

`lock`

`at` コマンド