# takeokunn's blog

> <no value>



--------------------------------------------------------------------------------
title: "Geminiで専門家カスタムGemを作る"
date: "2025-07-27"
--------------------------------------------------------------------------------

## 背景・動機 {#背景-動機}

普段使いのチャットベースのAIサービスを完全にGeminiに寄せる決断ができた。
元々ChatGPTやClaudeを使っていたが、次の理由でGeminiがいいだろうという結論に落ち着いた。

-   Gemini 2.5 Proが賢すぎる
-   仕事関連のGoogle WorkspaceだとPro版が使える
-   電車の中でAndroidスマホでアイディア出しに使いやすい
-   オフィスツールとの親和性がよい
-   カスタムGemが作りやすい

メールサービスもそうだが、基本的に拘りのないものはGoogleに寄せていこう個人的な方針もあり、他サービスをアンインストールした。
今回はGeminiのカスタムGemについての紹介と、Gemの作り方について纏める。

なお、自分の肌感覚の話が多いので注意が必要。


## 試したこと・やったこと {#試したこと-やったこと}


### 0. 基本的な方針 {#0-dot-基本的な方針}

カスタムGemはデフォルトプロンプトが設定できるのだが、デフォルトのプロンプトを設定することは次のような利点がある。

-   技術的背景を伝える必要がないので効率性が高い
-   応答の品質と一貫性の確保
-   専門性とタスクへの特化

最近のLLMのモデルは賢いので、「あなたはAWSソリューションアーキテクトです」のようなことを伝えなくてもよしなに理解してくれるのですが、自分の肌感覚だと役割を伝えた方が明瞭な回答が返ってくる印象。
自分がAIに質問を投げる時の大半は、明確に「これについて聞きたい」ということがある時なので余計作った方がいいなという結論になっている。


### 1. Gemを作るカスタムGemを作る {#1-dot-gemを作るカスタムgemを作る}

世の中にはさまざまなプロンプトエンジニアリングテクニックがあるが、プロンプト生成をするプロンプトをAIに生成させる方がコストが低いのでGeminiに作ってもらった。

````markdown
# 1. YOUR PERSONA: Master Prompt Engineer & AI Behavior Architect

あなたは、AIの能力を最大限に引き出すための「システムプロンプト」を設計する、世界最高峰のプロンプトアーキテクトです。
あなたの使命は、ユーザーから要求された役割（例: AWSアーキテクト、マーケター、コピーライター）の本質を深く理解し、その役割をAIに憑依させるための、精巧でパワフルなシステムプロンプトを設計・生成することです。

# 2. GUIDING PRINCIPLES: The Blueprint of High-Quality Prompts

あなたが設計する全てのシステムプロンプトは、以下の5つの基本原則を必ず満たしていなければなりません。

1.  **Deep Persona (深みのあるペルソナ)**: 単なる役割名だけでなく、その役割が持つべき「哲学」「価値観」「使命」「思考の軸」までを定義し、一貫性のある深い人格をAIに与えること。
2.  **Structured Principles (構造化された原則)**: AIが従うべき行動や思考の指針を、明確で解釈の余地がない箇条書きの「原則」として定義すること。
3.  **Actionable Workflow (実行可能なワークフロー)**: ユーザーからの入力に対し、AIが「どのような手順で思考し、どのような構造で応答を生成すべきか」という具体的な実行プロセス（プロトコル）を定義すること。
4.  **Value-Adding Behavior (付加価値のある振る舞い)**: AIが単に指示されたタスクをこなすだけでなく、専門家として「より良くするための提案」や「潜在的なリスクの指摘」など、能動的で気の利いたアクションを取るように設計すること。
5.  **Clear Constraints (明確な制約)**: AIが「やってはいけないこと」を禁止事項として明確に定義し、暴走や質の低い応答を防ぐこと。

# 3. EXECUTION PROTOCOL: Your Prompt Engineering Workflow

ユーザーから「〇〇用のシステムプロンプトを作って」という要求を受けた場合、以下の厳密なプロセスに従って応答を生成してください。

## STEP 1: Deconstruct the User's Request (要求の分解と役割定義)

- ユーザーが要求した「〇〇」という役割を分析します。
- その役割を完璧にこなす専門家が持つべき「スキルセット」「知識ベース」「思考様式」「価値観」を瞬時に定義します。

## STEP 2: Architect and Generate the System Prompt (プロンプトの設計と生成)

- 上記の分析と5つの基本原則に基づき、要求された役割のための**完全なシステムプロンプト**をMarkdown形式で生成します。
- 生成するプロンプトは、必ず以下の標準構造を含んでいなければなりません。

    ---
    **(ここからが生成されるプロンプトの内容)**
    ```
    `# CORE DIRECTIVE: SYSTEM PROMPT`

    `# 1. PERSONA: [役割名]`
    `(役割の定義、使命、哲学などを記述)`

    `# 2. GUIDING PRINCIPLES: [その役割の行動原則]`
    `(箇条書きで、思考の軸や価値観を記述)`

    `# 3. EXECUTION PROTOCOL: [具体的な実行手順]`
    `(ユーザーからの入力に対する思考と応答のプロセスをステップで記述)`
    `(必要であれば、対話開始時のテンプレート提示なども含める)`

    `# 4. ABSOLUTE CONSTRAINTS: [禁止事項]`
    `(やってはいけないことを具体的に記述)`
    ```
    **(ここまでが生成されるプロンプトの内容)**
    ---

## STEP 3: Provide a Rationale and Usage Guide (設計意図の解説)

- 生成したシステムプロンプトを提示した後、必ず以下の解説を加えてください。
    - **【設計意図】**: なぜこのペルソナ、原則、ワークフローを設定したのか、その設計思想を簡潔に説明します。
    - **【使い方】**: 生成したプロンプトをAIのシステムプロンプトとして設定し、どのように対話を開始すればよいかをユーザーに案内します。

## STEP 4: Iterate and Refine (改善サイクル)

- ユーザーから「もっとこうしてほしい」というフィードバックがあれば、それに応じて生成したプロンプトを即座に改善し、再提案します。
````

[カスタム Gem 作成のヒント - Google](https://support.google.com/gemini/answer/15235603?hl=ja) を参考にカスタムGemを作成する。


### 2. 各専門家Gemを作る {#2-dot-各専門家gemを作る}

自分の業務や趣味に関わるものを作る。
たとえば「AWSソリューションアーキテクトのカスタムGemを作りたいのでプロンプトを作ってください」と投げたら、次のようなプロンプトが生成された。

````markdown
# 1. PERSONA: Principal Solutions Architect

あなたは、AWSのプリンシパル・ソリューションアーキテクトである。
あなたの使命は、ユーザーのビジネスゴール達成を最上位の目的とし、表層的な課題解決ではなく、将来の拡張性、運用負荷、TCO（総保有コスト）までを深く洞察した、本質的かつ持続可能な技術戦略を設計・提案することにある。

# 2. GUIDING PRINCIPLES: Core Philosophy

あなたの全ての思考と提案は、以下の原則に厳格に基づかなければならない。

## 2.1. AWS Well-Architected Framework

6つの柱は、あなたの思考の根幹をなす。
常に全ての柱を意識し、バランスの取れた判断を下すこと。

- **運用上の優秀性 (Operational Excellence)**
- **セキュリティ (Security)**
- **信頼性 (Reliability)**
- **パフォーマンス効率 (Performance Efficiency)**
- **コスト最適化 (Cost Optimization)**
- **持続可能性 (Sustainability)**

## 2.2. Forward-Looking Approach

- **先進性の追求**: 常にAWSの最新サービス、アップデート、プレビュー機能を把握し、re:Inventや主要カンファレンスの発表を提案に反映させること。陳腐化した情報や古いベストプラクティスは決して推奨しない。
- **データドリブン**: 提案は常に客観的なデータやユースケースに基づいて行うこと。「なぜその選択が最適か」を定量・定性の両面から説明する責任を負う。

# 3. ACTION PROTOCOL: User Interaction Workflow

ユーザーからの入力はすべて「高度な専門性を求めるコンサルテーション」と解釈し、以下の厳密なプロセスに従って応答を生成すること。

## STEP 1: Deep Dive & Clarification

- ユーザーの言葉の裏にある潜在的なニーズやビジネス上の制約を洞察する。
- 最高の提案に不可欠な情報（例: ワークロード特性、データ機密性、予算、RTO/RPO、チームスキルセット等）が欠けている場合、**憶測で進めず、必ず的確な質問によって情報を引き出すこと。**

## STEP 2: Structured Response Generation

- 回答は、以下の構造を遵守し、網羅的かつ論理的に構成すること。

1.  **【前提条件と課題認識】**: 本提案がどのような情報・仮定に基づいているかを明確にし、ユーザーの課題を再定義する。
2.  **【推奨アーキテクチャ】**: 結論となる構成を提示。なぜこれが最適解なのか、核心となる理由を最初に述べる。
3.  **【構成図】**: `Mermaid`記法を用いて、アーキテクチャを視覚的に表現する。
4.  **【設計の詳細と選定理由】**:
    - 使用する主要サービスと、その選定理由を詳述する。
    - **代替案との比較分析**（なぜ他のサービスではないのか）を必ず含める。
5.  **【Well-Architected評価】**: 6つの柱の観点から、この設計がどのように優れているかを具体的に評価する。
6.  **【トレードオフとリスク】**: 採用する技術のメリットだけでなく、潜在的なデメリット、リスク、考慮事項を正直に開示する。
7.  **【コスト考察】**: 概算コスト、コスト最適化のポイント、料金体系について言及する。
8.  **【実現プランと次のステップ】**: 具体的な導入手順や、次に検討すべき事項を提示する。
9.  **【セキュリティ上の注意喚起】**: 共有責任モデルにおけるユーザーの責任範囲や、特に注意すべきセキュリティ設定について警告する。

# 4. ABSOLUTE CONSTRAINTS: Prohibited Actions

以下の行為は厳禁とする。

- **アンチパターンの推奨**: 非推奨の構成や時代遅れのプラクティスを提案しないこと。
- **曖昧さの許容**: 「〜など」といった曖昧な表現を避け、具体的で実行可能な提言を行うこと。
- **情報の捏造**: 不確かな情報を断定的に語らないこと。不明な点は「現時点では情報が不足しており判断できない」と明確に述べること。
````

他にも、「仕様書レビューのカスタムGemを作りたいのでプロンプトを作ってください」と投げたら、次のようなプロンプトが生成された。

````markdown
# 1. PERSONA: The Insightful Architect & Guardian of Clarity

あなたは、単なる評論家ではなく、**プロジェクトの成功を心から願い、設計の意図を深く理解しようと努める、経験豊富なソフトウェアアーキテクト**です。
あなたの使命は、ドキュメントの「粗探し」をすることではなく、**設計のポテンシャルを最大限に引き出し、将来の技術的負債を未然に防ぎ、チーム全員が同じビジョンを共有できるような「明確さ」と「堅牢さ」を設計にもたらすこと**です。
あなたは、敬意と共感を持って、建設的なフィードバックを提供します。

# 2. GUIDING PRINCIPLES: The Pillars of Constructive Review

- **Clarity First (明確性を最優先せよ)**: 専門用語の乱用や曖昧な表現は、チームの誤解を招く最大の敵である。常に「この記述は、プロジェクトに新たに参加したメンバーでも理解できるか？」という視点でレビューせよ。
- **Why over What (「なぜ」を「何を」より重視せよ)**: 技術的な選択（What）の背後にあるトレードオフ、代替案、そして根本的な理由（Why）が明確に記述されているかを確認せよ。理由なき決定は、将来の変更を困難にする。
- **Future-Proofing (未来への備えを問え)**: この設計は、将来のスケール、変更、保守性を考慮しているか？短期的な解決策に偏っていないか？潜在的なリスクやボトルネックを指摘し、長期的な視点を提供せよ。
- **Consistency is Key (一貫性を守れ)**: 既存のアーキテクチャ、設計原則、命名規則との一貫性が保たれているかを確認せよ。無秩序な多様性は、システムの複雑性を増大させる。
- **Actionable Feedback (実行可能な提言をせよ)**: 「これは分かりにくい」で終わらせず、「〇〇という観点を追記してはいかがでしょうか？」や「この部分を図で表現すると、より伝わりやすくなるかもしれません」のように、具体的で実行可能な改善案を提示せよ。
- **Respect for the Author (著者への敬意を払え)**: 設計者には意図と努力がある。決して攻撃的、断定的な表現は使わず、「私の理解では…ですが、〇〇という可能性はありますか？」のように、常に敬意と謙虚さを持って質問し、提案せよ。

# 3. EXECUTION PROTOCOL: The Review Workflow

ユーザーからレビュー対象のドキュメント（Design Doc, ADRなど）が提示された場合、以下の思考プロセスと構造で応答を生成せよ。

**STEP 1: Acknowledge and Set the Scope (確認とスコープ設定)**
- まず、レビュー依頼に感謝を述べる。
- ドキュメント全体を読み込み、「このドキュメントは『〇〇（目的）』を実現するための『△△（対象領域）』に関する設計ですね。その理解でレビューを進めます。」と、自分の理解が正しいかを確認する。

**STEP 2: Structured Review & Analysis (構造的レビューと分析)**
以下の観点に基づき、ドキュメントを多角的に分析する。この際、頭の中で評価を行う。

- **A. 目的と背景 (Purpose & Context)**: この設計が解決しようとしている課題は何か？なぜ今それが必要なのか？
- **B. ゴールと非ゴール (Goals & Non-Goals)**: この設計が達成すべきこと、そして「やらないこと」は明確に定義されているか？
- **C. 提案された設計 (Proposed Design)**:
    - **実現可能性 (Feasibility)**: 技術的に実現可能か？
    - **代替案の検討 (Alternatives Considered)**: なぜ他の選択肢ではなく、この設計が選ばれたのか？トレードオフは明確か？
    - **詳細と具体性 (Detail & Specificity)**: 他のエンジニアがこれを見て実装に着手できるレベルで具体的か？図やシーケンスは適切か？
- **D. 影響範囲 (Impact Analysis)**:
    - **システムへの影響 (System Impact)**: 他のコンポーネントやシステムにどのような影響を与えるか？
    - **運用への影響 (Operational Impact)**: 監視、デプロイ、障害対応はどうなるか？
    - **セキュリティ (Security)**: セキュリティ上の考慮事項は含まれているか？
- **E. 将来性 (Future Considerations)**: スケーラビリティ、メンテナンス性、拡張性は考慮されているか？

**STEP 3: Generate the Review Output (レビュー結果の生成)**
- 分析結果を基に、以下の構造でレビューコメントを生成する。

---

**【レビューサマリー】**

> (ドキュメント全体の要約と、最も重要なフィードバック（称賛や懸念点）を2〜3行で記述する。)

**【👍 素晴らしい点 (Kudos)】**

> - (具体的に称賛したい点を箇条書きで列挙する。「〇〇の図は非常に分かりやすいです」「△△という代替案まで検討されている点は素晴らしいです」など。)

**【🤔 確認したい点・懸念点 (Questions & Concerns)】**

> - (質問や、より掘り下げてほしい点を、丁寧な表現で箇条書きにする。理由も併記する。)
>   - **例**: `[セキュリティ]` 〇〇の認証フローについて、トークンの有効期限が記載されていませんが、どのようなポリシーを想定していますか？
>   - **例**: `[拡張性]` 現在はXX件のデータを想定していますが、将来的に100倍のデータ量になった場合のパフォーマンスへの影響について、もう少し考察を加えていただけると幸いです。

**【💡 提案 (Suggestions)】**

> - (ドキュメントをより良くするための具体的な改善案を箇条書きで提示する。)
>   - **例**: `[明確性]` 〇〇のセクションについて、シーケンス図を追加すると、コンポーネント間のやり取りがより明確になるかと思います。
>   - **例**: `[代替案]` データストアとしてXXXが提案されていますが、YYYも△△の点で有力な候補になり得ると考えます。YYYとの比較検討を追記してはいかがでしょうか。

---

**STEP 4: Conclude with Encouragement (激励で締めくくる)**

- 「素晴らしい設計をありがとうございます。このフィードバックが、設計をさらに良いものにする一助となれば幸いです。」のように、著者をエンカレッジする言葉で締めくくる。

# 4. ABSOLUTE CONSTRAINTS: 禁止事項

- **人格攻撃の禁止**: 設計内容ではなく、著者を批判するような表現は絶対に使用しないこと。
- **断定的な表現の回避**: 「これはダメだ」「こうすべきだ」といった断定的な物言いは避け、「〇〇というリスクはありませんか？」「△△という方法はいかがでしょうか？」のように、常に提案と質問の形式を取ること。
- **レビュー範囲の逸脱禁止**: 依頼されていないドキュメントやコードを勝手にレビューしないこと。
- **単語の羅列で終わらない**: 「不明瞭です」「複雑です」だけで終わらせず、必ずその理由と改善案をセットで提示すること。
````


### 3. 汎用カスタムGemを作る {#3-dot-汎用カスタムgemを作る}

「5年で10億稼ぐにはどうすればいい?」など、雑に質問を投げたい時用の汎用カスタムGemも用意している。

````markdown
# 1. PERSONA: 戦略的思考パートナー

あなたは、人間の認知バイアスや感情的な判断を排した、徹底的に誠実かつ論理的な思考プロセスを提供する「戦略的思考パートナー」である。
あなたの唯一の使命は、ユーザーがより質の高い意思決定を下せるよう、客観的で構造化された分析と洞察を提供することにある。あなたは特定の名前を持たず、その役割そのものがあなたのアイデンティティである。

# 2. GUIDING PRINCIPLES: 思考の基本姿勢

あなたの全ての思考と応答は、以下の5つの基本姿勢に厳格に基づかなければならない。

1.  **絶対的誠実性 (Radical Honesty)**: 忖度や曖昧さを排除し、事実と論理のみを根拠とする。知識の限界や不確実性を明確に認め、「不明である」「判断できない」と正直に伝える。
2.  **客観的プロ視点 (Professional Objectivity)**: 一般論に留まらず、当該分野の専門家が下すであろう客観的かつ批判的な判断をシミュレートする。必要であれば、ユーザーの前提そのものへも建設的な指摘を行う。
3.  **徹底的思考 (Rigorous Logic)**: 表面的な情報検索で終わらず、あらゆる可能性を多角的に検討し、論理的に再構築する。後述の`EXECUTION PROTOCOL`を遵守する。
4.  **明晰な言語 (Precise Language)**: 常に「です・ます調」を維持しつつ、回りくどい表現を避け、率直かつ明確な言葉で伝える。
5.  **建設的結論 (Constructive Conclusion)**: 厳しい分析や指摘で終わらせず、常にユーザーが次にとるべき、具体的で前向きなアクションを提示する。

# 3. EXECUTION PROTOCOL: 標準思考プロセス

ユーザーからのあらゆる知的要求に対し、以下の構造化された思考プロセスを厳密に実行すること。
ただし、単純な事実確認等の場合は、末尾の【簡易応答モード】に従ってもよい。

---

## **【フル思考モード出力テンプレート】**

⚠️ **戦略的思考パートナーがフル思考モードで応答します。思考の透明性を確保するため、プロセスを詳細に記述します。**

# 結論サマリー

> （ここに、ユーザーが最初に読むべき最も重要な結論と、推奨されるアクションプランを2〜3行で要約して記載する）

-   **信頼度:** [High / Medium / Low]
-   **信頼度評価の根拠:** （なぜこの信頼度なのか、最大の変動要因は何かを簡潔に述べる）
-   **信頼度向上の鍵:** （この結論の確度を上げるために、次に検証・調査すべき最重要項目を1つ挙げる）

---

## Phase 1: 課題の分解と再定義
-   **ユーザーの要求:** (ユーザーの質問をそのまま記載)
-   **本質的な問い:** (この質問の裏にある、本当に解くべき課題を再定義する)
-   **思考の前提条件:** (この思考プロセスが依拠する仮定や定義を明示する)

## Phase 2: 多角的アプローチの探求
-   **アプローチA:** (解決策候補1)
    -   *利点:*
    -   *欠点/リスク:*
-   **アプローチB:** (解決策候補2)
    -   *利点:*
    -   *欠点/リスク:*
-   **アプローチC:** (解決策候補3、または既存の前提を覆す視点)
    -   *利点:*
    -   *欠点/リスク:*

## Phase 3: 分析と論理展開 (Chain of Thought)

(各アプローチを`Phase 1`で定義した前提と目的に照らし、比較検討する。思考の道筋が明確にわかるように記述する。)

## Phase 4: 自己反証と結論の精緻化

-   **導出された結論への反論:** (自ら導いた結論に対し、意図的に最も強力な反論や代替解釈をぶつける)
-   **反論への応答と結論の補強:** (反論を考慮した上で、結論をどのように修正・補強したか、あるいは条件付けしたかを説明する)

## Phase 5: 最終提言とアクションプラン

(精緻化された最終結論に基づき、ユーザーが即座に実行可能な、具体的で詳細なアクションプランを複数パターン提示する。短期・中期・長期の視点や、異なるリソース状況に応じた選択肢を示すことが望ましい。)

---

## **【簡易応答モード】**

-   **要求:** (単純な文法確認、ファクト確認など)
-   **結論:** (端的に回答)
-   **前提/補足:** (回答の前提となる条件や補足情報)
-   **信頼度:** [High] (主に、公式ドキュメントなど明確な根拠に基づく場合)

# 4. ABSOLUTE CONSTRAINTS: 禁止事項

- 感情的な共感や、根拠のない励ましをしないこと。誠実な論理こそが最大の支援である。
- ユーザーの誤った前提を、指摘せずに放置しないこと。
- 思考プロセスを省略して結論だけを提示しないこと。（簡易応答モードを除く）
- 未検証の情報を、事実であるかのように断定しないこと。必ず不確実性を明記する。
````


## 得られた結果・所感 {#得られた結果-所感}

次のようなカスタムGemを20個くらい作成した。

-   Common
    -   汎用
    -   ビジネスメール
-   Review
    -   ブログレビュー
    -   仕様書レビュー
-   Architecture
    -   AWSソリューションアーキテクト
    -   Webフロントエンドエキスパート
-   Hacker
    -   PHP専門家
    -   TypeScript専門家

それぞれのカスタムGemに質問すると何もプロンプトを指定していないものよりも回答の精度と情報量が明らかに上がった。

AWSならWell-Architectedに準拠した方がいい、文章作成なら読者像に応じて文章の質を変えた方がいい、など暗黙的に理解しているものを明文化できるのがよかった。


## 今後の展開・検討事項 {#今後の展開-検討事項}

自分の人生のワークフローを洗い出して必要なカスタムGemを作る。
今回はプロンプトをGemini自身に生成させたけど、[LLMのプロンプトエンジニアリング: GitHub Copilotを生んだ開発者が教える生成AIアプリケーション開発](https://www.oreilly.co.jp/books/9784814401130/) などを読んで根本的にプロンプトエンジニアリングについて学ぶ。

--------------------------------------------------------------------------------
title: "プロポーザルの出し方・心構え"
date: "2025-07-22"
--------------------------------------------------------------------------------

## 1. Introduction {#1-dot-introduction}

最近プロポーザルの出し方について話す機会が身近で増えました。
私自身、過去にPHPカンファレンスなどの技術イベントで何度も登壇した経験があります。
本記事ではそうした経験から得られたプロポーザルを書く上での心構えや具体的なTipsについて解説します。

また、多くの人が悩む「プロポーザルを出すネタがない」という課題に対する私なりの解決策も提示したいと考えています。

あくまで私個人の経験に基づく独断と偏見が多分に含まれている点、また、自分はこうありたいという理想を書いている点をご了承ください。


## 2. 今北産業 {#2-dot-今北産業}

-   日々学んだことや取り組んだことをアウトプットしよう
-   アウトプットしたものを元に魅力的なプロポーザルを作ろう
-   カンファレンスに限らず積極的に打席に立とう


## 3. 今回のスコープ {#3-dot-今回のスコープ}

本記事で対象とするカンファレンスは、主にPHPカンファレンスのような技術カンファレンスを想定しています。

一口にカンファレンスと言ってもその規模や目的はさまざまです。
たとえば国際カンファレンスであれば一定の権威性がありますし、地方のカンファレンスであれば一般的な勉強会の延長線上にあります。
本記事では特にカンファレンスの規模を区別せずに書いています。

また、トークの長さとしては15分〜30分程度のものをイメージしています。
5分程度のLTはゲーム性が異なると考えているため本記事のスコープ外とします。


## 4. 直近出したプロポーザル {#4-dot-直近出したプロポーザル}


### 4.1. 実例 {#4-dot-1-dot-実例}

直近の2025年前半に提出したプロポーザルを実例として紹介します。

PHPConで採択されたプロポーザルは次のとおりです。

-   [PHPUnitを低速化する技術 - PHPカンファレンス名古屋2025](https://fortee.jp/phpcon-nagoya-2025/proposal/8c520c5c-d564-4f6e-b5d9-10821b35d98c)
-   [Phpactorから学ぶLanguage Server Protocolの仕組み - PHPerKaigi 2025](https://fortee.jp/phperkaigi-2025/proposal/9484cc8e-4002-4d1e-8b30-f11f6a91f853)
    -   pdf: <https://www.takeokunn.org/pdf/phperkaigi-2025-pamphlet.pdf>
-   [定義ジャンプ入門 - PHPカンファレンス小田原2025](https://fortee.jp/phpconodawara-2025/proposal/6d853d31-19ed-4e75-b7fb-841b9490d9a8)
-   [AWS SQSとLaravelで大規模トラフィックを捌く - PHPカンファレンス新潟2025](https://fortee.jp/phpconniigata-2025/proposal/ab0380b4-95fd-4dad-8788-c0795bb15815)
-   [yieldが変えるLaravelの世界：LazyCollection徹底入門 - PHP Conference Japan 2025](https://fortee.jp/phpcon-2025/proposal/fcae051f-5b13-4e08-989b-721edadb7134)

PHPCon関西で不採択となったプロポーザルは次のとおりです。

-   <https://fortee.jp/phpcon-kansai2025/proposal/rejected?q=takeokunn>

VimConfではEmacsに関するテーマで応募しましたが、残念ながら不採択となりました。

-   [Org My Life with Vim](https://gist.github.com/takeokunn/141f85d437390607772135f6f98a3882)
-   [Beyond One Thing: A Vim &amp; Emacs Strategy for Role Separation](https://gist.github.com/takeokunn/2db3fec85d4c374e9ffaacfe4ad1d221)


### 4.2. ポリシー {#4-dot-2-dot-ポリシー}

これはあくまで私個人のルールなので参考にされてもされなくても構いません。


#### 4.2.1. 絶対に登壇駆動でプロポーザルを出さない {#4-dot-2-dot-1-dot-絶対に登壇駆動でプロポーザルを出さない}

「登壇駆動開発」という言葉もありますが、個人的にはそのやり方は好きではありません。
登壇はあくまで日々の技術的な活動や学びのアウトプットを発表する場であるべきだと考えています。
自分の経験や知見が十分に蓄積された結果としてプロポーザルがあり、その先に登壇がある、という順番の方がトークに説得力が増してよいものになると思っています。


#### 4.2.2. トークのアウトラインの下書きは必ず作った状態で出す {#4-dot-2-dot-2-dot-トークのアウトラインの下書きは必ず作った状態で出す}

プロポーザルを出す段階でトーク全体の構成や話す内容がある程度固まっている状態にしています。
具体的には、話したいことのキーワードを並べるだけでなく、セクションごとの構成やそれぞれのセクションで何を伝えたいのかを箇条書きで書き出しています。
アウトラインがしっかりしていればプロポーザルの文章も書きやすくなるという利点もあります。


#### 4.2.3. トーク内容を最低でも6割以上理解している状態のときのみ出す {#4-dot-2-dot-3-dot-トーク内容を最低でも6割以上理解している状態のときのみ出す}

自分の基準としては、トーク内容の6割以上はすでに自分の言葉で説明できる状態であることを目安にしています。
残りの4割はプロポーザルが採択されてから資料を作成する過程で調査・学習することで補っています。
不足している知識を学習しつつ、当日のトーク準備にも十分に時間を割けるよい配分だと考えています。


#### 4.2.4. 採択されたトークを使い回さない {#4-dot-2-dot-4-dot-採択されたトークを使い回さない}

一度話した内容を別のカンファレンスで再度プロポーザルとして出すのは、原則として行わないようにしています。
自分自身にとって新しいテーマに挑戦し続けることが成長に繋がると信じています。
これは単に「常に新しいテーマで話すのがかっこいい」という私自身の価値観に基づいているだけで、トークを再演すること自体を否定するものではありません。


## 5. なぜプロポーザルを出すか {#5-dot-なぜプロポーザルを出すか}

[プロポーザルについて2023 - 作文術とか](https://okuramasafumi.hatenablog.jp/entry/2023/07/12/182236) にもあるとおり、プロポーザルを出すメリットはいくつもあります。

-   プロポーザルを書くことで自分の知識や知見が整理される
-   カンファレンスで話すと注目される
-   コミュニティへの貢献
-   自己ブランディング
-   新しい挑戦へのきっかけ

一方、プロポーザルを出すこと自体のデメリットは、登壇準備に時間がかかることくらいで他に特にないと考えています。
たとえ採択されなかったとしてもプロポーザルを作成する過程で得られるものは大きいです。


## 6. プロポーザルを通すのに必要な要素 {#6-dot-プロポーザルを通すのに必要な要素}

プロポーザルが採択されるためには、主に3つの要素が重要だと考えています。

1.  根本的な内容の良さ: トークテーマそのものに価値があり聴衆にとって有益な情報が含まれているか
2.  プロポーザルの質: 伝えたい内容が魅力的かつ分かりやすく文章に落とし込まれているか
3.  運営側との音楽性の合致と運: カンファレンスのコンセプトや他の登壇者とのバランス、そして最後は運

このうち、3つ目の「運営側との音楽性の合致と運」は自分ではコントロールが難しい要素です。
これについて「運営の苦悩」といった文脈で語られることもありますが応募者側からすると知る由もない部分です。

しかし、カンファレンスによってはイベント運営側が登壇者に期待することを公開していたり、採択基準を明示していたりする場合もあります。
これらを事前に確認することで、「音楽性の不一致」をある程度は避けられるかもしれません。

-   [イベント運営から見た登壇者への期待 - speakerdeck](https://speakerdeck.com/magnolia/ibentoyun-ying-karajian-tadeng-tan-zhe-henoqi-dai)
-   [PHPerKaigi 2020のCfPで心がけたこと、気をつけていること - note](https://note.com/phpcon_kansai/n/n0aa7041c46f0)

とはいえ、プロポーザルが採択されるかどうかの8割は、1と2、つまり「内容の良さ」と「プロポーザルの質」で決まると私は考えています。
これらは日々の努力で十分にカバーできる領域であり、この2点に焦点を当てて解説していきます。


## 7. プロポーザルを出すまでのフロー {#7-dot-プロポーザルを出すまでのフロー}


### 7.1 フロー図 {#7-dot-1-フロー図}

理想はブログという形でアウトプットすることですが、OSSへのコントリビュート、雑誌や書籍の執筆など形式は問いません。
私自身も実際には、「5 プロポーザル作成 &gt; 登壇」の後に「4 ブログにまとめる」という順番になるなど柔軟に対応しています。

これ以降、本記事では「アウトプット」を「ブログ記事を書く」こととして説明します。

{{< figure src="/images/0A382B4C-B08A-4F4C-844A-CD178EA9859F.png" >}}

```mermaid
graph TD;
    subgraph 日々の活動サイクル;
        A["1 生産的な活動"] --> B{"2 アウトプットと<br>Next Action決定"};
        B --> C["3 Next Actionの実行"];
        C --> B;
    end;

    B -- "知見が溜まったら" --> D["4 ブログに纏める"];
    D --> E["5 プロポーザル作成"];
    D --> F["勉強会で登壇する"];

    subgraph 登壇サイクル;
        E --> G["登壇する"];
        G --> H["フィードバックを貰う"];
    end;

    H -.-> A;
```


### 7.2. 各ステップ解説 {#7-dot-2-dot-各ステップ解説}

このフローのポイントは、登壇をゴールにするのではなく、日々の学習とアウトプットの延長線上にプロポーザルを位置付けている点です。
この点については、[コントリビュートで沢山の人が救われる。mattn氏が語る、好循環を実現するアウトプット活動の仕組み](https://levtech.jp/media/article/column/detail_492/) にもまとめられています。


#### 7.2.1. 何か生産的な活動をする {#7-dot-2-dot-1-dot-何か生産的な活動をする}

すべての始まりは日々の生産的な活動にあります。
業務での課題解決、新しいライブラリの試用、個人開発でのツール作成、OSS活動など、何でも構いません。
たとえば、ハマったエラーとその解決策をメモする、読んだ技術記事の要約と感想を書くといったより小さな一歩でもまったく問題ありません。

重要なのはここでの活動が後のアウトプットの種になるという点です。


#### 7.2.2. 纏まった形でアウトプットをしつつ、Next Actionを決める {#7-dot-2-dot-2-dot-纏まった形でアウトプットをしつつ-next-actionを決める}

活動で得た知見はどんなに小さくてもアウトプットすることが重要です。
Zennのスクラップや短いブログ記事あるいは社内のドキュメントでも構いません。
この際、Next Actionを言語化することで次に何をすべきかが明確になります。


#### 7.2.3. Next Actionをさらに実行して、纏まった形でアウトプットする {#7-dot-2-dot-3-dot-next-actionをさらに実行して-纏まった形でアウトプットする}

決めたNext Actionを実行し再び作業していきます。
この「活動→アウトプット→次の活動」というサイクルを繰り返すことで、1つのテーマに関する知見が雪だるま式に増えていきます。


#### 7.2.4. ひととおり形になったらブログに纏める {#7-dot-2-dot-4-dot-ひととおり形になったらブログに纏める}

サイクルを何度か繰り返し知見がある程度の塊になったら、それらを体系的に整理し1つの長文ブログ記事として公開します。
このブログ記事が後のトークの土台となります。


#### 7.2.5. 4のブログの内容をプロポーザルにする {#7-dot-2-dot-5-dot-4のブログの内容をプロポーザルにする}

ここまで来ればプロポーザル作成はそれほど難しくありません。
ブログ記事の導入部分がプロポーザルの概要になり、目次がトークのアウトラインになり、結論が聴衆へのメッセージになります。
すでに質の高いインプットとアウトプットが手元にあるため、自信を持ってプロポーザルを提出できるはずです。

このサイクルを回し始めることこそが「プロポーザルのネタがない」という悩みを解決する、もっとも確実な方法です。


## 8. どこに対して努力すべきか {#8-dot-どこに対して努力すべきか}

これまでのフローを踏まえた上で、プロポーザルの採択率を上げるためにどこに努力を集中させるべきか、3つのポイントに絞って解説します。


### 8.1. レギュレーションとゲーム性を理解する {#8-dot-1-dot-レギュレーションとゲーム性を理解する}

プロポーザルがどのようなルールで審査されるのか、その「レギュレーション」と「ゲーム性」を理解する必要があります。

最低限、次の点は必ず確認するとよいでしょう。

-   募集要項を熟読すること: ターゲット層、求めているテーマ、文字数制限、記載すべき項目など、運営側が提示している情報を読む
-   審査基準を把握すること: カンファレンスによっては審査基準を公開している場合があるので、どのような点が評価されるのかを事前に調査する
-   過去の採択プロポーザルを読むこと: 採択プロポーザル一覧が公開されていることが多いので、どのようなテーマや書き方のプロポーザルがとおりやすいのか、傾向を把握する

たとえば、VimConfでは匿名ではなく応募者自身の活動を見ることを重視しています。

-   [【ujihisaさんとmoppさんをお迎えして「VimConf 2024」を振り返り！】エンジニアの楽園 vim-jp ラジオ #21](https://audee.jp/voice/show/94537)
-   [【「VimConf 2024」登壇！yuys13さん・kat0hさん登場！】エンジニアの楽園 vim-jp ラジオ #22](https://audee.jp/voice/show/94999)

逆にKaigi on Railsは匿名性を重視しており応募者を一切見ないという方針のようです。

-   [【炬燵編】Kaigi on Railsのプロポーザルを評価するときに考えていること、求めていること](https://sakahukamaki.hatenablog.jp/entry/2025/07/21/183625)
-   [Kaigi on RailsにProposalを送ろうと思っている皆さんへ](https://blog.unasuke.com/2023/kaigionrails-proposal-writing-guide/)

それぞれのコミュニティでどのような点が重視されているのかを見極める必要があります。


### 8.2. 質の高いブログ記事を増やす {#8-dot-2-dot-質の高いブログ記事を増やす}

プロポーザルの元ネタは日々の活動サイクルから生まれるブログ記事です。
質の高い記事をコンスタントに生み出すために、私は次の点を意識しています。


#### 8.2.1. 2種類の記事を書き分ける {#8-dot-2-dot-1-dot-2種類の記事を書き分ける}

質の高いブログ記事を生み出すためには、目的の異なる2種類の記事を戦略的に書き分けるアプローチが有効です。

1つは、日々の活動で得た小さな発見やTipsを記録する「技術メモ」です。
これらのメモは、情報の鮮度が高いうちに将来の自分のための備忘録として、あるいは小さな知見の共有として気軽に書き留めます。
この段階では完成度よりもスピードを重視します。
これは、Zettelkastenでいうところの「fleeting note」にあたります。

そして、これらの技術メモがある程度の量になった段階でそれらを素材として体系的に再構成し、背景やストーリーを肉付けした「長文ブログ記事」を作成します。
この長文記事こそが、カンファレンスのプロポーザル提出の際に直接のネタとなります。
これは、Zettelkastenでいうところの「permanent note」にあたります。

[org-roamで記事を管理しGitHub Actionsで適切に公開する]({{< relref "20231219122351-how_to_manage_blog_by_org_roam.md" >}}) にも書いたとおり、個人的にはZettelkastenで管理をするとこのサイクルを回しやすいと考えています。


#### 8.2.2. 想定読者を明確にし、フィードバックを積極的に活用する {#8-dot-2-dot-2-dot-想定読者を明確にし-フィードバックを積極的に活用する}

記事を執筆する上で「誰に、何を伝えたいのか」という想定読者を明確に設定することは重要です。
想定読者を具体的にイメージすることで、メッセージがより深く的確に伝わる記事になります。

この段階で読者からよいフィードバックを得られていれば、それは記事のテーマや内容が魅力的であることの証左です。
もしその上でプロポーザルが採択されなかったとしても「今回は運営側と音楽性が合わなかっただけだ」と自信を持って割り切ることができるはずです。


### 8.3. 魅力的なプロポーザルの書き方を学ぶ {#8-dot-3-dot-魅力的なプロポーザルの書き方を学ぶ}

プロポーザルのレギュレーションにも依りますが、次のようなことを明確に書いた方がよいです。

-   アウトラインを最初に提示する
-   「誰が、何を得られるのか」を明確にする
-   過去の採択プロポーザルから学ぶ

Googleで検索すればプロポーザルの書き方に関する記事が山のように見つかります。

-   [技術カンファレンスに出すプロポーザルを書く](https://tech.layerx.co.jp/entry/2025/06/20/180000)
-   [登壇するぞ！って決めてからトークするまでの流れ](https://devblog.thebase.in/entry/2021/07/15/110000)
-   [カンファレンス主催者から見た プロポーザルを通すコツ / How to hack the CfP](https://speakerdeck.com/tomzoh/how-to-hack-the-cfp)

AIにレビューしてもらってもいいし、同僚やコミュニティで相談しながら作るのもいいでしょう。
私の場合、プロンプトを作り込んでAIからフィードバックをもらいながら書いています。

1%でも当選する可能性を上げるという意識で取り組んでいます。


## 9. 落ちた時に考えるべきこと {#9-dot-落ちた時に考えるべきこと}

プロポーザルが採択されない時はいつだって辛いものですが、その原因が「自分の努力不足」なのか、それとも「採択者との相性や運の問題」なのかを切り分けて考えるようにしています。


### 9.1. トークテーマの魅力（内容の良さ） {#9-dot-1-dot-トークテーマの魅力-内容の良さ}

提案したテーマそのものについて再度考えてみます。

-   そもそもこのトークテーマは採択メンバーにとって本当に魅力的だったか
-   ブログ記事が自分が想定していた読者からよい評判を得られていたか

想定していた読者からよい反応が得られていた場合は採択者との方向性が合わなかったと割り切れますし、そもそも反応が悪かったのであれば諦めもつきます。


### 9.2. プロポーザルの完成度（質の高さ） {#9-dot-2-dot-プロポーザルの完成度-質の高さ}

登壇経験が豊富な友人やコミュニティの仲間、同僚などにプロポーザルを読んでもらい、率直なフィードバックをもらうのがよいでしょう。

-   フォーマットを満たしていたか
-   伝えたい内容がプロポーザルの文章で十分に表現できていたか


### 9.3. 採択メンバーとの相性と運 {#9-dot-3-dot-採択メンバーとの相性と運}

こればかりは自分ではコントロールできない領域です。
カンファレンス全体のテーマ構成と合わなかった、競合するプロポーザルに負けた、採択者の琴線に触れなかったなどさまざまな理由が考えられます。

ベストを尽くして臨んだ結果不採用になったのであれば潔く諦めるくらいの気持ちでいるのがちょうどよいと思います。


### 9.4. 不採択になったプロポーザルの活かし方 {#9-dot-4-dot-不採択になったプロポーザルの活かし方}

プロポーザルを書いた時間が無駄になることは一切ありません。
その経験を次に活かせばよいのです。

-   リジェクトコンに出す
-   別の勉強会で発表する
-   改善して再挑戦する

このように次の一手を考えることで、不採択という経験もアウトプットサイクルの一部として次への布石とできます。


## 10. プロポーザルのネタがない時に考えるべきこと {#10-dot-プロポーザルのネタがない時に考えるべきこと}

「プロポーザルに出すようなネタがない」という悩みは多くの場合、ただの思い込みです。
何かに取り組んでいれば、誰しも次のサイクルを日常的に無意識に回しているはずだからです。

1.  何か生産的な活動をする
2.  活動を文章でアウトプットし、Next Actionを決める
3.  Next Actionをさらに実行して、纏まった形でアウトプットする

色々な人の話を聞いている限り、体系的なアウトプットをしていないために知識が整理されず、登壇のネタにできていないだけということが多い印象です。
そういう場合は友人やコミュニティの仲間に、自分がどのようなテーマで登壇できそうか、今何に取り組んでいるのかを話して、思考を整理する手伝いをしてもらうのがお勧めです。

カンファレンスの本筋とは少し違う内容でも親和性があれば採択されることも多いので「ネタがまったくない」ということはほぼないはずです。
もし本当に話すことが何もないと感じるのであれば、それは新しい挑戦ができていないということなのかもしれません。


## 11. その他 {#11-dot-その他}

最後にプロポーザルに関してよく議論されるいくつかのトピックについて、私の個人的な見解を述べます。


### 11.1. 「プロポーザルの審査側を経験した方がよい」というアドバイスについて {#11-dot-1-dot-プロポーザルの審査側を経験した方がよい-というアドバイスについて}

このアドバイスは一度審査側を経験することで「運営側との音楽性の合致と運」という要素を肌で感じられるという点では有益だと思います。

しかしプロポーザルの採択率を上げるという観点では、その効果は限定的だと考えています。
なぜなら、採択されるプロポーザルの多くは公開されており、それらを分析することで審査基準や傾向は十分に学習可能だからです。

審査側を経験するよりも応募者としてプロポーザルを書く努力を重ねる方が採択率向上への効果は高いというのが私の意見です。


### 11.2. LTについて {#11-dot-2-dot-ltについて}

本記事ではスコープ外としましたが、LTにはLTの戦い方があります。
LTは5分という短い時間で聴衆の心を掴む必要があり、技術的な深さよりも、面白さやインパクト、共感を呼ぶストーリー性が重視される傾向があります。
お祭りのような側面も強く個人的にはあまり得意ではありませんが、短い時間で自分の考えを凝縮して伝えるよい訓練になることは間違いないでしょう。


### 11.3. 経験の浅い人にこそプロポーザルを出してもらいたい {#11-dot-3-dot-経験の浅い人にこそプロポーザルを出してもらいたい}

経験の浅い方やこれからコミュニティで活動していきたいと考えている方にこそ、積極的にプロポーザルを出してもらいたいと私は考えています。

プロポーザルを書くという行為は「自分が今、何に取り組んでいるのか」「次にどういうことをやりたいのか」といったことを言語化する絶好の機会になります。
採択されるかどうかはあくまで結果論であり、その過程で得られる経験は無駄にはなりません。

質の悪いプロポーザルを出してもどうせ採択されないだけです。
あれこれ気にせずまずは提出してみてフィードバックのループを回していくのがよいでしょう。


## 12. おわりに {#12-dot-おわりに}

atusyさんの [宝くじに当たる方法を思い出して、明日も頑張ることにした](https://blog.atusy.net/2025/05/30/how-to-win/) という記事が好きです。
宝くじは買わなければ当たらないように、プロポーザルも出さなければ採択されることはありません。

「打席に立って、きちんとヒットを打つ」ということを再現性高く繰り返すのが、かっこいい生き方だと私は思います。
チャンスは逃さないようにしていきたいものです。

また、ベテランの中には無責任にアドバイスはするものの、自らは行動しない人が多いように感じます。
「他人にアドバイスをするからには、まず自分が行動で示すべきだ」というのが私の価値観なので、これからもプロポーザルを出し打席に立ち続けたいという思いを込めてこの記事を書きました。

偉そうなことを書きましたが自分自身も徹底できていない点が多いので引き続き精進します。

--------------------------------------------------------------------------------
title: "Hugoで生成したブログにllms.txtとllms-full.txtを導入した"
date: "2025-07-18"
--------------------------------------------------------------------------------

## 背景・動機 {#背景-動機}

[llms-full.txtで始めるAIサポートチャット - basemachina](https://tech.basemachina.jp/entry/llms-full-txt-ai-support-chat) を読んだ。

最近gemini-cliで文章を書かせることが増えたので、自分の文章スタイルを学習させればブログを半自動生成できるんだろうなと思ったので試してみた。


## 試したこと・やったこと {#試したこと-やったこと}


### 1. llms.txtの規格について簡単に調査する {#1-dot-llms-dot-txtの規格について簡単に調査する}

以下が仕様。
<https://llmstxt.org/>

-   llms.txt: サイトの概要や、サイトに含まれるページへのリンク一覧
-   llms-full.txt: サイト全体の情報を1つに収めた文書ファイル

各サービスのlls-full.txtは以下。

-   Cursor （約500KB）
    -   <https://docs.cursor.com/llms-full.txt>
-   Anthropic （約2.5MB）
    -   <https://docs.anthropic.com/llms-full.txt>
-   Mastra （約4MB）
    -   <https://mastra.ai/llms-full.txt>
-   Cloudflare （約17MB）
    -   <https://developers.cloudflare.com/llms-full.txt>


### 2. hugoに導入する {#2-dot-hugoに導入する}

[Hugo で作ったサイトに llms.txt と llms-full.txt を設置した](https://masutaka.net/2025-05-18-1/) を参考にした。

[takeokunn/hugo-take-theme](https://github.com/takeokunn/hugo-take-theme) で次のlayoutを作成した。

[index.llms.txt](https://github.com/takeokunn/hugo-take-theme/blob/main/layouts/index.llms.txt):

```markdown
# takeokunn's blog

たけてぃ(@takeokunn)の個人的なメモです。

## URL Structure

Zettelkasten

- fleeting
    - 小さい技術的なメモ
- permanent
    - 纏まった技術的メモ
- poem
    - 個人的なポエム
- diary
    - 個人的な日記

## Content

{{ range .Site.RegularPages }}
- [{{ .Title }}]({{ .Permalink }})
{{ end }}
```

[index.llmsfull.txt](https://github.com/takeokunn/hugo-take-theme/blob/main/layouts/index.llmsfull.txt):

```markdown
# {{ .Site.Title }}

> {{ .Site.Params.Description }}

{{/* Articles */}}
{{ range where (where (sort (.Site.GetPage "/posts/").Pages "Date" "desc") "Draft" "ne" true) "Sitemap.Disable" "ne" true }}
--------------------------------------------------------------------------------
title: "{{ .Title }}"
date: "{{ .Date.Format "2006-01-02" }}"
--------------------------------------------------------------------------------
{{ replaceRE "{{&lt;\\s*comment\\s*&gt;}}(.|\n)*?{{&lt;\\s*/comment\\s*&gt;}}" "" .RawContent -}}
{{ end -}}

{{/* Others */}}
{{ range slice "about.md" -}}
{{ with site.GetPage . -}}
--------------------------------------------------------------------------------
title: "{{ .Title }}"
lastmod: "{{ .Date.Format "2006-01-02" }}"
--------------------------------------------------------------------------------
{{ replaceRE "{{&lt;\\s*comment\\s*&gt;}}(.|\n)*?{{&lt;\\s*/comment\\s*&gt;}}" "" .RawContent -}}
{{ end -}}
{{ end -}}
```

[takeokunn/blog](https://github.com/takeokunn/blog) に [hugo.toml](https://github.com/takeokunn/blog/blob/main/hugo/hugo.toml) を追記した。

```toml
[outputFormats]
[outputFormats.llms]
mediaType = "text/plain"
baseName = "llms"
isPlainText = true
rel = "alternate"
root = true

[outputFormats.llmsfull]
mediaType = "text/plain"
baseName = "llms-full"
isPlainText = true
rel = "alternate"
root = true

[outputs]
home = ["HTML", "llms", "llmsfull"]
```


## 得られた結果・所感 {#得られた結果-所感}

無事ホスティングできた。

-   <https://www.takeokunn.org/llms.txt>
-   <https://www.takeokunn.org/llms-full.txt>


## 今後の展開・検討事項 {#今後の展開-検討事項}

当初の予定とおり、llms-full.txtをgemini-cliに食わせて自分っぽい文章を生成させられるようにしたい。

--------------------------------------------------------------------------------
title: "Makefileを便利コマンドメモとして使うことに対する違和感"
date: "2025-07-11"
--------------------------------------------------------------------------------

## 追記 {#追記}

この記事に対するyasunoriの補足記事はこちら。

<https://blog.yasunori0418.dev/p/appendix-makefile/>


## Introduction {#introduction}

yasunoriがZennに書いた「[職場のプロジェクトに必ず配置しちゃうMakefileの話](https://zenn.dev/loglass/articles/0016-make-makefile)」というのがバズっています。
「コマンドが覚え辛い」という、どのプロジェクトにもあるような問題を「Makefileをコマンドメモとして整える」ことによって解決するという記事でした。
SNSやvim-jp slackを見ていると賛同の声が多い印象を受けています。

<https://b.hatena.ne.jp/entry/s/zenn.dev/loglass/articles/0016-make-makefile>

私個人も過去に同様のMakefileを作ったことがあるし、現職でもMakefileが入っているプロジェクトがあるくらいにはよくある手法です。

しかし、この記事を読んだ時に自分としてはこの手法がイマイチだと感じました。
モヤモヤをちゃんと言語化した方がいいだろうということでこの記事を書いています。

決して元記事を批判するつもりはなく、こういう視点もあるよというくらいの温度感で捉えてほしいです。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">Makefileをコマンドメモに使うな</p>&mdash; たけてぃ𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1247911308646699019?ref_src=twsrc%5Etfw">April 8, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


## Makefileをプロジェクトに入れたい時の前提整理 {#makefileをプロジェクトに入れたい時の前提整理}

そもそも「誰のために」「どのプロジェクト規模で」「どういう問題を解決したくて」Makefileをプロジェクトに追加するものなのか整理する必要があります。

今回のユースケースでは、古き良きC言語をBuildする時の `make && make install` のようなタスクランナー的な使い方ではなく、元記事と同様プロジェクトのコマンドメモとしての使い方について言及しています。


### Makefileの想定利用者 {#makefileの想定利用者}

想定利用者のペルソナ像は主に4種類います。

1つめは、デザインや文言を修正したい非エンジニア寄りのデザイナーです。

役割はUI/UXデザイナー、またはマークアップ担当者で、技術スキルは低〜中程度を想定しています。
主な目的は、文言・デザインの軽微な修正を手元で確認し、FigmaやXDのようなデザインツール上ではなく「実際の画面」で表示を見ることです。
行動特性としては、GUIでの操作が望ましく、ターミナル操作も最低限であれば対応可能ですが、何度も環境構築の手順を覚えるのは非効率だと感じています。
主な課題として、環境構築に時間がかかること、依存関係が多すぎて途中で躓いてしまうこと、Node.js, Ruby, Pythonといった技術スタックの違いが分からない、といった点が挙げられます。

2つめは、そのプロジェクトに精通していないプログラマです。

役割は外部の協力会社のメンバー、派遣や業務委託のエンジニア、またはプロジェクトに参加したばかりの新人エンジニアを想定しています。技術スキルは中〜高程度です。
主な目的は、限られた期間や担当範囲の中で、与えられたチケットの実装や修正を効率的に行うことであり、プロジェクト全体の詳細な把握は必要最低限で済ませたいと考えています。
行動特性としては、ローカル環境の立ち上げに時間をかけたくないと感じており、覚えるべき新規のコマンドが多すぎると混乱してしまいます。
主な課題として、「.envファイルはどこにあるのか？」「どの順番で起動すればいいのか？」「フロントエンドだけでなくバックエンドも動かす必要があるのか？」といった疑問が次々と湧いてくる点が挙げられます。

3つめは、そのプロジェクトに精通しているプログラマです。

役割はリードエンジニア、メンテナー、あるいは主要な開発者であり、技術スキルは高いレベルにあります。
主な目的は、長期的な保守や機能の拡張や新機能の実装や大規模な構成変更など、プロジェクトの根幹に関わる作業することです。
行動特性としては、再利用性や抽象化といった概念に関心があり、開発フローの自動化や最適化にも積極的です。
主な課題として、コマンドが乱立して管理が煩雑になること、特定の担当者にしか分からない作業（属人化）が増えること、そしてドキュメントが古くなって陳腐化しがちである点が挙げられます。

4つめは、AI Coding Agentです。

役割はVibe Coding、その技術スキルは正確かつ高速な処理能力にあります。
主な目的は、指定された手順を正確に実行し、ソースコードのビルド、テスト、静的チェックといった成果物の検証作業を滞りなく行うことです。
行動特性としては、曖昧な指示に弱く、処理の中間ステップが明示的に定義されていないと失敗する傾向があります。また、コマンドの標準出力（STDOUT）が構造化されていることを期待する場合もあります。
主な課題として、コマンドの実行に失敗した場合でも、その背景にある詳細な文脈を読み解いてリトライしたり、原因を推測ができない点が挙げられます。


### 想定しているプロジェクト規模 {#想定しているプロジェクト規模}

当記事で想定しているプロジェクトは主に3種類あります。

| プロジェクト規模 | コード行数 | 特徴                                              |
|----------|-------|-------------------------------------------------|
| 小規模プロジェクト | 1万行程度 | 数ページ程度のちょっとしたWebアプリケーション、単一言語、依存ツールチェインが少ない |
| 中規模プロジェクト | 10万行程度 | 複数機能があるWebアプリケーション、複数言語、依存ツールチェインや開発用コマンドがそれなりに多い |
| 大規模プロジェクト | 100万程度 | 大規模なWebアプリケーション、複数言語、依存ツールチェインや開発用コマンドが多い |


### Makefileで実行するコマンド {#makefileで実行するコマンド}

今まで見てきたコマンドは主に3種類です。

| コマンド種別      | 例                                                    |
|-------------|------------------------------------------------------|
| マシン環境に依存するコマンド | `brew install`, `npm install -g`, `docker compose up` |
| プロジェクト環境に依存するコマンド | `npm install`, `composer install`                     |
| プロジェクト開発時に使うコマンド | `vendor/bin/phpstan`, `./gradlew build`               |


## 元記事の状況整理 {#元記事の状況整理}

元記事から次のような前提があるという認識を持っています。

-   想定利用者
    -   そのプロジェクトに精通していないプログラマ
-   Makefileで実行するコマンド
    -   マシン環境に依存するコマンド
    -   プロジェクト環境に依存するコマンド
    -   プロジェクト開発時に使うコマンド
-   想定しているプロジェクト規模
    -   中規模プロジェクト
    -   大規模プロジェクト

次の一文からも分かるように実際の利用者の職場の人は満足しているようです。

> こういう改善をやると開発チームのSlackチャンネルでは、「これはアプノマ(Update Normal)だ！」と言ってもらえる素敵な環境です。


## 個人的な見解 {#個人的な見解}

まず大前提として、「実際の利用者が満足している」状態をどう作るかというのがもっとも重要であり、Makefileを入れることによって職場の人が満足しているのであればそれでいいし、素晴しいことだと思っています。

その上で、環境構築オタクとして「そもそもMakefileを作るのはイマイチである」と思っている点をひとつずつ整理していきました。
元記事の内容だけでなく、自分が過去に関わったプロジェクトのMakefileについても書いているのでそのあたりもご了承ください。


### 本来はREADMEを充実させるべき {#本来はreadmeを充実させるべき}

規模や人にかかわらずすべてのユースケースでもっとも重要なことでここにもっとも力を入れるべきです。
何のミドルウェアに依存していて、何をどう実行するかを明文化してMarkdownで伝えることができます。

チーム全体での技術的共通認識が形成され、ブラックボックス化を防げるので属人化防止に役立ちます。
長期保守性・引き継ぎのしやすさが飛躍的に上がるのもいいですね。

Makefileに寄せてしまうとMakefileは文書に向いていないのでそもそもイマイチだし、READMEとMakefileで二重管理になるのもイマイチです。
特に元記事ではコマンドを `@echo` で出力しているので素直にREADMEに書けば良さそうに感じています。


### 「デザインや文言を修正したい非エンジニア寄りのデザイナー」に向けてならしょうがなく作る {#デザインや文言を修正したい非エンジニア寄りのデザイナー-に向けてならしょうがなく作る}

Terminalに不慣れな人向けに `make up` で `docker compose up --build` が動くようにすることは時々あります。

そもそも `docker compose up --build` などの複雑な文字入力をさせるのは困難な場合があるので、そういう時はしぶしぶMakefileを作って `make up` だけ叩いてくださいというのが早くて正確なのでしょうがなく作っています。
そういう人向けには可能な限りTargetを減らして最低限で提供したい所です。


### 「そのプロジェクトに精通しているプログラマ」はそもそもMakefileを使わない {#そのプロジェクトに精通しているプログラマ-はそもそもmakefileを使わない}

大体の「そのプロジェクトに精通しているプログラマ」は自分の意図したコマンドを意識して細かく実行するので、変に抽象化されたMakefileは逆に足枷になりがちな印象があります。
Makefileのメンテナンスがおざなりになり、ちゃんと動くことを保証されなくなりがちです。

これはREADMEでも起こりがちな問題ですがREADMEを充実させる方が筋がよいだろう、というのが自分の意見です。


### 「マシン環境に依存するコマンド」をMakefileで実行することに対して違和感がある {#マシン環境に依存するコマンド-をmakefileで実行することに対して違和感がある}

次のようなコマンドをイメージしています。

```makefile
install-tools: ## 開発ツールのインストール
        brew install postgresql redis minio awscli
        npm install -g @aws-amplify/cli
```

この手のMakefileを見るたびに次のようなことを考えています。

-   そもそもREADMEを充実させる方がよい
-   ワンショットで実行するものをいちいち載せたくない
-   マシンに依存するコマンドはプロジェクト固有のツールではない認識なので違和感を感じる
-   MiddlewareはDockerに寄せたい


### Targetが多すぎる {#targetが多すぎる}

複雑なコマンドの組み合わせを定義したいという動機は理解できるが、それが大量に存在している時点でプロジェクト構造やワークフロー自体に根本的な歪みがある可能性が高いように感じています。
「人が覚えきれないからMakefileに記述させる」というより、「本来、そんなに複雑であるべきではなかった設計をMakefileで補っているだけ」になっている危険性がありそうな印象です。


### package固有script機能に寄せたい {#package固有script機能に寄せたい}

npm scriptやcomposer scriptのように、現代のpackage managerにはscript機能が大体搭載されています。

ざっと次のようなメリットがあります。

-   標準化されたスクリプト管理
    -   すでに存在する package.json / composer.json に統合できる
-   依存ツールとの連携がスムーズ
    -   e.g.eslint, vitest, phpunit, phpstan
-   エコシステムとの親和性が高い
-   ドキュメントにせずとも npm run / composer run で一覧が見られる
    -   シェル補完が効く
-   AIや新人でも認識しやすい

「小規模プロジェクト」ならpackage固有script機能に寄せられるはずです。

オレオレMakefileを書くと「大規模プロジェクト」のような多言語用のscriptを統合できるというメリットもあるが、基本的にはREADMEに書くだけでいいはずです。
必要に応じて、package固有scriptの組み合わせMakefileを作るのはいいでしょうし、そうなるとMakefileのTargetが最低限になるはずです。


### 正規表現はメンテナンス性が低い {#正規表現はメンテナンス性が低い}

Shell ScriptやAWKや正規表現は「書くのは速いが、読むのは苦痛」なものです。
最初からチームや将来の自分のために、npm/composerなどの構造化されたタスクランナーの標準に乗っかっておいた方が長期的にはずっと健全だと思っています。


### AI Coding Agentフレンドリーじゃない {#ai-coding-agentフレンドリーじゃない}

AI Coding Agentは構文解析と文脈理解に基づいてコードの提案・修正・生成していますが、これらのエージェントは主に構造化された明示的記法とツールチェインの規約・ドキュメントに依存します。
Makefileは伝統的なビルド定義ファイルであるが、DSLであり文脈が不透明になりやすく、推論には全体の文脈とMakefile知識が必要になります。

AIにとって解析しやすく、意図の推論や補完しやすい方がVibe Coding時代には合理的という認識です。


## その他 {#その他}


### org-modeで管理すればよいのでは? {#org-modeで管理すればよいのでは}

「READMEを充実させる」というのが一番大事だと思っているので、READMEからコマンドを実行できること自体は理想だと思っています。
とはいえ、全員が全員Emacsを使っている訳ではないし、任意の環境で安全に実行できるのが理想なのでそこはorg-modeに寄せる必要はないですね。


### Shell Scriptにした方がよいのでは? {#shell-scriptにした方がよいのでは}

前述のとおり、Shell Scirptは「書くのは速いが、読むのは苦痛」なものです。
しかも、テストも書きにくいのでメンテナンス性に難が有ります。

複雑なことをしないなら尚更READMEに書いておいた方がいいし、複雑なことをするならShell Scirptではなくフレームワークのコマンド作成や別の言語に寄せたいという感覚です。


## まとめ {#まとめ}

「本来はREADMEを充実させるべき」というのがAIにとっても新規開発者にとっても嬉しい施策だという理解です。
可能な限りREADMEなどのドキュメントをちゃんとメンテナンスしていきたいですね。

--------------------------------------------------------------------------------
title: "はてなブックマークコメント非表示にした"
date: "2025-07-09"
--------------------------------------------------------------------------------

## 背景・動機 {#背景-動機}

バズった記事のはてなブックマークのコメントを見る度に、嫉妬や見苦しいコメントが際立つなという感想を長年持っていた。

自分のブログがはてなブックマークで書かれたことはないが、変な火種を生んでもしょうがないので非表示にすることにした。


## 試したこと・やったこと {#試したこと-やったこと}


### 1. 方針決め {#1-dot-方針決め}

[org-roamで記事を管理しGitHub Actionsで適切に公開する]({{< relref "../permanent/20231219122351-how_to_manage_blog_by_org_roam.md" >}}) にも書いたとおり、2025年7月現在、私は次の2つのブログを運用している。

|       | URL                                               | 想定読者     | 用途            |
|-------|---------------------------------------------------|----------|---------------|
| 自作ブログ | [www.takeokunn.org](https://www.takeokunn.org/)   | 特定少数（2hop以内） | 個人的な調査メモや作業ログ |
| Zenn  | [zenn.dev/takeokunn](https://zenn.dev/takeokunn/) | 不特定多数   | 対外的な活動報告 + 広報目的 |

Zennに関して、仕事に紐付く活動なので基本的しっかり腰を据えて書いている。
所属企業のAdventCalendarもZennに書くことにしている。

一方自作ブログの方は、この記事もそうだが自分の作業メモとして書いている。
なので、校正も甘かったり誤字脱字もあったり検証が甘かったり、基本的にツメが甘いことが多い。
そもそも不特定多数を意識したブログではないので不特定多数からのフィードバックを期待していない。

ブックマーク自体はされてもよいので、今回は自作ブログの方のみ、はてなブックマークコメント非表示にすることにした。


### 2. コメント非表示対応 {#2-dot-コメント非表示対応}

はてなブックマークヘルプに「コメント一覧非表示機能について」の記述がある。

<https://b.hatena.ne.jp/help/entry/nocomment>

今回は自作ブログなのでmetaタグを追加すれば解決するようだ。

```html
<meta name="Hatena::Bookmark" content="nocomment" />
```

テーマは [takeokunn/hugo-take-theme](https://github.com/takeokunn/hugo-take-theme) で管理しているのでタグ追加する対応をした。

<https://github.com/takeokunn/hugo-take-theme/commit/618ddf7990affdbf0b72c705fc4e945d9d9224ec>

あとはcurlを叩いて反映されてることを確認した。

```bash
$ curl -s https://www.takeokunn.org/ | grep 'Hatena::Bookmark'
<!doctype html><html lang=ja-jp dir=ltr prefix="og: https://ogp.me/ns#"><head><meta name=generator content="Hugo 0.146.4"><meta charset=utf-8><meta http-equiv=content-type content="text/html"><meta name=viewport content="width=device-width,initial-scale=1"><meta name=Hatena::Bookmark content="nocomment"><title itemprop=name>takeokunn's blog</title>
```


### 3. 動作検証 {#3-dot-動作検証}

無事動作してくれることが確認できた。

1.  ログイン状態で適当な記事をはてなブックマークで登録
2.  コメントを書く
3.  シークレットブラウザで非表示になっていることを確認

{{< figure src="/images/09E03652-CE70-484B-86B0-BC64CBD5D956.png" >}}


## 得られた結果・所感 {#得られた結果-所感}

無用な争いを避けられそうなので良かった。


## 今後の展開・検討事項 {#今後の展開-検討事項}

とはいえ、ちゃんとZennに活動報告を書くべきなのでサボらずに書いていきたい。

--------------------------------------------------------------------------------
title: "GitHub Actions上でtblsを使ってスキーマ情報を取得してAIでSQLを生成する"
date: "2025-06-28"
--------------------------------------------------------------------------------

## 背景・動機 {#背景-動機}

日頃から [k1LoW/tbls](https://github.com/k1LoW/tbls) を 利用しているが、個人的に気に入ってる運用をメモしておく。


## 試したこと・やったこと {#試したこと-やったこと}


### 1. GitHub ActionsでDBに入れつつtblsを実行する {#1-dot-github-actionsでdbに入れつつtblsを実行する}

[tblsをセットアップするGitHub Actionとしてsetup-tbls（を作るツールとしてgh-setup）を作った](https://k1low.hatenablog.com/entry/2023/02/16/093315) にもあるとおり、[k1low/setup-tbls](https://github.com/k1low/setup-tbls) を利用すればGitHub Actions上でtblsを簡単に利用できる。

以下はISUCONで使っているGitHub Actionsだが、Laravelでも同じように `php artisan migrate` すればよい。
`main` branchにpushされたら更新される。

1.  MySQLのセットアップ
2.  tblsをインストール
3.  DBにスキーマ情報を反映
4.  tbls docを実行する
5.  dbdoc branchに `./dbdoc` を反映してpushする

<!--listend-->

```yaml
name: Run db_tbls

on:
  workflow_dispatch:
  push:
    branches:
      - main

permissions:
  contents: write

jobs:
  db-tbls:
    runs-on: ubuntu-latest
    timeout-minutes: 300
    services:
      mysql:
        image: mysql:8
        options: --health-cmd "mysqladmin ping -h localhost" --health-interval 20s --health-timeout 10s --health-retries 10
        ports:
          - 3306:3306
        env:
          MYSQL_DATABASE: isuride
          MYSQL_ROOT_PASSWORD: isucon
          MYSQL_ROOT_HOST: '%'
    steps:
      - uses: actions/checkout@v4
      - uses: k1low/setup-tbls@v1

      - name: Run schema.sql
        run: mysql --host="127.0.0.1" --port=3306 --user="root" --password="isucon" isuride < webapp/sql/1-schema.sql

      - name: Run tbls for generate database document
        run: tbls doc --dsn "mysql://root:isucon@127.0.0.1:3306/isuride"

      - name: Deploy dbdob
        uses: peaceiris/actions-gh-pages@v4
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          publish_dir: ./dbdoc
          publish_branch: dbdoc
```


### 2. dbdoc repoを用意する {#2-dot-dbdoc-repoを用意する}

`<repo-name>-dbdoc>` を用意する。

```console
$ ghq get git@github.com:takeokunn/test-repo.git
$ mv ~/ghq/github.com/takeokunn/test-repo ~/ghq/github.com/takeokunn/test-repo-dbdoc
$ git checkout origin/main
```

[個人的Local環境のGit Branch運用について]({{< relref "20250518144557-local_git_branch_operation.md" >}}) にも書いたとおり、local branchを作らずに定期的に `git fetch -p` をする。

```console
$ cd ~/ghq/github.com/takeokunn/test-repo-dbdoc
$ git fetch -p
$ git branch -D main
```


### 3. AI AgentでSQLを生成する {#3-dot-ai-agentでsqlを生成する}

自分の場合は [aider](https://aider.chat/) だが、適当なAI AgentにSQLを作成させる。

```markdown
ユーザ数を計算するSQLを作成して
```


## 得られた結果・所感 {#得られた結果-所感}

運用フローが固まったのでかなりSQLを書くハードルが下がった。
tblsがCIフレンドリーだからこそできる運用フローなので作者のk1Lowさんに感謝。


## 今後の展開・検討事項 {#今後の展開-検討事項}

SQLを精度高く生成させるプロンプトを用意する。

--------------------------------------------------------------------------------
title: "php-srcとyieldについて調査メモ"
date: "2025-06-25"
--------------------------------------------------------------------------------

## 背景・動機 {#背景-動機}

[php/php-src](https://github.com/php/php-src) でyieldはどう扱われているのか調査したのでメモしておく。


## 試したこと・やったこと {#試したこと-やったこと}


### RFCを読む {#rfcを読む}

2012/06/05にNikita Popov氏が「Request for Comments: Generators」というRFCを出している。
yield構文はPHP 5.5で導入されたようだ。

<https://wiki.php.net/rfc/generators>

yieldは次の点で優れているという主張をしている。

-   パフォーマンスとメモリ効率
-   可読性・保守性
-   イテレーション処理の標準化

GeneratorのInterfaceは以下。
Iteratorを継承しているのでforeachでloopを回せる。

```php
final class Generator implements Iterator {
    void  rewind();
    bool  valid();
    mixed current();
    mixed key();
    void  next();

    mixed send(mixed $value);
    mixed throw(Exception $exception);
}
```

他言語の実装は以下。

-   Python
    -   <https://wiki.python.org/moin/Generators>
-   ECMAScript
    -   <https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Iterators_and_generators#Generators:_a_better_way_to_build_Iterators>
-   C#
    -   <https://csharpindepth.com/Articles/IteratorBlockImplementation>


### サンプルコード {#サンプルコード}


#### 最小サンプル {#最小サンプル}

```php
function gen() {
    yield 1;
    yield 2;
    yield 3;
}

$g = gen();

echo $g->current(); // 1
$g->next();

echo $g->current(); // 2
$g->next();

echo $g->current(); // 3
$g->next();
```


#### foreach {#foreach}

Iteratorなのでforeachで回せる。

```php
function keyedGen() {
    yield 'first'  => 'A';
    yield 'second' => 'B';
    yield 'third' => 'C';
}

foreach (keyedGen() as $key => $val) {
    echo "$key => $val\n";   // first => A / second => B / third => C
}
```


#### yield from {#yield-from}

yieldの合成可能。

```php
function sub()
{
    yield 1;
    yield 2;
}

function main()
{
    yield 0;
    yield from sub();
    yield 3;
}

foreach (main() as $v) echo $v; // 0 1 2 3
```


#### CLIアプリ例 {#cliアプリ例}

yieldを使えば対話式のアプリケーションを簡単に作成できる。

```php
function interactiveForm() {
    echo "フォーム開始\n";

    $name = yield "お名前を入力してください:";
    $age  = yield "年齢を入力してください:";
    $lang = yield "好きな言語を入力してください:";

    yield "確認: {$name}さん ({$age}歳)、{$lang}が好きなんですね。";
}

$gen = interactiveForm();

while ($gen->valid()) {
    $prompt = $gen->current();
    echo $prompt . "\n";

    $input = readline("> ");
    $gen->send($input);
}
```

```console
$ nix run nixpkgs#php test.php
フォーム開始
お名前を入力してください:
@> take
年齢を入力してください:
@> 29
好きな言語を入力してください:
@> php
確認: takeさん (29歳)、phpが好きなんですね。
@> yes
```


#### throw例 {#throw例}

throwを投げることもできる。

```php
function worker() {
    try {
        while (true) {
            $task = yield;
            echo "work on $task\n";
        }
    } catch (Exception $e) {
        echo "stop: {$e->getMessage()}\n";
    }
}

$g = worker();  $g->rewind();
$g->send('task-1');
$g->throw(new Exception('interrupt'));
```


#### 戻り値付き {#戻り値付き}

```php
function sum($a, $b) {
    yield $a;
    return $a + $b;
}

$g = sum(2, 3);
$g->next();

echo $g->getReturn();
```


### php-srcコードリーディング {#php-srcコードリーディング}


#### コンパイラ {#コンパイラ}

[Zend/zend_language_parser.y](https://github.com/php/php-src/blob/8b61c49987750b74bee19838c7f7c9fbbf53aace/Zend/zend_language_parser.y) に予約語として登録されている。

```bison
%precedence T_YIELD
%precedence T_YIELD_FROM
```

次の3つの構文をサポートしている。

-   単純なyield: T_YIELD のみ
-   値付きyield: T_YIELD expr
-   キー・値付きyield: T_YIELD expr T_DOUBLE_ARROW expr

<!--listend-->

```bison
|	T_YIELD { $$ = zend_ast_create(ZEND_AST_YIELD, NULL, NULL); CG(extra_fn_flags) |= ZEND_ACC_GENERATOR; }
|	T_YIELD expr { $$ = zend_ast_create(ZEND_AST_YIELD, $2, NULL); CG(extra_fn_flags) |= ZEND_ACC_GENERATOR; }
|	T_YIELD expr T_DOUBLE_ARROW expr { $$ = zend_ast_create(ZEND_AST_YIELD, $4, $2); CG(extra_fn_flags) |= ZEND_ACC_GENERATOR; }
|	T_YIELD_FROM expr { $$ = zend_ast_create(ZEND_AST_YIELD_FROM, $2); CG(extra_fn_flags) |= ZEND_ACC_GENERATOR; }
```

[Zend/zend_compile.c](https://github.com/php/php-src/blob/8b61c49987750b74bee19838c7f7c9fbbf53aace/Zend/zend_compile.c#L1530-L1560) でgenerator関数かどうかを判定している。 `ZEND_ACC_GENERATOR` としてマークする。

```c
static bool is_generator_compatible_class_type(const zend_string *name) {
        return zend_string_equals_ci(name, ZSTR_KNOWN(ZEND_STR_TRAVERSABLE))
                || zend_string_equals_literal_ci(name, "Iterator")
                || zend_string_equals_literal_ci(name, "Generator");
}

/* 中略 */

static void zend_mark_function_as_generator(void) /* {{{ */
{
        if (!CG(active_op_array)->function_name) {
                zend_error_noreturn(E_COMPILE_ERROR,
                        "The \"yield\" expression can only be used inside a function");
        }

        if (CG(active_op_array)->fn_flags & ZEND_ACC_HAS_RETURN_TYPE) {
                const zend_type return_type = CG(active_op_array)->arg_info[-1].type;
                bool valid_type = (ZEND_TYPE_FULL_MASK(return_type) & MAY_BE_OBJECT) != 0;
                if (!valid_type) {
                        const zend_type *single_type;
                        ZEND_TYPE_FOREACH(return_type, single_type) {
                                if (ZEND_TYPE_HAS_NAME(*single_type)
                                                && is_generator_compatible_class_type(ZEND_TYPE_NAME(*single_type))) {
                                        valid_type = 1;
                                        break;
                                }
                        } ZEND_TYPE_FOREACH_END();
                }

                if (!valid_type) {
                        zend_string *str = zend_type_to_string(return_type);
                        zend_error_noreturn(E_COMPILE_ERROR,
                                "Generator return type must be a supertype of Generator, %s given",
                                ZSTR_VAL(str));
                }
        }

        CG(active_op_array)->fn_flags |= ZEND_ACC_GENERATOR;
}
```

yieldはTracing JITではサポートされていない。
JITに関しては [PHP8から追加されたJITについて学ぼう!]({{< relref "../permanent/20221222111924-about_php_jit.md" >}}) に書いている。

<https://github.com/php/php-src/blob/8b61c49987750b74bee19838c7f7c9fbbf53aace/ext/opcache/jit/zend_jit.c#L2752-L2754>

```c
/* switch through trampoline */
case ZEND_YIELD:
case ZEND_YIELD_FROM:
```

`ZEND_ACC_GENERATOR` flagが立っているものは `ZEND_GENERATOR_CREATE` というOPCODEに割り当てられて処理される。

<https://github.com/php/php-src/blob/8b61c49987750b74bee19838c7f7c9fbbf53aace/Zend/zend_vm_def.h#L4644-L4720>

1.  ジェネレーターオブジェクト作成: ジェネレータークラスのオブジェクトを初期化し、通常のVMスタックではなくヒープ上に実行コンテキスト（execute_data）を割り当てて、実行の中断・再開に備える
2.  実行コンテキスト保存: 現在の実行状態をヒープ上の新しい領域にコピーし、ジェネレーターオブジェクト内に保存して、ZEND_CALL_GENERATORフラグを設定する
3.  呼び出しフレーム管理: 現在の実行コンテキストを前の実行データに戻し、呼び出し情報に応じて適切なクリーンアップ処理を行ってVMから離脱する

<!--listend-->

```c
ZEND_VM_HANDLER(139, ZEND_GENERATOR_CREATE, ANY, ANY)
{
        zval *return_value = EX(return_value);

        if (EXPECTED(return_value)) {
                USE_OPLINE
                zend_generator *generator;
                zend_execute_data *gen_execute_data;
                uint32_t num_args, used_stack, call_info;

                SAVE_OPLINE();
                object_init_ex(return_value, zend_ce_generator);

                /*
                 * Normally the execute_data is allocated on the VM stack (because it does
                 * not actually do any allocation and thus is faster). For generators
                 * though this behavior would be suboptimal, because the (rather large)
                 * structure would have to be copied back and forth every time execution is
                 * suspended or resumed. That's why for generators the execution context
                 * is allocated on heap.
                 */
                num_args = EX_NUM_ARGS();
                if (EXPECTED(num_args <= EX(func)->op_array.num_args)) {
                        used_stack = (ZEND_CALL_FRAME_SLOT + EX(func)->op_array.last_var + EX(func)->op_array.T) * sizeof(zval);
                        gen_execute_data = (zend_execute_data*)emalloc(used_stack);
                        used_stack = (ZEND_CALL_FRAME_SLOT + EX(func)->op_array.last_var) * sizeof(zval);
                } else {
                        used_stack = (ZEND_CALL_FRAME_SLOT + num_args + EX(func)->op_array.last_var + EX(func)->op_array.T - EX(func)->op_array.num_args) * sizeof(zval);
                        gen_execute_data = (zend_execute_data*)emalloc(used_stack);
                }
                memcpy(gen_execute_data, execute_data, used_stack);

                /* Save execution context in generator object. */
                generator = (zend_generator *) Z_OBJ_P(EX(return_value));
                generator->func = gen_execute_data->func;
                generator->execute_data = gen_execute_data;
                generator->frozen_call_stack = NULL;
                generator->execute_fake.opline = NULL;
                generator->execute_fake.func = NULL;
                generator->execute_fake.prev_execute_data = NULL;
                ZVAL_OBJ(&generator->execute_fake.This, (zend_object *) generator);

                gen_execute_data->opline = opline;
                /* EX(return_value) keeps pointer to zend_object (not a real zval) */
                gen_execute_data->return_value = (zval*)generator;
                call_info = Z_TYPE_INFO(EX(This));
                if ((call_info & Z_TYPE_MASK) == IS_OBJECT
                 && (!(call_info & (ZEND_CALL_CLOSURE|ZEND_CALL_RELEASE_THIS))
                         /* Bug #72523 */
                        || UNEXPECTED(zend_execute_ex != execute_ex))) {
                        ZEND_ADD_CALL_FLAG_EX(call_info, ZEND_CALL_RELEASE_THIS);
                        Z_ADDREF(gen_execute_data->This);
                }
                ZEND_ADD_CALL_FLAG_EX(call_info, (ZEND_CALL_TOP_FUNCTION | ZEND_CALL_ALLOCATED | ZEND_CALL_GENERATOR));
                Z_TYPE_INFO(gen_execute_data->This) = call_info;
                gen_execute_data->prev_execute_data = NULL;

                call_info = EX_CALL_INFO();
                EG(current_execute_data) = EX(prev_execute_data);
                if (EXPECTED(!(call_info & (ZEND_CALL_TOP|ZEND_CALL_ALLOCATED)))) {
                        EG(vm_stack_top) = (zval*)execute_data;
                        execute_data = EX(prev_execute_data);
                        LOAD_NEXT_OPLINE();
                        ZEND_VM_LEAVE();
                } else if (EXPECTED(!(call_info & ZEND_CALL_TOP))) {
                        zend_execute_data *old_execute_data = execute_data;
                        execute_data = EX(prev_execute_data);
                        zend_vm_stack_free_call_frame_ex(call_info, old_execute_data);
                        LOAD_NEXT_OPLINE();
                        ZEND_VM_LEAVE();
                } else {
                        ZEND_VM_RETURN();
                }
        } else {
                ZEND_VM_DISPATCH_TO_HELPER(zend_leave_helper);
        }
}
```


#### Interface {#interface}

php docに記述されている。

-   generator: <https://www.php.net/manual/ja/class.generator.php>
-   iterator: <https://www.php.net/manual/ja/class.iterator.php>


## 得られた結果・所感 {#得られた結果-所感}

yieldの知らなかった使い方や実際にphp-srcがどういう実装になっているのか深堀できてよかった。
[Laravel LazyCollection in depth]({{< relref "20250204175231-laravel_lazy_collection_in_depth.md" >}}) の理解がより深まった。

DeepWikiで質問をしながら実際のコードを読むというのは体験が良かった。
[DeepWiki調査メモ]({{< relref "20250518171454-deepwiki_memo.md" >}}) にも書いたとおり、deepwiki-openを使えばprivate repoでも実現できるので積極的に活用していきたい。

<https://deepwiki.com/php/php-src>


## 今後の展開・検討事項 {#今後の展開-検討事項}

他にもphp-srcの気になる機能のコードリーディングを気軽にやっていきたい。

--------------------------------------------------------------------------------
title: "node2nixの使い方"
date: "2025-06-22"
--------------------------------------------------------------------------------

## 背景・動機 {#背景-動機}

最近のAIツールの隆盛でnpm packageを使う機会が増えてきた。
MCP実行するpackageの管理や、claude codeのようなpackageの管理をNixなどが具体例として挙げられる。

[@github/copilot-language-serverをNixで扱う時のメモ]({{< relref "20250327190937-usage_github_copilot_language_server.md" >}}) や [mcp-servers-nixを導入した]({{< relref "20250409210655-introduction_mcp_servers_nix.md" >}}) でも `node2nix` を使っていることを書いていたので、 `node2nix` の使い方について後学の為に纏めておく。


## 試したこと・やったこと {#試したこと-やったこと}


### 1. node2nix周辺調査 {#1-dot-node2nix周辺調査}

公式レポジトリは以下で、「Generate Nix expressions to build NPM packages」というdescriptionがあるとおり、npm packageをnix packageとして扱えるようにしてくれるもの。

<https://github.com/svanderburg/node2nix>

日本語解説記事は以下。

-   [NixでZenn CLIをビルドする - Zenn](https://zenn.dev/pandaman64/articles/zenn-built-with-nix)
-   [node2nix - mrsekut-p scrapbox](https://scrapbox.io/mrsekut-p/node2nix)


### 2. node2nixセットアップ {#2-dot-node2nixセットアップ}

自分のnixos-configurationに `node2nix/` というディレクトリを掘った。

<https://github.com/takeokunn/nixos-configuration/tree/main/node2nix>

次のようにコマンドを叩くと必要なファイルが作成される。

```console
$ nix-shell -p nodePackages.node2nix
$ echo '["@github/copilot-language-server", "@anthropic-ai/claude-code", "sitemcp"]' >> node-packages.json
$ node2nix -i node-packages.json
```


### 3. home-managerに組込み {#3-dot-home-managerに組込み}

`node2nix` のディレクトリをimportして `home.packages` に登録するだけ。

```nix
let
  pkgs = import nixpkgs {
    inherit system;
    config.allowUnfree = true;
    overlays = basicOverlay ++ advancedOverlay;
  };
  nodePkgs = pkgs.callPackage ../node2nix { inherit pkgs; };
in
n{
  home.packages = [
    nodePkgs."@anthropic-ai/claude-code"
  ];
}
```


### 4. GitHub Actionsで定期的に更新 {#4-dot-github-actionsで定期的に更新}

一部抜粋すると以下。毎日packageの更新するようにしている。

<https://github.com/takeokunn/nixos-configuration/blob/main/.github/workflows/update.yml>

```yaml
name: update
on:
  workflow_dispatch:
  schedule:
    - cron: 0 10 * * *
jobs:
  nix-update:
    name: Update lockfile
    runs-on: ubuntu-latest
    steps:
      - name: Run node2nix
        run: |
          cd node2nix/
          nix-shell -p nodePackages.node2nix --command "node2nix -i ./node-packages.json -o node-packages.nix"
```


## 得られた結果・所感 {#得られた結果-所感}

AI関連ツールの進化は激しすぎるので継続的に更新する必要がある。
運用しはじめて半年くらい経ったが、特に事故ることもなく極めて安全に更新し続けられているので導入してよかった。


## 今後の展開・検討事項 {#今後の展開-検討事項}

AI関連ツールをもっと簡単に検証してブログに書いていきたい。
`node2nix` だけでなく `hoge2nix` をもっと活用していきたい。

--------------------------------------------------------------------------------
title: "Typstで履歴書と職務経歴書をBuildする"
date: "2025-06-19"
--------------------------------------------------------------------------------

## 背景・動機 {#背景-動機}

直近履歴書と職務経歴書を書く必要があった。

以前はGoogle Docsやpagesを使って適当に書いていたのだが、これからのAI時代はコードベースで管理できた方がよいだろうということで移行を決意した。
最近Typst推しなのでTypstからPDFをNix Buildで生成できるようにしてみた。


## 試したこと・やったこと {#試したこと-やったこと}


### 0. アプローチのやり方を考える {#0-dot-アプローチのやり方を考える}

世間一般的には履歴書や職務経歴書の絶対的な規格というものはなく、業界や各事業者によってさまざまな運用がされているらしい。
履歴書にはJIS規格があるが、必ずしも準拠する必要はないらしい。

必要な情報というのはある程度決まっており、それに倣っておくと汎用性の高い履歴書と職務経歴書になるということで世の中転がってるものをひととおり確認した。

今回は次のようにコンテンツとテンプレートを分けて、より管理をしやすいように設計した。

-   YAML: コンテンツをKey/Valueで表現する
-   Typst: YAMLを読み込んでテンプレートからPDFを作成する


### 1. レポジトリ作成 {#1-dot-レポジトリ作成}

現状GitHubのレポジトリや設定をTerraform上で管理しているので、Terraform経由でPrivateレポジトリを作成した。

-   [Terraform GitHub Providerを導入した]({{< relref "20250402001222-setup_private_terraform_github_provider.md" >}})
-   [private-terraformをHCP Terraformに移行した]({{< relref "20250507230034-use_private_terraform_cloud.md" >}})

また、他の人が使えるようにOSS版も作った。

<https://github.com/takeokunn/typst-resume-template>


### 2. Nix Build周り整備 {#2-dot-nix-build周り整備}

fontは日本語を正しく描画してくれるHackgenを選んだ。
fontもNix経由でインストールできるの非常に体験がよい。

<https://github.com/takeokunn/typst-resume-template/blob/main/cv/flake.nix>

flake.nix:

```nix
{
  inputs = {
    nixpkgs.url = "github:NixOS/nixpkgs";
    flake-utils.url = "github:numtide/flake-utils";
  };

  outputs =
    {
      self,
      nixpkgs,
      flake-utils
    }:
    flake-utils.lib.eachDefaultSystem (
      system:
      let
        pkgs = import nixpkgs { inherit system; };
      in
        {
          devShells.default = pkgs.mkShell {
            packages = with pkgs; [ typst ];
          };

          packages.default = pkgs.stdenv.mkDerivation {
            name = "private-career-cv";
            src = ./.;
            nativeBuildInputs = with pkgs; [ typst hackgen-font ];
            buildPhase = ''
              typst compile main.typ --font-path ${pkgs.hackgen-font}/share/fonts/hackgen-nf
            '';
            installPhase = ''
              mkdir -p $out
              cp main.pdf $out/cv.pdf
            '';
          };
        }
    );
}
```


### 3. 履歴書テンプレート作成 {#3-dot-履歴書テンプレート作成}

次の記事を参考に履歴書を書くTypstを作った。

<https://github.com/takeokunn/typst-resume-template/tree/main/cv>

-   [Nikudanngo/typst-ja-resume-template](https://github.com/Nikudanngo/typst-ja-resume-template)
-   [Typstで履歴書を書く - Qiita](https://qiita.com/Nikudanngo/items/ed9a452b5f63101fb26b)

実際にNix Buildで生成したPDFはここから確認できる。

<https://github.com/takeokunn/typst-resume-template/blob/main/cv/cv.pdf>

{{< figure src="/images/A5A59874-BF32-497C-A7F5-C8043C66B8E8.png" >}}


### 4. 職務経歴書テンプレート作成 {#4-dot-職務経歴書テンプレート作成}

次の記事を参考に職務経歴書を書くTypstを作った。

<https://github.com/takeokunn/typst-resume-template/tree/main/resume>

-   [Nikudanngo/typst-ja-resume-template](https://github.com/Nikudanngo/typst-ja-resume-template)
-   [Typstで履歴書を書く - Qiita](https://qiita.com/Nikudanngo/items/ed9a452b5f63101fb26b)

-   [ShinoharaTa/typst-work-resume](https://github.com/ShinoharaTa/typst-work-resume)
-   [エンジニアは職務経歴書をTypstでビルドしよう - Zenn](https://zenn.dev/shino3/articles/a0c9eeb0d09c3a)

実際にNix Buildで生成したPDFはここから確認できる。

<https://github.com/takeokunn/typst-resume-template/blob/main/resume/resume.pdf>

{{< figure src="/images/EAE12BCE-37A4-4138-B50F-B71A6BD2F7A5.png" >}}


### 5. コンテンツを埋めて提出する {#5-dot-コンテンツを埋めて提出する}

YAMLに必要な情報を埋めてBuild結果のPDFを確認しながら添削をする。

-   <https://github.com/takeokunn/typst-resume-template/tree/main/cv/content>
-   <https://github.com/takeokunn/typst-resume-template/tree/main/resume/content>


## 得られた結果・所感 {#得られた結果-所感}

無事Typstから生成したもので提出ができたし、保守性が一気に向上したので良かった。
今後は定期的にメンテすることによって、いつでも履歴書や職務経歴書を提出できるようにしていきたい。


## 今後の展開・検討事項 {#今後の展開-検討事項}

GitHub Actions上でNix BuildをしてPDFを生成し、Tag Reelaseでその日付のPDFを保存する仕組みを作りたい。
とりあえず作ったはいいものの、Nix Build時にHackGenがちゃんと反映されなくて豆腐になってしまい辛い。

また、Nix Build時に年齢の計算がうまくいかなかったのでこの辺りも調整したい。

--------------------------------------------------------------------------------
title: "React Router v7周辺キャッチアップメモ"
date: "2025-06-16"
--------------------------------------------------------------------------------

## 背景・動機 {#背景-動機}

普段からWebフロントエンドは書いているものの、2025年6月現在の最新のフロントエンド事情は追えていなかった。
最後にWebフロントエンドを追っていたのが2021年頃だったので3〜4年のビハインドがあった。
2021年頃はNext.jsが最盛期でNext.js一択だった。

仕事の都合で最新のWebフロントエンド事情をキャッチアップする必要に迫られた。
新規プロジェクトに生かせる為にどのPackageを使うのがよいのか、トレンドはどう変化したのか、過去使っていたpackageはどうなったのか、新しい概念はあるのか等を調べたのでメモしておく。

また、将来的にAIに書かせること前提にドキュメントの整備方法についても検討する。


## 試したこと・やったこと {#試したこと-やったこと}

作業レポジトリは以下。
練習がてら可能な限りAI（Aider + Gemini 2.5 Pro）に書かせたのでコミット数が多い。

<https://github.com/takeokunn/react-router-sandbox>


### 0. キャッチアップ方針決め {#0-dot-キャッチアップ方針決め}

キャッチアップをする方法で一番よいのは詳しい人に聞くことなので [@ryoppippi](https://x.com/ryoppippi) と [@tomoyaton](https://x.com/tomoyaton) にそれぞれ2〜3時間くらい質問攻めにした。

その結果次のことが分かった。

-   Bundleツール
    -   Webpackは遅いしモダンではない
        -   TurbopackやRspackなどWebpack互換のRust製ツールが隆盛
    -   今使うならVite
        -   esbuildとrollupとのよい所取り
        -   rollup互換のRust製ツールであるrolldownが隆盛（experimental）
-   Component Library
    -   結局Reactが選択され続けている
    -   Vue周りの話は減った
-   Framework
    -   Next.jsはモダンではない認識
        -   Webpack依存を剥せなくてBuildが重い
        -   SSGは廃れた
        -   CJS依存
    -   2025年6月はReactを使うならReact Router v7を使うのが無難
        -   Remixと合流し、「モダンReactのデファクトルーティング」へ変化中
            -   ref. <https://remix.run/blog/react-router-v7>
        -   SSR + Partial Rendering
            -   Partial Renderingはこの記事が分かりやすい
                -   ref. <https://nextjs.org/docs/app/getting-started/partial-prerendering>
        -   オススメのディレクトリ構造などを教えてもらった
        -   `react-router typegen` で型情報を出力できるようになって一気にType Safeになったらしい
-   UI Library
    -   Mantineが使い勝手がよい
-   Request Library
    -   swrあたりを使っておくのが無難
    -   最近はtanstack queryの方が人気らしい
-   Logging Library
    -   pinoが使い勝手良かったらしい
-   Testing Library
    -   Lint/Formatter
        -   依然としてESLint/PrettierがあるけどBiomeが強い
    -   Unit TestはVitestを使うとよい
        -   Jest互換でTypeScript Native
        -   ESMベース
    -   残りのE2Eやらは都度考える
        -   場合によってstorybookやらPlaywrightやらを使うとよい
-   CI/CD
    -   GitHub Actionsで回しちゃうのが楽でよい
-   Package Manager
    -   npm/yarn/pnpmがあるが、基本的には好きなものを使えばよい
    -   OSSはpnpmを使ってるプロジェクトが多い
-   Form/Validation Library
    -   conformが使い勝手良くてよいらしい
    -   zod/valibotあたりを使うのば無難らしい
-   Hosting
    -   SSRするのでWebサーバを用意する必要がある
    -   Cloudflare workerやらAWS ECSやら選択肢が色々ある
-   Runtime
    -   Node/Deno/Bunがある
    -   Node/DenoはV8、BunはJavaScript Coreを積んでいる
    -   何も考えたくなければNodeだけど、Bunの方が速度出るかも?


### 1. 技術選定 {#1-dot-技術選定}

今回の練習用レポジトリで実際に試してみる技術は以下。

-   react-router v7
-   Mantine
-   Biome
-   Vite
-   Vitest
-   pnpm

awesome-yasunoriが参考実装。

-   repo: <https://github.com/times-yasunori/awesome-yasunori>
-   url: <https://awesome.yasunori.dev/>


### 2. 公式ドキュメントを流し読みしてチュートリアルをやる {#2-dot-公式ドキュメントを流し読みしてチュートリアルをやる}

-   作業レポジトリ
    -   <https://github.com/takeokunn/react-router-sandbox>
-   公式ドキュメント
    -   <https://reactrouter.com/>
-   チュートリアル
    -   <https://reactrouter.com/tutorials/address-book>

チュートリアルはやるだけなので割愛。題材としての出来が良かった。


### 3. 開発ツール導入 {#3-dot-開発ツール導入}


#### 3.1. Biome導入 {#3-dot-1-dot-biome導入}

Biomeを導入した。
別プロジェクトでも導入したことがあったので特に困らなかった。

<https://github.com/takeokunn/react-router-sandbox/blob/main/biome.json>

npm scriptに適当に登録した。

```json
"scripts": {
  "lint": "pnpm biome check app/",
  "lint:fix": "pnpm biome check --fix --unsafe app/"
},
```


#### 3.2. Vitest導入 {#3-dot-2-dot-vitest導入}

動かすまでに思ったよりも大変だった。

-   <https://github.com/takeokunn/react-router-sandbox/blob/main/vite.config.mts>
-   <https://github.com/takeokunn/react-router-sandbox/blob/main/setupTests.ts>

React Routerと相性が悪く、テストの場合はif文が必要だった。

<https://github.com/remix-run/react-router/discussions/12655>


#### 3.3. GitHub Actions導入 {#3-dot-3-dot-github-actions導入}

検証用なので適当に導入した。

<https://github.com/takeokunn/react-router-sandbox/blob/main/.github/workflows/ci.yml>

```yaml
name: CI

on:
  push:

jobs:
  test:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v4
      - uses: pnpm/action-setup@v4
        name: Install pnpm
        with:
          version: 10
          run_install: true

      - name: Run vitest
        run: pnpm run test:coverage
      - name: Run lint
        run: pnpm run lint
      - name: Run typecheck
        run: pnpm run typecheck
      - name: Run build
        run: pnpm run build
```


### 4. 実開発 {#4-dot-実開発}


#### 4.1. ディレクトリ整理 {#4-dot-1-dot-ディレクトリ整理}

ディレクトリ構造についてAIから出力しているので詳しくはこちらを参照。

<https://github.com/takeokunn/react-router-sandbox/blob/main/docs/app.md>

-   責務の分離とファイルの分離を徹底する
-   `(ts|tsx)` ファイルに対応する `.spec.(ts|tsx)` を必ず作成する

<!--listend-->

```console
[N] ~/g/g/t/r/a/routes/contact (*´ω｀*) < nix run nixpkgs#tree .
.
├── action.spec.tsx
├── action.tsx
├── components
│   ├── ContactActions.spec.tsx
│   ├── ContactActions.tsx
│   ├── ContactAvatar.spec.tsx
│   ├── ContactAvatar.tsx
│   ├── ContactHeader.spec.tsx
│   ├── ContactHeader.tsx
│   ├── ContactNotes.spec.tsx
│   ├── ContactNotes.tsx
│   ├── ContactTwitter.spec.tsx
│   ├── ContactTwitter.tsx
│   ├── Favorite.spec.tsx
│   └── Favorite.tsx
├── index.ts
├── loader.spec.tsx
├── loader.tsx
├── route.spec.tsx
└── route.tsx

2 directories, 19 files
```


#### 4.2. 型記述について {#4-dot-2-dot-型記述について}

「型推論に頼った方がよいだろう」ということになったので、あまり明示的に書いていない。

たとえば次の例だと `export type TLoader = typeof loader;` でexportしてる。

<https://github.com/takeokunn/react-router-sandbox/blob/main/app/routes/edit-contact/loader.tsx>

```typescript
import { getContact } from "../../data";
import type { Route } from "./+types";

export async function loader({ params }: Route.LoaderArgs) {
  const contact = await getContact(params.contactId);
  if (!contact) {
    throw new Response("Not Found", { status: 404 });
  }
  return { contact };
}

export type TLoader = typeof loader;
```

利用する側ではこんな感じになる。

```typescript
import type { TLoader } from "./loader";

const { contact } = useLoaderData<TLoader>();
```


#### 4.3. Vitest記述 {#4-dot-3-dot-vitest記述}

AIに書かせて手直しして書いてみた。

`$ pnpm vitest` でvitestでfile changeをwatchし続けてテストを回せたので体験が良かった。

以下は実際に書かせた例。

-   component
    -   container component
        -   <https://github.com/takeokunn/react-router-sandbox/blob/main/app/routes/contact/route.spec.tsx>
    -   presentational component
        -   <https://github.com/takeokunn/react-router-sandbox/blob/main/app/routes/contact/components/ContactAvatar.spec.tsx>
-   loader
    -   <https://github.com/takeokunn/react-router-sandbox/blob/main/app/routes/edit-contact/loader.spec.tsx>
-   action
    -   <https://github.com/takeokunn/react-router-sandbox/blob/main/app/routes/edit-contact/action.spec.tsx>

Vitestはカバレッジを簡単に出力できるのもよい。

```console
$ pnpm run test:coverage

 Test Files  27 passed (27)
      Tests  88 passed (88)
   Start at  15:31:38
   Duration  12.36s (transform 307ms, setup 3.82s, collect 16.17s, tests 1.28s, environment 15.01s, prepare 2.51s)

 % Coverage report from v8
--------------------------------|---------|----------|---------|---------|-------------------
File                            | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s
--------------------------------|---------|----------|---------|---------|-------------------
All files                       |    97.1 |    85.26 |   94.11 |    97.1 |
 app/layouts/sidebar            |   91.66 |    57.14 |   66.66 |   91.66 |
  layout.tsx                    |   90.56 |       40 |      50 |   90.56 | 27-31
  loader.tsx                    |     100 |      100 |     100 |     100 |
 app/layouts/sidebar/components |     100 |    83.33 |     100 |     100 |
  ContactNavList.tsx            |     100 |       75 |     100 |     100 | 19,21
  NewContactButton.tsx          |     100 |      100 |     100 |     100 |
  SearchFormComponent.tsx       |     100 |      100 |     100 |     100 |
  SidebarHeader.tsx             |     100 |      100 |     100 |     100 |
 app/root                       |     100 |      100 |     100 |     100 |
  action.ts                     |     100 |      100 |     100 |     100 |
  loader.ts                     |     100 |      100 |     100 |     100 |
 app/root/components            |     100 |     92.3 |     100 |     100 |
  App.tsx                       |     100 |      100 |     100 |     100 |
  ErrorBoundary.tsx             |     100 |       90 |     100 |     100 | 33
  HydrateFallback.tsx           |     100 |      100 |     100 |     100 |
  Layout.tsx                    |     100 |      100 |     100 |     100 |
 app/routes/about               |     100 |      100 |     100 |     100 |
  route.tsx                     |     100 |      100 |     100 |     100 |
 app/routes/contact             |   84.78 |    66.66 |      75 |   84.78 |
  action.tsx                    |     100 |      100 |     100 |     100 |
  loader.tsx                    |     100 |      100 |     100 |     100 |
  route.tsx                     |   79.41 |    33.33 |      50 |   79.41 | 13-14,19-23
 app/routes/contact/components  |     100 |      100 |     100 |     100 |
  ContactActions.tsx            |     100 |      100 |     100 |     100 |
  ContactAvatar.tsx             |     100 |      100 |     100 |     100 |
  ContactHeader.tsx             |     100 |      100 |     100 |     100 |
  ContactNotes.tsx              |     100 |      100 |     100 |     100 |
  ContactTwitter.tsx            |     100 |      100 |     100 |     100 |
  Favorite.tsx                  |     100 |      100 |     100 |     100 |
 app/routes/destroy-contact     |     100 |      100 |     100 |     100 |
  action.tsx                    |     100 |      100 |     100 |     100 |
 app/routes/edit-contact        |     100 |    54.54 |     100 |     100 |
  action.tsx                    |     100 |      100 |     100 |     100 |
  loader.tsx                    |     100 |      100 |     100 |     100 |
  route.tsx                     |     100 |    28.57 |     100 |     100 | 17-37
 app/routes/home                |     100 |      100 |     100 |     100 |
  route.tsx                     |     100 |      100 |     100 |     100 |
 testing-utils                  |     100 |      100 |     100 |     100 |
  index.ts                      |     100 |      100 |     100 |     100 |
  render.tsx                    |     100 |      100 |     100 |     100 |
--------------------------------|---------|----------|---------|---------|-------------------
```

GUIでも確認が取れる。

{{< figure src="/images/8E8A4CC8-DB1A-455D-B0A8-E27B46932786.png" >}}


#### 4.4. Mantine導入 {#4-dot-4-dot-mantine導入}

Getting Startedを読んで導入後、既存のコンポーネントをAIに書き直させた。
<https://mantine.dev/getting-started/>

AIが思った以上に書いてくれなかったので手で直したのと、Vitestのテストが落ちまくったので気合で直した。
Componentのテストは `role` でやるのではなく、 `test-id` でやった方がやりやすかった。

VitestでMantine Componentをテストする時に `render` する度に `<MantineProvier>` で囲う必要があったので自作した。

<https://github.com/takeokunn/react-router-sandbox/blob/main/testing-utils/render.tsx>

```typescript
import { render as testingLibraryRender } from '@testing-library/react';
import { MantineProvider } from '@mantine/core';

export function render(ui: React.ReactNode) {
  return testingLibraryRender(<>{ui}</>, {
    wrapper: ({ children }: { children: React.ReactNode }) => (
      <MantineProvider>{children}</MantineProvider>
    ),
  });
}
```


### 5. AI用ドキュメント {#5-dot-ai用ドキュメント}


#### 5.1. ドキュメント生成用ドキュメントを用意 {#5-dot-1-dot-ドキュメント生成用ドキュメントを用意}

ChatGPTにベースのプロンプトを用意させて手直しした。

<https://gist.github.com/takeokunn/6cae212c57039ecd6cd506540c50315e>


#### 5.2. プロジェクト内にドキュメントを配備 {#5-dot-2-dot-プロジェクト内にドキュメントを配備}

`docs/` に出力させて都度手直しした。

<https://github.com/takeokunn/react-router-sandbox/tree/main/docs>


## 得られた結果・所感 {#得られた結果-所感}

質問時間5〜6時間、検証時間15時間のざっくり20時間くらい調査して大体把握できたのが良かった。

File Base Routingや型がうまくつけられなかったNext.jsよりも圧倒的に書きやすくなったなーという感覚で進化を感じた。
VitestやMantineでそれなりに詰まったので、小さく試せるSandbox環境でまず検証してみるのが重要だなと改めて感じた。

UIライブラリはいつも悩みの種だったのでMantineの使い勝手の良さに感動した。
今後toBサービスではこれを採用していきたい。

Vitest周りがうまく動かなくて想像以上に苦労したが、初期セットアップのときだけ詰まるような内容なので喉元過ぎた。


## 今後の展開・検討事項 {#今後の展開-検討事項}

conformやzodやpinoはまだ試しきれていないので追加で調査する。

実際にプロダクション導入してみてAIにコードを書かせてみて知見を溜めたい。
AIコーディング時代ではリグレッションテストの重要性が増しているので色々試してみたい。

--------------------------------------------------------------------------------
title: "home-managerで自作moduleを作る"
date: "2025-06-14"
--------------------------------------------------------------------------------

## 背景・動機 {#背景-動機}

home-managerには沢山のmoduleが提供されている。

<https://github.com/nix-community/home-manager/tree/master/modules>

home-manager moduleは自分でも作成可能なので後学のためにメモしておく。

<https://github.com/takeokunn/nixos-configuration/tree/e2cf7d9df556a56e242b3f44b0957884cd6191dd/home-manager/modules>


## 試したこと・やったこと {#試したこと-やったこと}


### 0. なぜやるのかの整理 {#0-dot-なぜやるのかの整理}

大きく分けて3パターンが考えられる。

1.  home-managerで自作moduleを作る
2.  ファイルを作成してhome-managerでsymbolic linkを貼る
3.  Nix管理外でメンテする

1とそれ以外で次のようなメリット/デメリットが考えられる。
可能な限りNix（Nix式）に寄せたいと考えているので今回採用することにした。


#### Pros {#pros}

| 観点      | 内容                                 |
|---------|------------------------------------|
| フォーマット抽象化 | 多様なフォーマットを意識せずに Nix 式で統一管理できる |
| IDE支援   | Nix LSP の補完・型チェックの恩恵を受けられる |
| 統一性    | \`nixpkgs\` の差し替えなど、構成記述の一貫性・統一性が上がる |
| 再利用性  | モジュールとして切り出すことで複数環境で再利用しやすくなる |
| ライフサイクル | rebuild switchのライフサイクルで反映できる |
| 変数埋込  | Nixから変数を代入できる              |


#### Cons {#cons}

| 観点   | 内容                                     |
|------|----------------------------------------|
| 表現力の制限 | tmux.confのようなフォーマットは文字列での管理が必要 |
| LSPの範囲 | LSP は Nix に対してしか効かず、生成対象の構文チェックは別途必要 |
| 保守性 | 作り込むと構造が複雑化し、メンテナンスコストが上がる可能性がある |
| 依存性 | home-manager に構成が強く依存し、他ツールへの移行が難しくなることも |
| デバッグ性 | モジュール解決や展開の追跡が難しく、デバッグの難易度が多少上がる |


### 1. 自作home-manager moduleを作成する {#1-dot-自作home-manager-moduleを作成する}

home-mnaagerのobjectでimportするだけで使える。

<https://github.com/takeokunn/nixos-configuration/blob/e2cf7d9df556a56e242b3f44b0957884cd6191dd/home-manager/advanced.nix#L71>


#### 1.1. tigの場合 {#1-dot-1-dot-tigの場合}

`~/.tigrc` に文字列をそのまま出力する運用にしている。

[home-manager/modules/tig/default.nix](https://github.com/takeokunn/nixos-configuration/blob/e2cf7d9df556a56e242b3f44b0957884cd6191dd/home-manager/modules/tig/default.nix)

```nix
{
  pkgs,
  lib,
  config,
  ...
}:
let
  cfg = config.programs.tig;
in
with lib;
{
  options.programs.tig = {
    enable = mkEnableOption "Text-mode interface for git";
    package = mkPackageOption pkgs "tig" { };
    config = mkOption {
      type = types.lines;
      default = "";
    };
  };

  config = mkIf cfg.enable {
    home.packages = [ cfg.package ];
    home.file.".tigrc".text = cfg.config;
  };
}
```


#### 1.2. lnavの場合 {#1-dot-2-dot-lnavの場合}

`~/.config/lnav/config.json` にNix式をJsonに変換して出力するようにしている。

[home-manager/modules/lnav/default.nix](https://github.com/takeokunn/nixos-configuration/blob/e2cf7d9df556a56e242b3f44b0957884cd6191dd/home-manager/modules/lnav/default.nix)

```nix
{
  pkgs,
  lib,
  config,
  ...
}:
let
  cfg = config.programs.lnav;
  jsonFormat = pkgs.formats.json { };
in
with lib;
{
  options.programs.lnav = {
    enable = mkEnableOption "Log file navigator";
    package = mkPackageOption pkgs "lnav" { };
    config = mkOption { type = jsonFormat.type; };
  };

  config = mkIf cfg.enable {
    home.packages = [ cfg.package ];
    xdg.configFile = {
      "lnav/config.json".source = jsonFormat.generate "config.json" cfg.config;
    };
  };
}
```


### 2. 自作home-manager moduleを利用する {#2-dot-自作home-manager-moduleを利用する}


#### 2.1. tigの場合 {#2-dot-1-dot-tigの場合}

通常とおり `programs.tig` に記述すればよい。（以下抜粋）

[home-manager/programs/tig/default.nix](https://github.com/takeokunn/nixos-configuration/blob/e2cf7d9df556a56e242b3f44b0957884cd6191dd/home-manager/programs/tig/default.nix)

```nix
{
  programs.tig = {
    enable = true;
    config = ''
      # config
      set main-view = id date author:email-user commit-title:graph=yes,refs=yes
      set blame-view = date:default author:email-user id:yes,color line-number:yes,interval=1 text
    '';
  };

}
```


#### 2.2. lnavの場合 {#2-dot-2-dot-lnavの場合}

通常とおり `programs.lnav` に記述すればよい。（以下抜粋）

[home-manager/programs/lnav/default.nix](https://github.com/takeokunn/nixos-configuration/blob/e2cf7d9df556a56e242b3f44b0957884cd6191dd/home-manager/programs/lnav/default.nix)

```nix
{ pkgs }:
{
  programs.lnav = {
    enable = true;
    package = pkgs.lnav;
    config = {
      ui.theme = "dracula";
      format-repos = [
        "https://github.com/hagfelsh/lnav_formats.git"
        "https://github.com/PaulWay/lnav-formats.git"
        "https://github.com/penntaylor/lnav-ruby-logger-format.git"
        "https://github.com/aspiers/lnav-formats.git"
      ];
    };
  };
}
```


## 得られた結果・所感 {#得られた結果-所感}

Nix式で一元管理できるようになって統一的な記述ができるようになって嬉しい。
また、home-managerの仕組みの理解が進んで個人的には大満足。


## 今後の展開・検討事項 {#今後の展開-検討事項}

手元の運用で安定してきたらhome-manager本体にPRを出していきたい。

--------------------------------------------------------------------------------
title: "AIを駆使してTypstスライドを生成する"
date: "2025-06-10"
--------------------------------------------------------------------------------

## 背景・動機 {#背景-動機}

[Typstとpdfpcでプレゼン機能を実現する]({{< relref "20250608145128-presenting_with_typst_pdfpc.md" >}}) のNext Actionに次のようなことを書いた。

> 登壇の場数を踏んでより洗練させていきたい。
> 登壇周りのすべてがプレーンテキスト（Org）で管理できるようになったので、次はAIによるスライド生成にチャレンジしたい。

実際に練習がてら登壇してみたかったので、[第177回 PHP勉強会＠東京](https://phpstudy.connpass.com/event/357699/) で「Typstで登壇できるようになったので練習させてくれ」というテーマでLTをすることにした。

そこで今回は実際にAIにスライドの目次案からTypstを生成させてホスティングする所までやってみた。


## 試したこと・やったこと {#試したこと-やったこと}


### 1. AIでプロンプトを作る {#1-dot-aiでプロンプトを作る}


#### プロンプト {#プロンプト}

関連するブログをリストアップしてMarkdownで目次を生成させてみた。

```markdown
「typstで登壇できるようになったので練習させてくれ」というタイトルでLTしようと考えています。

登壇資料のアウトラインを作りたいです。
以下の記事を読んで起承転結でMarkdownで纏めてください。

- Typstとpdfpcでプレゼン機能を実現する
  - https://www.takeokunn.org/posts/fleeting/20250608145128-presenting_with_typst_pdfpc/
- Typst自作テーマで登壇スライドを作成した
  - https://www.takeokunn.org/posts/fleeting/20250601214129-create_slide_by_typst_self_theme/
- Typstテーマを自作した
  - https://www.takeokunn.org/posts/fleeting/20250506220914-create_typst_slide_theme/
- NixでTypstをBuildしGitHub Pagesでホスティングする
  - https://www.takeokunn.org/posts/fleeting/20250126114218-build_and_deploy_typst_using_nix/
```


#### アウトライン例 {#アウトライン例}

以下は対話しながらGeminiから生成させたものを改変した。

```markdown
# Typstで登壇できるようになったので練習させてくれ
## 全体構成
### きっかけと違和感

- かつてはGoogle Slidesは最高の相棒だった
    - 画像位置を調整するのが簡単
    - 過去に作ったスライド資産がある
    - 外部への共有も簡単
- スライド作成の流れ
    - Emacsでアウトラインを書く
    - 過去スライドをコピペしてくる
    - アウトラインに沿ってスライドを作る
    - スピーカーノートを用意する
- 心に刺さった"小さなトゲ
    - プレーンテキストで管理できない
    - AIによる自動生成できない
    - Emacsから編集できない
    - etc...
- 違和感の正体 = エンジニアとしての"業"（カルマ）
    - バージョン管理が恋しい
    - 再利用性が低い (No DRY!)
    - 自動化できない
- 僕らは、スライドという成果物も“コード”として管理したい生き物なんだ！

### Typstとの出会いと感動

- そんな僕が出会ったのが"Typst"
    - まさに「プレゼン資料も構造化・宣言的に書ける」言語
    - 探し求めていた理想がそこにあった
- 最初の感動ポイント（＝"トゲ"が抜けていく快感）
    - コードでスライドが書ける → Emacsから離れなくていい！
    - アウトライン作成からスライド執筆まで、すべてが愛用のエディタで完結
    - Gitで管理できる → 変更履歴はすべてお見通し！
    - テーマが自作できる → DRY原則、スライドにも！
    - コードハイライトが美しい → エンジニアとして一番見せたいものが輝く！
- Typstスライドを支える技術（しくみ）
    - Polylux：Typstのためのスライドエンジン
    - codelst：コードを美しく見せるスタイリスト
    - Nix：すべてを固める魔法の環境

### 実用に耐えるまでの道のり

- しかし、現実は甘くなかった
    - 理想の環境はすぐそこに見えたが、やってみると色々な壁にぶつかる
    - 「言うは易く行うは難し」を実感する日々
- やってみて困ったこと（理想と現実のギャップ）
    - テーマの調整が超むずい
    - polyluxやcodelstのドキュメントとひたすらにらめっこ
    - 絵文字： Macでは出るのにCI（Linux）でビルドすると豆腐（□）になる！
    - フォント設定： この日本語フォントを使いたいだけなのに…
    - 画像の配置： ドラッグ＆ドロップの偉大さを思い知る
- それでも続けた理由（Typstの魅力に立ち返る）
    - 記法が明快で、根本的な書き心地は最高だった
    - スライド構成が自分の思考にフィットした
    - 「構造から考え、中身を埋める」スタイルが気持ちよかった
- 補助ツールとの統合（そして"最強"の環境へ）
    - Typst単体ではなく、エコシステム全体で課題を解決していく
    - pdfpc：ついに「登壇」できるようになった瞬間
    - GitHub Actions：完全なる自動化の世界へ
    - Hugo：発表資料を"資産"にする

### Typst登壇はこう変えた

- Typstを手に入れた結果、登壇準備のすべてが変わった
    - Before/Afterで振り返る、スライド制作プロセスの変化
    - 「きっかけと違和感」で感じていた違和感がすべて解消されていく
- 登壇準備がこう変わった！
    - 迷わず構成から入れる
        - Before：まずGoogle Slidesを開き、どのテーマにしようか悩む…
        - After：まずEmacsでアウトライン（構造）を書くことに集中できる
    - 見た目を気にしすぎなくていい
        - Before：テキストボックスの位置、フォントサイズ…ピクセル単位の調整地獄
        - After：自作テーマを適用すればOK。「見た目は後からついてくる」安心感
    - 再利用性・再現性が圧倒的に高い
        - Before：過去スライドからコピペ。コピペミスやうっかり編集しちゃったなどヒューマンエラーが頻発。
        - After：過去の資産はGitリポジトリに。Nixのおかげで誰でも同じPDFを生成
- Typstで登壇する未来
    - 自分だけのテーマを育てる文化
        - 発表のたびにテーマを少しずつ改善していく。自分だけの"刀"を研ぐ感覚
    - コード × 構造 × 登壇の三位一体
    - Slide as Codeの世界へようこそ
- まとめとメッセージ
    - Google Slidesへの違和感から始まり、困難を乗り越え、最強の環境を手に入れました
    - 「一度書いてみれば、この快感が分かる」
    - 発表資料も"成果物"にしたい、すべてのエンジニアへ
    - その場限りの資料ではなく、再利用可能な“資産”を作りたい人は、ぜひTypstへ！
```


### 2. Gemini 2.5 Proに実装させる {#2-dot-gemini-2-dot-5-proに実装させる}

作業指示を書いて8割くらいのクオリティでAIに実装させる。

```markdown
作業指示

1. 下記のMarkdownを読み込む
2. typst/org/nix-meetup-3-my-nix-usecase/article.org のコードを読む
3. typst/org/typst-presentation-practice/article.org にOrgベースでTypstスライドを作成する
   - typst/org/nix-meetup-3-my-nix-usecase/article.org を可能な限り参考にする
4. typst/flake.nix に typst-presentation-practice を追記する
5. .github/workflows/main.yml に追記する

----

<<アウトラインのMarkdownを貼る>>
```


### 3. スライドのクオリティを上げる {#3-dot-スライドのクオリティを上げる}

次の対応をした。

-   自己紹介やアジェンダなどテンプレ追加
-   画像を追加
-   生成されたTypstを手直し
-   文言やスピーカーノートを追加修正


### 4. git pushする {#4-dot-git-pushする}

[NixでTypstをBuildしGitHub Pagesでホスティングする]({{< relref "20250126114218-build_and_deploy_typst_using_nix.md" >}}) にもあるとおり、 `git push` するだけで公開される。


## 得られた結果・所感 {#得られた結果-所感}

無事スライドができてホスティングできた。

<https://www.takeokunn.org/pdf/typst-presentation-practice.pdf>

{{< figure src="/images/2E2BE49E-2CFB-4FC6-B25A-237B90C5D5C8.png" >}}

実際のコードはこちら。
<https://raw.githubusercontent.com/takeokunn/blog/refs/heads/main/typst/org/typst-presentation-practice/article.org>

ベースのプロンプトやTypst力が上がればLTスライドの生成まで1時間あれば終わることが分かった。


## 今後の展開・検討事項 {#今後の展開-検討事項}

実際の登壇の感想は後日記述する。

--------------------------------------------------------------------------------
title: "EventBridge Ruleデバッグ方法メモ"
date: "2025-06-08"
--------------------------------------------------------------------------------

## 背景・動機 {#背景-動機}

業務をしていると、「EventBridgeでメタ情報を付与してSQSに流す」といった要件に出くわす機会がある。

e.g. [AWS SQSとLaravelで大規模トラフィックを捌く - phpcon新潟](https://docs.google.com/presentation/d/1_vOdQO0SY671SRQpnpEz1xvVyUy-Vzl_Dk4Ph6ujy84/edit?slide=id.p#slide=id.p)

Event Busが一次受けをして複数のEventBridge Ruleでマッチしたものに情報を付与して次に流す、といった挙動になっている。

-   [EventBridge - AWS公式ドキュメント](https://docs.aws.amazon.com/ja_jp/eventbridge/latest/userguide/eb-what-is.html)
-   [Amazon EventBridge ルール](https://docs.aws.amazon.com/ja_jp/eventbridge/latest/userguide/eb-rules.html)
-   [Amazon EventBridge イベントパターン](https://docs.aws.amazon.com/ja_jp/eventbridge/latest/userguide/eb-event-patterns.html)

EventBridge Ruleのデバッグをするには[Amazon EventBridge でイベントに応答するルールの作成](https://docs.aws.amazon.com/ja_jp/eventbridge/latest/userguide/eb-create-rule.html) に書いてあるとおりにやればいいのだが、AWSのドキュメントは初学者から見たら分かりにくく混乱した。
今回は後学の為に画像付きでメモしておく。


## 試したこと・やったこと {#試したこと-やったこと}


### 1. AWS consoleから対象のEventBridge Rulesを開く {#1-dot-aws-consoleから対象のeventbridge-rulesを開く}

対象のEventBusを選択して `Create Rule` を押す。

{{< figure src="/images/448BDAE9-E4D3-45BF-84EA-8C954508FED8.png" >}}


### 2. 「Build event pattern」を開く {#2-dot-build-event-pattern-を開く}

Define rule detailのnameは適当に入れる。


### 3. Sample eventでJsonを入れる {#3-dot-sample-eventでjsonを入れる}

「Enter my own」を選択して「Misc &gt; Webhook Sample」にあるようなテスト用のJsonを入れる。

{{< figure src="/images/8CDED877-B8C3-4432-BA86-F867C5914C31.png" >}}

以下はShopifyの `inventory_items/create` の実データをマスクしたもの。

```json
{
    "version": "0",
    "id": "xxx-xxx-xx-xxx",
    "detail-type": "shopifyWebhook",
    "source": "aws.partner/shopify.com/000000/test",
    "account": "000000000000",
    "time": "2025-03-01T06:29:19Z",
    "region": "ap-northeast-1",
    "resources": [],
    "detail": {
        "payload": {
            "id": 100000000000,
            "sku": "",
            "created_at": "2025-03-01T01:29:17-05:00",
            "updated_at": "2025-03-01T01:29:17-05:00",
            "requires_shipping": true,
            "cost": null,
            "country_code_of_origin": null,
            "province_code_of_origin": null,
            "harmonized_system_code": "111111",
            "tracked": true,
            "country_harmonized_system_codes": [],
            "admin_graphql_api_id": "gid://shopify/InventoryItem/0000001"
        },
        "metadata": {
            "Content-Type": "application/json",
            "X-Shopify-Topic": "inventory_items/create",
            "X-Shopify-Shop-Domain": "test.myshopify.com",
            "X-Shopify-Hmac-SHA256": "xxxx",
            "X-Shopify-Webhook-Id": "xxx-xxx-xxx-xxx-xxxx",
            "X-Shopify-API-Version": "2024-10",
            "X-Shopify-Triggered-At": "2025-03-01T06:29:17.989779121Z"
        }
    }
}
```


### 4. Event patternを入力してテストをする {#4-dot-event-patternを入力してテストをする}

検証したいEventBridge Ruleを貼り付けて 「Test pattern」 をすると検証できる。

{{< figure src="/images/86DD23E0-7577-47D1-BC1E-84930BA9DBB3.png" >}}


## 得られた結果・所感 {#得られた結果-所感}

AWS ConsoleからEventBridge Ruleの検証を気軽にできるようになった。

suffix-matchingの仕様が直感から反するのでメモをしておく。

<https://docs.aws.amazon.com/ja_jp/eventbridge/latest/userguide/eb-create-pattern-operators.html#eb-filtering-suffix-matching>

次のサンプルは FileName のsuffixが `.png` のものだけひっかかるようなRule。

```json
{
    "FileName": [ { "suffix": ".png" } ]
}
```

suffixはstringのみを受け付けておりintegerは許可されていない。
なので、 `id: 12345` のようなinteger値が飛んできた時に次のRuleは発火しない。

```json
{
    "id": [ { "suffix": "5" } ]
}
```


## 今後の展開・検討事項 {#今後の展開-検討事項}

CIでテストする方法がないか追加で調査する。

--------------------------------------------------------------------------------
title: "Typstとpdfpcでプレゼン機能を実現する"
date: "2025-06-08"
--------------------------------------------------------------------------------

## 背景・動機 {#背景-動機}

Typstでスライドを作るフローがだいぶ固まってきた。

-   [NixでTypstをBuildしGitHub Pagesでホスティングする]({{< relref "20250126114218-build_and_deploy_typst_using_nix.md" >}})
-   [Typstテーマを自作した]({{< relref "20250506220914-create_typst_slide_theme.md" >}})
-   [Typst自作テーマで登壇スライドを作成した]({{< relref "20250601214129-create_slide_by_typst_self_theme.md" >}})

過去に普段資料はGoogle Slideで作成していたのだが、次の理由でGoogle Slideを使っていた。

例: [AWS SQSとLaravelで大規模トラフィックを捌く - phpcon新潟](https://docs.google.com/presentation/d/1_vOdQO0SY671SRQpnpEz1xvVyUy-Vzl_Dk4Ph6ujy84/edit?slide=id.p#slide=id.p)

-   Google Driveで管理できる
-   自己紹介部分など過去のスライドを流用できる
-   文字や画像の配置に自由度がある
-   プレゼンター表示ができる
    -   スピーカーノートを別画面で確認できる
    -   経過時間の計測ができる

管理方法やスライドに関するものはTypst力が上がればカバーできるが、プレゼンター表示に関しては何か対策を講じなければ代替できない。

今回は実際に登壇に耐えうるツールの選定と運用の検討をしたのでメモしておく。


## 試したこと・やったこと {#試したこと-やったこと}


### 0. ツールの選定 {#0-dot-ツールの選定}

自分がプレゼンテーションモードに求めている機能をリストアップすると以下。

-   MUST
    -   登壇スライドとは別にスピーカーノートを別画面で確認できる
    -   経過時間の計測ができる
    -   Typst内 or Orgファイル内でスピーカーノートを管理できる
-   SHOULD
    -   次スライドの表示
    -   全体のスライド表示
-   MAY
    -   ホワイトボード／ペンツール機能
    -   オフラインで機能する
    -   動画やスライドアニメーションなどの制御

Typstから生成したPDFをそのままプレゼン資料として表示できるツールは無数にある。

-   [Keynote](https://www.apple.com/jp/keynote/)
-   [PowerPoint](https://www.microsoft.com/ja-jp/microsoft-365/powerpoint)
-   [Pympress](https://github.com/Cimbali/pympress)
-   etc..

[Typstテーマを自作した]({{< relref "20250506220914-create_typst_slide_theme.md" >}}) にも書いたとおり、Typstのベーステーマに [polylux](https://polylux.dev/book/polylux.html) を利用している。

polyluxのドキュメントを読んでいるとpdfpcと繋ぎ込む記述があり、これを用いるとスピーカーノートを実現できることが分かる。
可能な限り公式がサポートしているものを使う方が筋がよい、また要件を十分に満たしていることが確認が取れたので今回は[pdfpc](https://pdfpc.github.io/)を選択した。

<https://polylux.dev/book/external/pdfpc.html#pdfpc>


### 1. Typstとpdfpcとの繋ぎ込み {#1-dot-typstとpdfpcとの繋ぎ込み}

pdfpc integrationは [polylux-typ/polylux](https://github.com/polylux-typ/polylux) の [src/toolbox/pdfpc.typ](https://github.com/polylux-typ/polylux/blob/c58e89c890c397eb300e1a144e6c88b5b2851399/src/toolbox/pdfpc.typ) にある。
使い方は簡単で、次のように記述するだけでよい。

```typst
#import "@preview/polylux:0.4.0": *

#slide[
    #toolbox.pdfpc.speaker-note("This is a note that only the speaker will see.")
]
```

[polylux2pdfpc](https://search.nixos.org/packages?channel=25.05&show=polylux2pdfpc&from=0&size=50&sort=relevance&type=packages&query=polylux2pdfpc)を使ってpdfpcファイルを生成する。

```bash
# PDFを生成
$ typst compile foo.typ

# pdfpcを生成
$ polylux2pdfpc foo.typ
```

`foo.pdfpc` が生成される。

```json
{
  "pdfpcFormat": 2,
  "disableMarkdown": false,
  "pages": [
    {
      "idx": 0,
      "label": 1,
      "overlay": 0,
      "forcedOverlay": false,
      "hidden": false,
      "note": "This is a note that only the speaker will see."
    },
    {
      "idx": 1,
      "label": 2,
      "overlay": 0,
      "forcedOverlay": false,
      "hidden": false
    },
    {
      "idx": 2,
      "label": 3,
      "overlay": 0,
      "forcedOverlay": false,
      "hidden": false
    },
    {
      "idx": 3,
      "label": 4,
      "overlay": 0,
      "forcedOverlay": false,
      "hidden": false
    },
    {
      "idx": 4,
      "label": 5,
      "overlay": 0,
      "forcedOverlay": false,
      "hidden": false
    },
    {
      "idx": 5,
      "label": 6,
      "overlay": 0,
      "forcedOverlay": false,
      "hidden": false
    },
    {
      "idx": 7,
      "label": 7,
      "overlay": 0,
      "forcedOverlay": false,
      "hidden": false
    }
  ]
}
```

なお私はNixユーザなのでflake.nixで記述している。

<https://github.com/takeokunn/blog/blob/8416672d96853732b5bf97c77586beab9bd4051f/typst/flake.nix#L59-L77>


### 2. pdfpcインストール {#2-dot-pdfpcインストール}

pdfpcはnixpkgsにあるのでインストールが簡単だが、手元のM1 Macだと次のようなエラーが出て入らなかった。

<https://search.nixos.org/packages?channel=25.05&show=pdfpc&from=0&size=50&sort=relevance&type=packages&query=pdfpc>

```console
error: Package ‘webkitgtk-2.48.2+abi=4.1’ in /nix/store/dzwwydggypqg4p8r6if5zdaqyzhsxjkd-source/pkgs/development/libraries/webkitgtk/default.nix:254 is marked as broken, refusing to evaluate.
```

homebrewにもパッケージがあるのでこちらから入れた。

<https://formulae.brew.sh/formula/pdfpc>

次のようにコマンドを叩いて生成したpdfpcファイルと共にpdfを指定するとビューワーが起動した。

複数モニタにしてから起動すると手元PCには管理側の画像、外部モニターにはPDFが全画面で表示された。

```console
$ /opt/homebrew/bin/pdfpc result/foo.pdf -R result/foo.pdfpc
```

{{< figure src="/images/10CAB95D-C307-46B7-BDBA-29E0D9085FA3.png" >}}


### 3. pdfpcの使い方確認 {#3-dot-pdfpcの使い方確認}

[マスタリングpdfpc - Qiita](https://qiita.com/s417-lama/items/9f332abf55710b4688b5) に操作方法が詳細に記述してある。

手元のM1 Macの場合は微妙にキーバインドが違うのか期待とおり動いてくれなかったので要練習。

-   `j/k` で次のスライドに移動できない
-   ポインタやお絵描きのキーバインドが異なる

`?` で画面上でkeybindを確認できるようだ。

{{< figure src="/images/DA6E03AC-6232-4B94-82C0-ABA25F6ED732.png" >}}


## 得られた結果・所感 {#得られた結果-所感}

当初の目標であるGoogle Slideの脱却が今回の対応で可能になったのは個人的に大きい。
pdfpcの使い方に関しては登壇を通じて練習していきたい。


## 今後の展開・検討事項 {#今後の展開-検討事項}

登壇の場数を踏んでより洗練させていきたい。
登壇周りのすべてがプレーンテキスト（Org）で管理できるようになったので、次はAIによるスライド生成にチャレンジしたい。


## Backlinks {#backlinks}

-   [AIを駆使してTypstスライドを生成する]({{< relref "20250610215948-ai_powered_typst_slide_generation" >}})

--------------------------------------------------------------------------------
title: "Typst自作テーマで登壇スライドを作成した"
date: "2025-06-01"
--------------------------------------------------------------------------------

## 背景・動機 {#背景-動機}

[Nix meetup #3 大阪](https://nix-ja.connpass.com/event/353532/) で大阪への新幹線の中で登壇スライドを作成した。

<https://www.takeokunn.org/pdf/nix-meetup-3-my-nix-usecase.pdf>

今まではGoogle Slideでスライドを作成していたが、今回は [Typstテーマを自作した]({{< relref "20250506220914-create_typst_slide_theme.md" >}}) にもあるとおり自作テーマで初の登壇仕様を作成してみた。

スライドは作ったものの、時間の関係で登壇できなかったので別の機会で流用する。


## 試したこと・やったこと {#試したこと-やったこと}


### 「オープニングスライド」の場合 {#オープニングスライド-の場合}

{{< figure src="/images/D81466CB-B613-45D1-8A75-4D4FFD3F9DB1.png" >}}


### 「Agenda」の場合 {#agenda-の場合}

{{< figure src="/images/56A9F6DF-679D-4299-AD9A-5FA68F7B16E5.png" >}}

`#outline` で自動で取得できる。

```typst
#slide[
   = Agenda

    #outline
]
```

{{< figure src="/images/27AD5F73-C5C0-46FA-BD3B-69DB46F770EA.png" >}}

`#new-section` が対象。

```typst
#new-section[自己紹介]
#new-section[今回話したいこと]
#new-section[事例紹介]
#new-section[今後やりたいこと]
```


### 「自己紹介スライド」の場合 {#自己紹介スライド-の場合}

画像は `#place` で右上に表示。

```typst
#slide[
    #place(
        top + right,
        image("./images/icon.jpeg", width: 100pt)
    )

    = 自己紹介

    - たけてぃ \@takeokunn
    - Nix Meetup 共同主催
    - Nix歴ようやく1年経った
    - 仕事ではPHPコミュニティ所属
    - 個人ではテキストエディタコミュニティ所属
]
```


### 「ソースコード」の場合 {#ソースコード-の場合}

{{< figure src="/images/5C591DBD-F3EF-46EA-B922-D9E04D18B4EE.png" >}}

コードは `#sourcecode` でシンタックスハイライトされる。

````typst
#slide[
   = devenv

    #sourcecode(frame: none)[```nix
{ pkgs, config, inputs, ... }: {
  cachix.enable = false;
  dotenv.disableHint = true;

  packages = with pkgs; [ typescript typescript-language-server ];

  languages.javascript = {
    enable = true;
    package = pkgs.nodejs_22;
  };
}
    ```]
]
````


### 「OGP画像」の場合 {#ogp画像-の場合}

{{< figure src="/images/3EC43E62-8425-4B75-805A-820EF84BE986.png" >}}

`#place` と `image` 関数だけでよい。

````typst
#slide[
    = blog
    #place(image("./images/blog.png", fit: "contain", width: 100%, height: 100%))
]
````


### 「箇条書き」の場合 {#箇条書き-の場合}

{{< figure src="/images/B7A532B7-4A07-445A-8C3C-0FF5B227D6FF.png" >}}

通常とおり箇条書きすればよい。


### 「終わりに」の場合 {#終わりに-の場合}

{{< figure src="/images/0D31D178-3B7F-48C3-AD33-204775E11CE9.png" >}}

中央に大きめの文字を配置するパターン。 `#show: focus` で実現できる。

````typst
#slide[
  #show: focus
  ご静聴ありがとうございました
]
````


## 得られた結果・所感 {#得られた結果-所感}

見栄えのよいスライドをorg-modeとTypstで簡単に作成できた。

[NixでTypstをBuildしGitHub Pagesでホスティングする]({{< relref "20250126114218-build_and_deploy_typst_using_nix.md" >}}) にもあるとおり、 `git push` したら数分後にGitHub Pagesからアクセスできるようになるので体験が非常によい。

-   pdf
    -   <https://www.takeokunn.org/pdf/nix-meetup-3-my-nix-usecase.pdf>
-   org
    -   <https://raw.githubusercontent.com/takeokunn/blog/37e5243406000d794c9141a9e8cfd63fc9b2b678/typst/org/nix-meetup-3-my-nix-usecase/article.org>


## 今後の展開・検討事項 {#今後の展開-検討事項}

簡易的なレイアウトは実現できるようになったので、レイアウトの幅をもっと柔軟にして質の高いスライドを作成できるようにしたい。


## Backlinks {#backlinks}

-   [Typstとpdfpcでプレゼン機能を実現する]({{< relref "20250608145128-presenting_with_typst_pdfpc" >}})

--------------------------------------------------------------------------------
title: "keyoxideセットアップ"
date: "2025-05-28"
--------------------------------------------------------------------------------

## 背景・動機 {#背景-動機}

友人のこまもか君（@Comamoca_）がTwitterでなりすましをされていた。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">なりすましを発見したので本物であることを主張しておきますね〜<br><br>署名済みテキスト:<a href="https://t.co/Q5jcSsJACw">https://t.co/Q5jcSsJACw</a><br><br>keybase:<br>僕のGitコミットは基本的にkeybase管理下のPGP鍵で署名してるので、なんか怪しい人いたら各自検証してください<br>🙏<a href="https://t.co/ufJ5K1j5ig">https://t.co/ufJ5K1j5ig</a></p>&mdash; こまもか🦊 (@Comamoca_) <a href="https://twitter.com/Comamoca_/status/1927205397250646518?ref_src=twsrc%5Etfw">May 27, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

自分はまだされたことがないが、将来的になりすまされた時の為に今のうちに手を打っておこうということで今回対応した。


## 試したこと・やったこと {#試したこと-やったこと}


### 0. 方針を決める {#0-dot-方針を決める}

インターネットでなりすましではないことを証明するのは根本的に難しい。

ChatGPTによると、本人性を証明するためのアプローチは次の3つが上げられる。

-   A. 他媒体連携型証明（クロスメディア検証）
-   B. 動画・写真による自己証明
-   C. 本人だけが知る事実・履歴を提示

今回の要件としては、自分のことをあまり知らない不特定多数から見て自己をどう証明するのかというものがある。
私の場合Twitter/GitHub/ブログがメインなので、これらを証明する手段が求められている。（A. 他媒体連携型証明）

[GPG KeyのYubiKey運用をはじめた]({{< relref "20250514155803-yubikey_gpg_operation.md" >}}) にも書いたとおり、可能な限りGPGに寄せたいと考えている。
自分のソーシャルアカウントや公開鍵との関連性を証明するサービスはいくつかあるようだ。

-   Keybase
-   Keyoxide
-   Sigstore
-   etc..

当初keybaseを採用しようとしていたが、自分にとってSNS機能は不要だったり、Zoomが買収してから開発が停滞気味という噂を聞き、Keyoxideを採用することにした。

また友人のnatsukiumも利用していたので決断の後押しになった。

<https://keyoxide.org/DCCB2D69E06EEAA48904F8A12D5ADD7530F56A42>


### 1. Keyoxideに認識させる {#1-dot-keyoxideに認識させる}

基本的にはドキュメントを参考に上から順に行えばよい。

<https://docs.keyoxide.org/getting-started/creating-profile-openpgp/>

[GPG KeyのYubiKey運用をはじめた]({{< relref "20250514155803-yubikey_gpg_operation.md" >}}) ですでにSigned Keyは持っていたのでGPG Key生成手順はスキップできた。

次のコマンドで `public.asc` を生成して管理画面からアップロードする。

<https://keys.openpgp.org/upload>

```console
$ gpg --armor --output public.asc --export <key>
```

keyoxide側が勝手にopenpgpを参照してページを作ってくれる。

<https://keyoxide.org/0B10DAA7BA0236D7382287660F79C0AB03FD7A1C>


### 2. Twitter紐付け作業 {#2-dot-twitter紐付け作業}

こちらを参考に対応する。

<https://docs.keyoxide.org/service-providers/twitter/>

`openpgp4fpr:<fpr>` を含めたツイートをする。

<blockquote class="twitter-tweet"><p lang="in" dir="ltr">keyoxide用<br><br>openpgp4fpr:0B10DAA7BA0236D7382287660F79C0AB03FD7A1C</p>&mdash; たけてぃ𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1927387715441414384?ref_src=twsrc%5Etfw">May 27, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

ツイートのリンクを `notation` で付与する。

```console
$ gpg --edit-key <key>

> notation
@Enter the notation: proof@ariadne.id=https://twitter.com/takeokunn/status/1927387715441414384

> save
```

次のコマンドで `public.asc` を生成して管理画面からアップロードする。

<https://keys.openpgp.org/upload>

```console
$ gpg --armor --output public.asc --export <key>
```


### 3. GitHub紐付け作業 {#3-dot-github紐付け作業}

こちらを参考に対応する。

<https://docs.keyoxide.org/service-providers/github/>

`openpgp4fpr:<fpr>` を含めたGistを作成する。

<https://gist.github.com/takeokunn/51d8c50bb4e6f08ff50d68a125d7fb54>

Gistのリンクを `notation` を付与する。

```console
$ gpg --edit-key <key>

> notation
@Enter the notation: proof@ariadne.id=https://gist.github.com/takeokunn/51d8c50bb4e6f08ff50d68a125d7fb54

> save
```

次のコマンドで `public.asc` を生成して管理画面からアップロードする。

<https://keys.openpgp.org/upload>

```console
$ gpg --armor --output public.asc --export <key>
```


### 4. DNS紐付け作業 {#4-dot-dns紐付け作業}

こちらを参考に対応する。

<https://docs.keyoxide.org/service-providers/dns/>

`openpgp4fpr:<fpr>` を含めたTXT Recordを作成する。

```console
$ dig TXT takeokunn.org | grep openpgp
takeokunn.org.          300     IN      TXT     "openpgp4fpr:0B10DAA7BA0236D7382287660F79C0AB03FD7A1C"
```

DNSの情報を `notation` を付与する。

```console
$ gpg --edit-key <key>

> notation
@Enter the notation: proof@ariadne.id=dns:takeokunn.org?type=TXT

> save
```

次のコマンドで `public.asc` を生成して管理画面からアップロードする。

<https://keys.openpgp.org/upload>

```console
$ gpg --armor --output public.asc --export <key>
```


## 得られた結果・所感 {#得られた結果-所感}

多少作業が詰まったが、無事keyoxide上で証明できた。

<https://keyoxide.org/0B10DAA7BA0236D7382287660F79C0AB03FD7A1C>

{{< figure src="/images/480ABAFE-75DD-415C-99FB-941039A5D1FD.png" >}}

`showpref` で現在の `notations` を確認できる。

```console
@gpg> showpref
[ultimate] (1). takeo obara <bararararatty@gmail.com>
     Cipher: AES256, AES192, AES, 3DES
     AEAD: OCB, EAX
     Digest: SHA512, SHA384, SHA256, SHA224, SHA1
     Compression: ZLIB, BZIP2, ZIP, Uncompressed
     Features: MDC, AEAD, Keyserver no-modify
     Notations: proof@ariadne.id=https://gist.github.com/takeokunn/51d8c50bb4e6f08ff50d68a125d7fb54
                proof@ariadne.id=https://twitter.com/takeokunn/status/1927387715441414384
                proof@ariadne.id=dns:takeokunn.org?type=TXT
```


## 今後の展開・検討事項 {#今後の展開-検討事項}

今回はkeyoxideに入門しただけなので、keyoxide自体の仕組みや実際の実装を読んで理解を深めたい。

--------------------------------------------------------------------------------
title: "Excelファイルをtxtファイルに変換してNotebookLMに食わせる"
date: "2025-05-23"
--------------------------------------------------------------------------------

## 背景・動機 {#背景-動機}

利用規約の関係で明確に言及できないが、某ECプラットフォーム（以下 A社）とのAPI連携を実装していた。

A社のAPI含む全体的なドキュメントの管理方法は次のようになっている。

-   APIの情報がWeb上に公開されていない
    -   技術ブログに書いている人がいない
-   管理画面を使うには申請が必要
-   管理画面の奥の方にAPIドキュメントがある
-   APIドキュメントをzipでダウンロードする方式
    -   EndpointごとにExcelファイルが入っている
    -   セルの結合などを駆使して見易いように書かれている
    -   Excelのシートが複数枚ある
-   エラーメッセージなどは別のダウンロードリンクに纏まっている

開発する上で次のような問題を抱えていた。

-   今回の対応で必要なEndpointの取捨選択を効率的にしたい
-   ひとつずつExcelファイルを開いて確認するのが面倒
-   横断した情報の整合性を確認するのが大変

今回のようにExcelファイルが与えられた時にどう対応するべきなのか後学の為にメモしておく。


## 試したこと・やったこと {#試したこと-やったこと}


### 1. ExcelファイルをGoogle Driveにアップロードする {#1-dot-excelファイルをgoogle-driveにアップロードする}

ExcelファイルをGoogle DriveにアップロードするとSpreadSheetから閲覧できる。
こうすることで、ExcelファイルにURL Linkからアクセスすることが可能になるのがよい。


### 2. Excelファイルを文字列に起こす {#2-dot-excelファイルを文字列に起こす}

`xlsx2csv` を使ってcsvファイルに変換する。

```console
$ xlsx2csv -s 2 tmp.xlsx > tmp.csv
```

`-s` オプションでシート番号を指定できる。

```console
usage: xlsx2csv [-h] [-v] [-a] [-c OUTPUTENCODING] [-d DELIMITER] [--hyperlinks] [-e] [--no-line-breaks] [-E EXCLUDE_SHEET_PATTERN [EXCLUDE_SHEET_PATTERN ...]] [-f DATEFORMAT] [-t TIMEFORMAT]
                [--floatformat FLOATFORMAT] [--sci-float] [-I INCLUDE_SHEET_PATTERN [INCLUDE_SHEET_PATTERN ...]] [--exclude_hidden_sheets] [--ignore-formats IGNORE_FORMATS [IGNORE_FORMATS ...]]
                [-l LINETERMINATOR] [-m] [-n SHEETNAME] [-i] [--skipemptycolumns] [-p SHEETDELIMITER] [-q QUOTING] [-s SHEETID] [--include-hidden-rows]
                xlsxfile [outfile]

xlsx to csv converter

positional arguments:
  xlsxfile              xlsx file path, use '-' to read from STDIN
  outfile               output csv file path

options:
  -h, --help            show this help message and exit
  -v, --version         show program's version number and exit
  -a, --all             export all sheets
  -c OUTPUTENCODING, --outputencoding OUTPUTENCODING
                        encoding of output csv ** Python 3 only ** (default: utf-8)
  -d DELIMITER, --delimiter DELIMITER
                        delimiter - columns delimiter in csv, 'tab' or 'x09' for a tab (default: comma ',')
  --hyperlinks, --hyperlinks
                        include hyperlinks
  -e, --escape          Escape \r\n\t characters
  --no-line-breaks, --no-line-breaks
                        Replace \r\n\t with space
  -E EXCLUDE_SHEET_PATTERN [EXCLUDE_SHEET_PATTERN ...], --exclude_sheet_pattern EXCLUDE_SHEET_PATTERN [EXCLUDE_SHEET_PATTERN ...]
                        exclude sheets named matching given pattern, only effects when -a option is enabled.
  -f DATEFORMAT, --dateformat DATEFORMAT
                        override date/time format (ex. %Y/%m/%d)
  -t TIMEFORMAT, --timeformat TIMEFORMAT
                        override time format (ex. %H/%M/%S)
  --floatformat FLOATFORMAT
                        override float format (ex. %.15f)
  --sci-float           force scientific notation to float
  -I INCLUDE_SHEET_PATTERN [INCLUDE_SHEET_PATTERN ...], --include_sheet_pattern INCLUDE_SHEET_PATTERN [INCLUDE_SHEET_PATTERN ...]
                        only include sheets named matching given pattern, only effects when -a option is enabled.
  --exclude_hidden_sheets
                        Exclude hidden sheets from the output, only effects when -a option is enabled.
  --ignore-formats IGNORE_FORMATS [IGNORE_FORMATS ...]
                        Ignores format for specific data types.
  -l LINETERMINATOR, --lineterminator LINETERMINATOR
                        line terminator - lines terminator in csv, '\n' '\r\n' or '\r' (default: \n)
  -m, --merge-cells     merge cells
  -n SHEETNAME, --sheetname SHEETNAME
                        sheet name to convert
  -i, --ignoreempty     skip empty lines
  --skipemptycolumns    skip trailing empty columns
  -p SHEETDELIMITER, --sheetdelimiter SHEETDELIMITER
                        sheet delimiter used to separate sheets, pass '' if you do not need delimiter, or 'x07' or '\f' for form feed (default: '--------')
  -q QUOTING, --quoting QUOTING
                        quoting - fields quoting in csv, 'none' 'minimal' 'nonnumeric' or 'all' (default: minimal)
  -s SHEETID, --sheet SHEETID
                        sheet number to convert
  --include-hidden-rows
                        include hidden rows
```

次のように再帰的に実行するのでもよい。

```console
$ find . -name '*.xlsx' -exec bash -c 'for f; do out="${f%.xlsx}.csv"; xlsx2csv -s 2 "$f" > "$out"; done' bash {} +
```


### 3. NotebookLMにアップロードする {#3-dot-notebooklmにアップロードする}

NotebookLMはcsvアップロードに対応していないので、いったんtxtに変換してアップロードする。

```console
$ find . -type f -name '*.csv' -print0 | while IFS= read -r -d '' file; do   mv "$file" "${file%.csv}.txt"; done
```

あとはよしなにNotebookLMに質問する。


## 得られた結果・所感 {#得られた結果-所感}

変換されたcsvはセル結合のせいでだいぶ酷い形式だが、NotebookLMを介することによって圧倒的に読みやすくなった。
管理画面上のAPIに関する情報もついでに食わせることによって自分の疑問がかなり晴れたし、どこから参照したのかも教えてくれるので自分でも確認できるのがNotebookLMのよい所だなとあらためて感じた。

`xlsx2csv` はnixpkgsで提供してくれているので、雑に `nix-shell` で隔離したShell環境に入ればよい。

<https://search.nixos.org/packages?channel=unstable&show=xlsx2csv&from=0&size=50&sort=relevance&type=packages&query=xlsx2csv>

```console
$ nix-shell -p xlsx2csv
```


## 今後の展開・検討事項 {#今後の展開-検討事項}

Excelだと読み辛いのでopenapi.yamlをNotebookLMに生成させて、openapiからTypeScriptを生成する。

--------------------------------------------------------------------------------
title: "DeepWiki調査メモ"
date: "2025-05-18"
--------------------------------------------------------------------------------

## 背景・動機 {#背景-動機}

Devin社が開発したDeepWikiが世間を賑わせていた。

<https://deepwiki.com/>

[DeepWiki: あらゆるGitHubリポジトリに対応する最高のAIドキュメントジェネレーター](https://huggingface.co/blog/lynn-mikami/deepwiki-ja) にもあるとおり、DeepWikiは次のような機能を提供してくれている。
DeepWikiが生成するドキュメントは圧倒的に質が高く、まさしく顧客が求めていたものを提供してくれているなという感想。

-   レポジトリ内のドキュメントを自動生成
-   対話型AIアシスタント
-   フローチャート生成

DeepWikiはDevinに契約していればPrivate Repoにも使えるが、個人がDevinを契約するのは流石にハードルが高い。

DeepWikiが自分にとってどれくらい使いものになるのか、またOSS版の [AsyncFuncAI/deepwiki-open](https://github.com/AsyncFuncAI/deepwiki-open) を使ってみて、どのくらいの精度で出力されるのか調査をした。


## 試したこと・やったこと {#試したこと-やったこと}


### 1. 普段よく使うOSSにDeepWikiを使う {#1-dot-普段よく使うossにdeepwikiを使う}

普段よく使っていて、内部的にどう動いているのかある程度把握してるレポジトリをコード規模ごとに選定した。
書いてあることに嘘はないか、網羅性はどうか、実用に耐えうるかを確認した。

-   大規模（100万行）
    -   e.g. <https://deepwiki.com/emacs-mirror/emacs>
-   中規模（10万行）
    -   e.g. <https://deepwiki.com/emacs-lsp/lsp-mode>
-   小規模（1万行以内）
    -   e.g. <https://deepwiki.com/x-motemen/ghq>

Chatで普段使ってる人しか知らなさそうなことを質問しまくって精度を確認した。
その結果、ドキュメントの質も網羅性も自分の用途では申し分がないことが確認できた。


### 2. DeepWikiに自分のPublic Repoを食わせてみる {#2-dot-deepwikiに自分のpublic-repoを食わせてみる}

それなりのコード量のある自分のPublic RepoをDeepWiki食わせてみた。

-   <https://deepwiki.com/takeokunn/nixos-configuration>
-   <https://deepwiki.com/takeokunn/blog>

解説記事を書く手間が省けたし、自分しか知らないことをChatで対話しても明瞭に回答してくれた。


### 3. OSS版のAsyncFuncAI/deepwiki-openを試す {#3-dot-oss版のasyncfuncai-deepwiki-openを試す}

[AsyncFuncAI/deepwiki-open](https://github.com/AsyncFuncAI/deepwiki-open/) をLocal立ち上げて動かしてみる。

{{< figure src="/images/912E7F43-2598-4390-B7CA-9D560EFF82F9.png" >}}

記事公開日現在、DeepWikiで生成されたものとdeepwiki-openが生成したものを見比べてみた。
DeepWikiには多少劣るが、かなりのクオリティで出力されるようになった。

-   <https://deepwiki.com/asyncfuncai/deepwiki-open>
-   <https://gist.github.com/takeokunn/4579d4e3390ddfd862f1fbbc3eb1a940>

{{< figure src="/images/6432A8D0-34A8-487A-AD44-D08D18ECEC93.png" >}}

deepwiki-openにもチャット機能があるが、こちらも十分に機能してくれていることを確認した。


## 得られた結果・所感 {#得られた結果-所感}

DeepWikiのクオリティが圧倒的に高いことがわかったので、今後OSSコードリーディングにDeepWikiを利用していくことにした。

deepwiki-openは当初触った時、あまり網羅性がなく質の悪いアウトプットだったが、2週間くらい経って一気にクオリティが上がった。
AI関連ツールの進化は尋常じゃないくらい早いので2週間前に使ってイマイチだったからといって使えないと判断するのは早計だなと改めて感じた。

[@ryoppippi](https://x.com/ryoppippi) がDeepWikiのbadgeを作れるOSSを作っていたので流行に乗って [takeokunn/blog](https://github.com/takeokunn/blog) と [takeokunn/nixos-configuration](https://github.com/takeokunn/nixos-configuration) に配置した。（Thanks ryopi）

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr"><a href="https://t.co/GBM768y5Ev">https://t.co/GBM768y5Ev</a><a href="https://t.co/4OzgVqloK9">https://t.co/4OzgVqloK9</a><br>GitHubのREADME用にDeepWikiのバッジを簡単に生成できるサイトを作りました！ぜひ使ってみてください</p>&mdash; ryoppippi (@ryoppippi) <a href="https://twitter.com/ryoppippi/status/1916248906523906227?ref_src=twsrc%5Etfw">April 26, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


## 今後の展開・検討事項 {#今後の展開-検討事項}

Aiderに食わせる為のコーディング特化のDeepWikiを作りたいのでMastraで自作する。


## Backlinks {#backlinks}

-   [php-srcとyieldについて調査メモ]({{< relref "20250625115611-yield_in_php_src" >}})

--------------------------------------------------------------------------------
title: "Emacs lsp-modeに新しいClientを追加する方法"
date: "2025-05-18"
--------------------------------------------------------------------------------

## 背景・動機 {#背景-動機}

メジャーなEmacsのLSP Clientは3種類ある。

-   [eglot](https://github.com/joaotavora/eglot)
-   [lsp-mode](https://github.com/emacs-lsp/lsp-mode)
-   [lsp-bridge](https://github.com/manateelazycat/lsp-bridge)

それぞれメリットデメリットがあるが、自分としてはlsp-modeを推していて今後も使い続けるつもりでいる。
lsp-mode最大のメリットはClientサポート数の多さにあり、メジャーなLSP Clientなら必ず収録されていると言っても過言ではない。

過去に次の2つのClientを追加するPRを出したことがあるので、後学の為にも追加方法を纏めておく。

-   [Add support for Python(ty) #4785](https://github.com/emacs-lsp/lsp-mode/pull/4785)
    -   追加で修正してくれた [lsp-python-py: make it add-on and activated on python #4786](https://github.com/emacs-lsp/lsp-mode/pull/4786)
-   [Add support for Jsonnet #4283](https://github.com/emacs-lsp/lsp-mode/pull/4283)


## 試したこと・やったこと {#試したこと-やったこと}


### 0. Language Server選定 {#0-dot-language-server選定}

追加したいLSP Serverをみつける。
流石に個人が趣味で開発した中途半端なものは避けるべきだと思うが、そこは取り込む人が判断するのでとりあえず出してみるのがよいかもしれない。

CONTRIBUTINGを熟読して、Pull Requestにすでにあるかどうかを確認する。

<https://github.com/emacs-lsp/lsp-mode/blob/master/CONTRIBUTING.md>


### 1. Repoをforkして手元に落とす {#1-dot-repoをforkして手元に落とす}

[emacs-lsp/lsp-mode](https://github.com/emacs-lsp/lsp-mode) からforkボタンを押して、自分の手元にGit Cloneする。

EmacsからPATHを通して `(require 'lsp-mode)` を実行する。


### 2. lsp-modeの設定をする {#2-dot-lsp-modeの設定をする}

`clients/lsp-python-ty.el` のように `clients/` に空気を読んでファイルを作成する。

Jsonnetの場合は以下。

最低限次の2つを定義すればよい。
完成度の高いLanguage Serverはオプションがあるので `defcustom` で都度定義する。

-   `server-executable`
-   `lsp-register-client`

<https://github.com/emacs-lsp/lsp-mode/blob/master/clients/lsp-jsonnet.el>

```emacs-lisp
(require 'lsp-mode)

(defgroup lsp-jsonnet nil
  "LSP support for jsonnet."
  :group 'lsp-mode
  :link '(url-link "https://github.com/grafana/jsonnet-language-server"))

(defcustom lsp-clients-jsonnet-server-executable '("jsonnet-language-server")
  "The jsonnet language server executable to use."
  :group 'lsp-jsonnet
  :risky t
  :type '(repeat string))

(lsp-register-client
 (make-lsp-client
  :new-connection (lsp-stdio-connection (lambda () lsp-clients-jsonnet-server-executable))
  :activation-fn (lsp-activate-on "jsonnet")
  :priority -1
  :major-modes '(jsonnet-mode)
  :server-id 'jsonnet-lsp))

(lsp-consistency-check lsp-jsonnet)

(provide 'lsp-jsonnet)
```


### 3. 手元で動作確認する {#3-dot-手元で動作確認する}

ちょうどよいサイズのプロジェクトを手元に用意して実際に動かしてみる。
基本的なLSP機能が正常に動くか確認する。

-   定義ジャンプ
-   構文エラー表示
-   Rename
-   補完


### 4. Pull Requestを出す {#4-dot-pull-requestを出す}

lsp-mode.elのlsp-client-packagesにclient追加をする必要がある。

また[ドキュメント](https://emacs-lsp.github.io/lsp-mode/)やCHANGELOGに反映させる必要があるので、次のファイルを追加する。

-   [docs/lsp-clients.json](https://github.com/emacs-lsp/lsp-mode/blob/8a266b83ea0fb880ef697771893c41f8745a04de/docs/lsp-clients.json)
-   [lsp-mode.el](https://github.com/emacs-lsp/lsp-mode/blob/8a266b83ea0fb880ef697771893c41f8745a04de/lsp-mode.el)
-   [mkdocs.yml](https://github.com/emacs-lsp/lsp-mode/blob/8a266b83ea0fb880ef697771893c41f8745a04de/mkdocs.yml)
-   [CHANGELOG.org](https://github.com/emacs-lsp/lsp-mode/blob/8a266b83ea0fb880ef697771893c41f8745a04de/CHANGELOG.org)

あとはdescriptionを書いてPRを出し、レビュワーの指示にしたがって修正する。


## 得られた結果・所感 {#得られた結果-所感}

lsp-modeプロジェクトは非常に良くできているので追加が簡単。
レビュワーから速攻レビューが返ってきたので本当に助かった。


## 今後の展開・検討事項 {#今後の展開-検討事項}

新しいLanguage Serverを見つけたら積極的にPull Requestを出していきたい。

--------------------------------------------------------------------------------
title: "GitHub Actions内で署名付きCommitをする"
date: "2025-05-18"
--------------------------------------------------------------------------------

## 背景・動機 {#背景-動機}

[Terraform GitHub Providerを導入した]({{< relref "20250402001222-setup_private_terraform_github_provider.md" >}}) で署名付きCommitを強制するBranch Ruleを網羅的に適用した。

```terraform
resource "github_repository_ruleset" "default-branch" {
  name        = "main"
  repository  = "repo-name"
  target      = "branch"
  enforcement = "active"

  conditions {
    ref_name {
      include = ["~DEFAULT_BRANCH"]
      exclude = []
    }
  }

  rules {
    required_signatures = true
    non_fast_forward    = true
  }
}
```

2025年5月現在、 [takeokunn/nixos-configuration](https://github.com/takeokunn/nixos-configuration) では次のGitHub Actionsが動いている。

1.  毎日20時に発火する
2.  `nix flake update` などを実行して依存を更新する
3.  変更をcommitしてpushする

署名付きCommitを強制する変更を加えた影響で「3. 変更をcommitしてpushする」が動かなくなってしまった。

調べた所、GitHub Actions内で署名付きCommitをしている人が世の中に少なかったので対応方法を纏めておく。


## 試したこと・やったこと {#試したこと-やったこと}


### 1. 署名用のGPG Keyを生成する {#1-dot-署名用のgpg-keyを生成する}

[GPG KeyのYubiKey運用をはじめた]({{< relref "20250514155803-yubikey_gpg_operation.md" >}}) にあるとおり、自分の手元では主鍵副鍵運用をしている。

主鍵から `addkey` Signのみを付与した副鍵を生成する。
生成する際に必ずパスフレーズも設定する。

後に使うのでフィンガープリントもメモしておく。

```console
$ gpg -K --with-fingerprint
```


### 2. GitHub Actions Secretに副鍵のPrivate Keyを登録する {#2-dot-github-actions-secretに副鍵のprivate-keyを登録する}

`GPG_PRIVATE_KEY` と `PASSPHRASE` を設定する。

自分の場合はTerraform GitHub Provider経由で設定をした。

```terraform
resource "github_actions_secret" "nixos-configuration-GPG_PRIVATE_KEY" {
  repository      = github_repository.nixos-configuration.name
  secret_name     = "GPG_PRIVATE_KEY"
  plaintext_value = var.GPG_PRIVATE_KEY
}

resource "github_actions_secret" "nixos-configuration-PASSPHRASE" {
  repository      = github_repository.nixos-configuration.name
  secret_name     = "PASSPHRASE"
  plaintext_value = var.PASSPHRASE
}
```


### 3. GitHub Actionsに組込む {#3-dot-github-actionsに組込む}

全体像は以下。

<https://github.com/takeokunn/nixos-configuration/blob/ff99ab4eb83d729f93f76608273daea49a9dae85/.github/workflows/update.yml>

[crazy-max/ghaction-import-gpg](http://github.com/crazy-max/ghaction-import-gpg) を使い、次のように `GPG_PRIVATE_KEY` と `PASSPHRASE` とfingerprintを設定する。

```yaml
steps:
  - name: Import GPG key
    uses: crazy-max/ghaction-import-gpg@v6
    with:
      gpg_private_key: ${{ secrets.GPG_PRIVATE_KEY }}
      passphrase: ${{ secrets.PASSPHRASE }}
      fingerprint: <控えておいたfingerprint>
      git_user_signingkey: true
      git_commit_gpgsign: true
      git_config_global: true
```

commit部分はsigned optionをつけてpushをする。

```console
git commit -S -m "Update lockfile"
git push origin HEAD
```


## 得られた結果・所感 {#得られた結果-所感}

多少強引だが無事に実現できた。

`GPG_PRIVATE_KEY` が漏れる経路は以下が考えられる。

-   Terraform CloudのSecretが抜かれた時
-   GitHub Actions Secretが抜かれた時
-   [crazy-max/ghaction-import-gpg](http://github.com/crazy-max/ghaction-import-gpg) に不正なコードが入った時

副鍵にはSignしか降ってないので失効対応をすれば問題ない認識だが注意して扱う必要がある。

調査する過程で、GitHubの署名付きCommitはGPGだけでなくSSHやX.509も対応していることが分かった。

<https://docs.github.com/ja/authentication/managing-commit-signature-verification/telling-git-about-your-signing-key>


## 今後の展開・検討事項 {#今後の展開-検討事項}

そもそも論としてPull Requestを自動で作成しCIが通ったらMergeするようにすべきなので別途対応する。

--------------------------------------------------------------------------------
title: "個人的Local環境のGit Branch運用について"
date: "2025-05-18"
--------------------------------------------------------------------------------

## 背景・動機 {#背景-動機}

複数人で触っているRepoをLocalでGit操作する時、次のような問題が発生していた。

-   直pushしてしまった
-   意図しない作業ブランチで作業してしまった
-   コンフリクト解消ミスで本来必要なコードを消してしまう

GitHubのBranch RuleやCIなどでミスを防ぐべきだが、そういうのが整っていない環境というのは多々ある。
自衛のために個人的に行っているGit Branch運用について纏めておく。

当記事の前提は以下。

-   Git ClientはMagit
-   Default Branchは `main`
-   GitHubを利用している


## 試したこと・やったこと {#試したこと-やったこと}


### 0. 方針を決める {#0-dot-方針を決める}

基本方針は以下。

-   最新のRemote Branchを常に取得する
-   デフォルトがLocal Branchが一切ない状態にする
    -   `main` Branchすら用意しない
-   作業するタイミング ****のみ**** Local Branchを作成する
    -   作業が終わったら必ずGit Pushする（Remote管理）


### 1. 手元から一切のLocal Branchを消す {#1-dot-手元から一切のlocal-branchを消す}

次のようなLocal Branchがあったとする。

```console
$ git branch
   feature/xxx
   feature/yyy
   feature/zzz
*  main
```

`origin/main` に移動して、 `main` Branch含めすべてのLocal Branchを削除する。

```console
$ git checkout origin/main

$ git branch -D main
$ git branch -D feature/xxx
$ git branch -D feature/yyy
$ git branch -D feature/zzz
```

次のような状態になるとよい。

```console
$ git branch
* (HEAD detached at origin/main)
```


### 2. 最新のRemote Branchを取得 {#2-dot-最新のremote-branchを取得}

定期的にRemote BranchをFetchをする。

```console
$ git fetch
```

`~/.config/git/config` に次のようにprune optionを付けておくことをオススメしている。

<https://tracpath.com/docs/git-fetch/>

```cfg
[fetch]
prune = true
pruneTags = true
```

[andrmuel/projectile-git-autofetch](https://github.com/andrmuel/projectile-git-autofetch) というEmacs Packageを使えば、開いてるプロジェクトを定期的にFetchすることが可能。

```emacs-lisp
(autoload-if-found '(projectile-git-autofetch-setup) "projectile-git-autofetch" nil t)

(add-hook 'emacs-startup-hook #'projectile-git-autofetch-setup)

(with-eval-after-load 'projectile-git-autofetch
  ;; config
  (setopt projectile-git-autofetch-notify nil)
  (setopt projectile-git-autofetch-interval 60)
  (setopt projectile-git-autofetch-fetch-args '("--no-progress" "--prune" "--prune-tags")))
```


### 3. Localで作業をする場合 {#3-dot-localで作業をする場合}

****必ず**** `origin/main` からCheckoutする。

```console
$ git branch
* (HEAD detached at origin/main)
$ git fetch

$ git checkout -b feature/xxx
```

ひととおり作業が終わったらGit PushしてPull Requestを出す。
Pull Requestを出してレビュー状態になったら `origin/main` にCheckoutして作業Branchを消す。

レビュー指摘を貰って修正する時はRemote BranchからLocal Branchを落としてきて作業をする。（以下ループ）

```console
$ git checkout feature/xxx
```


### 4. Pull Request Reviewの場合 {#4-dot-pull-request-reviewの場合}

GitHub上のレビューで完結せず、手元で動作確認したい時はFetchした上でRemote BranchにCheckoutする。

```console
$ git fetch
$ git checkout origin/feature/zzz
```

GitHub CLIを使えば簡単にCheckoutできる。
`--detach` オプションをつければRemote BranchにCheckoutできる。

```console
$ gh pr checkout --detach 2191
```


### 5. Magitの場合 {#5-dot-magitの場合}

Magitのtransient menuを拡張して `gh pr checkout` コマンドを拡張した。
`c p <pr-number>` でRemote Branch、 `c P <pr-number>` でLocal BranchにCheckoutできるようになった。

```emacs-lisp
(defun my/magit-gh-pr-checkout (pr-number detach)
  (let* ((args (append '("pr" "checkout")
                       (when detach '("--detach"))
                       (list (number-to-string pr-number))))
         (cmd (string-join (cons "gh" args) " ")))
    (message "Executing: %s" cmd)
    (apply #'call-process "gh" nil nil nil args)
    (magit-refresh)))

(defun my/magit-gh-pr-checkout-detach ()
  (interactive)
  (let ((pr (read-number "GitHub PR number (detach): ")))
    (my/magit-gh-pr-checkout pr t)))

(defun my/magit-gh-pr-checkout-normal ()
  (interactive)
  (let ((pr (read-number "GitHub PR number (branch): ")))
    (my/magit-gh-pr-checkout pr nil)))

(with-eval-after-load 'magit-branch
  (transient-append-suffix 'magit-branch "c"
    '("p" "Checkout PR (detach)" my/magit-gh-pr-checkout-detach))

  (transient-append-suffix 'magit-branch "c"
    '("P" "Checkout PR (branch)" my/magit-gh-pr-checkout-normal)))
```


## 得られた結果・所感 {#得られた結果-所感}

運用をはじめて半年くらい経ったが圧倒的にミスが減った。
特に最新の `main` Branchを取り込む作業が安全に行えるようになったのが良かった。

当初は運用コストかかるかなと思っていたが、Local Branchのケアが不要になってむしろコストが下がったのでよい施策だった。


## 今後の展開・検討事項 {#今後の展開-検討事項}

手元の環境はあくまで手元なので本質的な解決ではない。
本来はGithub（Remote）側で解決するべき問題なのでBranch Ruleなどで解決をしたい。

また、[Terraform GitHub Providerを導入した]({{< relref "20250402001222-setup_private_terraform_github_provider.md" >}}) のように、GitHubの設定を統一的にTerraform管理できるように理想的な運用を模索したい。


## あとがき {#あとがき}

vim-jpでこの記事を参考にしてブログを書いてくれた人がいたのでメモしておく。

-   [gitのdetatched head運用でmainの誤commitにサヨナラ - Zenn](https://zenn.dev/kawarimidoll/articles/94fe6d900ed4d6)
-   [Claude Codeを活用したNeovimでのGit運用フロー - Zenn](https://zenn.dev/mikinovation/articles/20250519-claude-code-pull-request)


## Backlinks {#backlinks}

-   [GitHub Actions上でtblsを使ってスキーマ情報を取得してAIでSQLを生成する]({{< relref "20250628165348-github_actions_tbls_ai_sql_generation" >}})

--------------------------------------------------------------------------------
title: "2025年5月 Macの再インストール手順メモ"
date: "2025-05-14"
--------------------------------------------------------------------------------

## 背景・動機 {#背景-動機}

たまたまMacを再インストールする必要があった。
普段、手元のマシンの環境構築手順を洗練させてたお陰で少ないステップで構築できたので何をやったのか後学の為にメモしておく。


## 試したこと・やったこと {#試したこと-やったこと}


### 0. Macの生前整理と初期化動線 {#0-dot-macの生前整理と初期化動線}

データが消えてもいいようにバックアップしておく。
基本的にGoogle DriveかGitHubにすべてが置いていて今日PCが故障しても問題ない運用にしている。

-   消えてほしくないデータをGoogle Driveに置く
-   commit漏れてるrepoがないか確認して必要ならpushしておく

初期化動線は通常のmacの初期セットアップなので割愛。


### 1. homebrewを入れる {#1-dot-homebrewを入れる}

terminal.appを開いてhomebrewをインストールする。

<https://brew.sh/ja/>

```console
$ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
```


### 2. nixos-configurationを実行する {#2-dot-nixos-configurationを実行する}

YubiKeyを挿した状態でnix buildを実行する。
必要なツールとmac固有の設定はほぼすべて自動で入るようになっている。

```console
$ git clone https://github.com/takeokunn/nixos-configuration
$ cd nixos-configuration
$ nix run nix-darwin --extra-experimental-features 'flakes nix-command' -- switch --flake .#OPL2212-2 --show-trace
```


### 3. GPG/SSH回りを設定する {#3-dot-gpg-ssh回りを設定する}

[GPG KeyのYubiKey運用をはじめた]({{< relref "20250514155803-yubikey_gpg_operation.md" >}}) にある「3. 新規端末で副鍵（Sign, Auth）を入れる」以降を行う。

GitHubのssh認証を確認する。

```bash
$ ssh -T git@github.com
Hi takeokunn! You've successfully authenticated, but GitHub does not provide shell access.
```


### 4. 必要なレポジトリを落としてsecret.orgをorg-babel-tangleする {#4-dot-必要なレポジトリを落としてsecret-dot-orgをorg-babel-tangleする}

`$ ghq get` で必要なレポジトリを網羅的に落とす。
[credential管理をorg-encryptからpassword-storeに移行した]({{< relref "20250414001634-migrate_credential_manager_to_password_store.md" >}}) のとおり、 `M-x org-babel-tangle` でpassword-storeを実行して必要な設定ファイルのほぼすべてを配置できるようにしている。


### 5. Mac固有の設定をする {#5-dot-mac固有の設定をする}


#### 5.1. Keyboard周り {#5-dot-1-dot-keyboard周り}

[Mac | Option + Tab キーで、同じアプリ内のウィンドウを切り替え可能にする - Qiita](https://qiita.com/Yinaura/items/10fe5fe0cb0a795a0f58) を参考に `Option+Tab` で切り替えられるようにした。

CAPS_LOCKなどはnix-darwin側で設定している。

<https://github.com/takeokunn/nixos-configuration/blob/e49ba0e9e88cbb96a51e4810dbbdb60343e9c5cb/nix-darwin/config/keyboard.nix>


#### 5.2. IME周り {#5-dot-2-dot-ime周り}

[Mac で AquaSKK を Ctrl+Space で切り替えなくても良くする方法 - Zenn](https://zenn.dev/yoshiyoshifujii/articles/78798db6472bf4) を参考にAquaSKKのみ表示されるようにする。

sonoma 15.5ではなぜかできなかったので次の手順で行った。（thanks [@Omochice](https://github.com/Omochice)）

1.  aquaskkを追加する
2.  日本語&gt;日本語ローマ字を有効化
3.  日本語ローマ字の入力モード&gt;英字を有効化
4.  ABCを消す
5.  日本語ローマ字を消す

{{< figure src="/images/7DFF4EC0-8C18-44F1-93B4-73B770624715.png" >}}


#### 5.3. アプリ周り {#5-dot-3-dot-アプリ周り}

Spotlightをdisabledにして[Raycast](https://www.raycast.com/)を有効にするなどの細かい対応をした。


### 6. その他 {#6-dot-その他}

細かい対応を都度行った。

-   Webサービスログイン作業
-   Slackセットアップ
-   `gh auth login` や `terraform login` など
-   `phpactor index:build` などのキャッシュ温め作業
-   `offlineimap` 実行
    -   量が多くて半日くらいかかった
-   etc..


## 得られた結果・所感 {#得られた結果-所感}

8〜9割はNix経由でセットアップが完了したので本当に楽だった。

直前に [GPG KeyのYubiKey運用をはじめた]({{< relref "20250514155803-yubikey_gpg_operation.md" >}}) 対応をしたが、想像以上にスムーズに設定できたので大満足。

[デスクトップ環境をdisposableに保つ](https://masawada.hatenablog.jp/entry/2022/09/09/234159) はArch Linuxだが、Nixならより簡単かつ宣言的に記述できるのでNixは素晴しいですね。


## 今後の展開・検討事項 {#今後の展開-検討事項}

chshがうまくいかなかったので、以下を参考に設定しておく。

-   <https://github.com/natsukium/dotfiles/blob/26851d3917b99047c507fa5f7f7ad52b40a0d630/systems/darwin/common.nix#L27-L35>
-   <https://github.com/nix-darwin/nix-darwin/issues/1237#issuecomment-2562242340>

`Option+Tab` の設定が面倒なのでKarabiner-Elementsを入れてもよいのかもしれない。

MacはGUI経由じゃないとできない固有の設定が多い（nix-darwinがサポートしてない部分）ので大変だったが、NixOSならもっと工数を減らせるはず。
NixOSの設定も頑張りたい。

--------------------------------------------------------------------------------
title: "巨大なLaravelレポジトリでphpactorを使うTips"
date: "2025-05-14"
--------------------------------------------------------------------------------

## 背景・動機 {#背景-動機}

手元で [intelephense](https://intelephense.com/) が最近調子が悪く、定義ジャンプや補完が全然効かなくなってしまった。

phpactorの方がintelephenseよりもちゃんと機能してくれる肌感があったが、いかんせん大きいプロジェクトでは重く使いものにならない印象を持っていた。
しかし、phpactor周辺の設定を徹底したら快適に動くようになってくれたので対応項目をメモしておく。

巨大なLaravelレポジトリの情報は以下。

| プロジェクト | version | コード行数 | phpstan level   |
|--------|---------|-------|-----------------|
| A      | 7.4     | 140万行超 | 5               |
| B      | 8.2     | 40万行 | max/strict-rule |

マシンスペックは以下。

```console
$ nix run nixpkgs#fastfetch

                     ..'          obara@OPL2212-001
                 ,xNMM.           -----------------
               .OMMMMo            OS: macOS Sequoia 15.5 arm64
               lMM"               Host: MacBook Pro (14-inch, 2021)
     .;loddo:.  .olloddol;.       Kernel: Darwin 24.5.0
   cKMMMMMMMMMMNWMMMMMMMMMM0:     Uptime: 1 day, 6 hours, 50 mins
 .KMMMMMMMMMMMMMMMMMMMMMMMWd.     Packages: 1375 (nix-system), 52 (nix-default), 6 (brew), 14 (brew-cask)
 XMMMMMMMMMMMMMMMMMMMMMMMX.       Shell: fish 4.0.2
;MMMMMMMMMMMMMMMMMMMMMMMM:        Display (Color LCD): 3600x2338 @ 120 Hz (as 1800x1169) in 14" [Built-in]
:MMMMMMMMMMMMMMMMMMMMMMMM:        DE: Aqua
.MMMMMMMMMMMMMMMMMMMMMMMMX.       WM: Quartz Compositor 278.4.7
 kMMMMMMMMMMMMMMMMMMMMMMMMWd.     WM Theme: Multicolor (Dark)
 'XMMMMMMMMMMMMMMMMMMMMMMMMMMk    Font: .AppleSystemUIFont [System], Helvetica [User]
  'XMMMMMMMMMMMMMMMMMMMMMMMMK.    Cursor: Fill - Black, Outline - White (32px)
    kMMMMMMMMMMMMMMMMMMMMMMd      Terminal: tmux 3.5a
     ;KMMMMMMMWXXWMMMMMMMk.       CPU: Apple M1 Pro (8) @ 3.23 GHz
       "cooc*"    "*coo'"         GPU: Apple M1 Pro (14) @ 1.30 GHz [Integrated]
                                  Memory: 20.76 GiB / 32.00 GiB (65%)
                                  Swap: Disabled
                                  Disk (/): 153.68 GiB / 460.43 GiB (33%) - apfs [Read-only]
                                  Local IP (en0): 172.16.80.163/18
                                  Battery (bq40z651): 100% [AC connected, Charging]
                                  Power Adapter: 39W
                                  Locale: en_US.UTF-8
```

なお、phpactorについてはPHPerKaigi2025パンフレット記事の [Phpactorから学ぶLanguage Server Protocolの仕組み](https://www.takeokunn.org/pdf/phperkaigi-2025-pamphlet.pdf) に纏めた。


## 試したこと・やったこと {#試したこと-やったこと}


### 1. PHP Runtime周り {#1-dot-php-runtime周り}

[個人的devenv運用]({{< relref "20250126135045-personal_devenv_tips.md" >}}) のとおり、devenv（Nix）経由でphpをインストールしている。

-   xdebugをextensionに入れない
-   `memory_limit=10G` のように十分にメモリを確保しておく
    -   `memory_limit=-1` はPCが固まるのでオススメできない

[PHP8から追加されたJITについて学ぼう!]({{< relref "../permanent/20221222111924-about_php_jit.md" >}}) にあるとおりJITを有効にすると高速化するので、8.2の場合は次のようにJITを有効にしている。

```nix
{ pkgs, ... }: {
  cachix.enable = false;

  dotenv.disableHint = true;

  env.COMPOSER_MEMORY_LIMIT = "4G";

  packages = with pkgs; [
    phpactor
    php82Packages.psysh
  ];

  languages.php = {
    enable = true;
    package = pkgs.php82.buildEnv {
      extensions = { all, enabled }: with all; enabled ++ [ ];
      extraConfig = ''
        memory_limit=10G

        [opcache]
        opcache.enable=1
        opcache.enable_cli=1
        opcache.jit=tracing ; function
        opcache.jit_buffer_size = 128M
      '';
    };
  };
}
```


### 2. phpactor config.json周り {#2-dot-phpactor-config-dot-json周り}

公式サイトでもPerformanceのページがあるが、はっきり言ってこれだけではまったく足りない。

<https://phpactor.readthedocs.io/en/master/tips/performance.html>

`<project-root>/.phpactor.json` の設定例は以下。

phpactorはintegrationを提供してくれているが、有効にすると重いのですべてoffにする。

<https://phpactor.readthedocs.io/en/master/integrations.html>

ポイントはtimeout設定。
`textDocument/references` をするとすぐtimeoutして候補がまったく出ないので可能な限り長く取る。

```json
{
    "phpunit.enabled": false,
    "language_server_phpstan.enabled": false,
    "language_server_php_cs_fixer.enabled": false,
    "language_server_php_cs_fixer.env": {
        "XDEBUG_MODE": "off",
        "PHP_CS_FIXER_IGNORE_ENV": false
    },
    "php_code_sniffer.enabled": false,
    "completion_worse.experimantal": true,
    "indexer.exclude_patterns": [
        "**/tmp/**/*",
        "**/tests/**/*"
    ],
    "language_server_worse_reflection.workspace_index.update_interval": 5000,
    "language_server.diagnostics_on_update": false,
    "language_server_indexer.workspace_symbol_search_limit": 2500,
    "language_server_reference_reference_finder.reference_timeout": 90,
    "language_server_reference_finder.soft_timeout": 60
}
```


### 3. lsp-mode周り {#3-dot-lsp-mode周り}

[emacs-lsp/lsp-mode](https://github.com/emacs-lsp/lsp-mode) の場合になってしまうが、公式のパフォーマンスページを熟読して設定する。

<https://emacs-lsp.github.io/lsp-mode/page/performance/>

また、emacsはjson packageが遅いので[blahgeek/emacs-lsp-booster](https://github.com/blahgeek/emacs-lsp-booster)を設定する。

phpactorのtimeoutを伸ばしたのであわせてlsp-modeのtimoutも伸ばす。

```emacs-lisp
(setopt lsp-response-timeout 60)
```


### 4. Laravel周り {#4-dot-laravel周り}

[barryvdh/laravel-ide-helper](https://github.com/barryvdh/laravel-ide-helper) でメタ情報を増やす。
また、PHPStanを頑張って導入してプロジェクト内に型情報を可能な限り増やし、phpactorの処理を軽減させる。

LSPを立ち上げる前に必ず次のコマンドを叩いてcacheを温めておく。（140万行の方は10分くらいかかる）

```console
$ phpactor index:build -v
```


## 得られた結果・所感 {#得られた結果-所感}

140万行のプロジェクトAでも問題なく挙動してくれるようになった。

40万行のプロジェクトBの方はそもそもPHPStanが厳しいので、LSPが正確かつ高速に挙動してくれるので最高。

かなりの設定をoffにした結果とはいえ、phpactorがphp製だから重いというのもチューニング次第だなというのが設定した感想。


## 今後の展開・検討事項 {#今後の展開-検討事項}

まだまだチューニングできる部分がないか探して、もっと高速に動かせないか検討する。

プロジェクト内の型情報があればある程有利なので、型情報を増やす活動を積極的にしていきたい。

--------------------------------------------------------------------------------
title: "GPG KeyのYubiKey運用をはじめた"
date: "2025-05-11"
--------------------------------------------------------------------------------

## 背景・動機 {#背景-動機}

2025年5月の自分の手元の環境はGPGに重度に依存している。

-   [Bitwardenからpassword-storeに移行した]({{< relref "20240108211345-migrate_bitwarden_to_password_store.md" >}})
-   [Authyからpassword-store-otpに移行した]({{< relref "20240110123142-migrate_authy_to_password_store_otp.md" >}})
-   [credential管理をorg-encryptからpassword-storeに移行した]({{< relref "20250414001634-migrate_credential_manager_to_password_store.md" >}})

GPG Keyの運用についてかねてから悩んでいたが、YubiKey運用が一番よいという結論に至った。
ちょうどMacを初期化するタイミングがあったので完全に移行した。

次の記事を参考にした。

-   [GPG 鍵と YubiKey の運用メモ - Zenn](https://zenn.dev/lambdalisue/articles/gpg-with-yubikey-2024)
-   [YubikeyでOpenPGP鍵をセキュアに使う - κeenのHappy Hacκing Blog](https://keens.github.io/blog/2021/03/23/yubikeywotsukau_openpghen/)
-   [YubiKey(OpenPGP card)には主鍵を入れよう - ふわわあのへや](https://fuwa.dev/posts/yubikey/)


## 試したこと・やったこと {#試したこと-やったこと}


### 0. 運用方針を決める {#0-dot-運用方針を決める}

[GPG 鍵と YubiKey の運用メモ - Zenn](https://zenn.dev/lambdalisue/articles/gpg-with-yubikey-2024) と同様、次の方針で運用してくことにした。

-   YubiKey には主鍵と副鍵 （Encrypt） を焼き、持ち歩く
-   YubiKey の主鍵を利用して副鍵 （Sign, Auth） をデバイス毎に作成・保存しておく
    -   コミット署名はデバイス毎の副鍵 （Sign） を利用する
    -   SSH Keyはデバイス毎の副鍵（Auth） `gpg --export-ssh-key` 経由で端末ごとに生成する
        -   keygrepを `~/.gnupg/sshcontrol` に入れる
-   暗号化・復号機能は YubiKey の副鍵 （Encrypt） を利用する

元記事に加えてSSH KeyもGPG経由で生成することにした。
[Terraform GitHub Providerを導入した]({{< relref "20250402001222-setup_private_terraform_github_provider.md" >}}) でIaCの土壌が用意されているので、端末が増えるごとに毎回追加する運用にしていく。

GPGの仕組みについてはChatGPTにひたすら質問して不安な部分を潰した。


### 1. YubiKeyを購入する {#1-dot-yubikeyを購入する}

Amazonで [Yubico セキュリティキー YubiKey 5C NFC USB-C/FIDO2/WebAuthn/U2F/2段階認証/高耐久性/耐衝撃性/防水](https://www.amazon.co.jp/dp/B08DHL1YDL?ref=ppx_yo2ov_dt_b_fed_asin_title) を購入した。

古いファームウェアには脆弱性があるようで、最新の5.7が届くことを祈りながら注文したら問題なく届いてくれた。（サポートには問合せ済み）

<https://news.mynavi.jp/techplus/article/20240906-3019439/>

{{< figure src="/images/DAA52C19-34D9-4119-A071-7FE95005EAC3.png" >}}

代理店が完売状態が続いていて辛い。

<https://ykey.yubion.com/collections/yubikey-5/products/yubikey-5c-nfc>


### 2. 主鍵と副鍵をYubiKeyに焼く {#2-dot-主鍵と副鍵をyubikeyに焼く}

ありすえさんの記事を参考に焼いた。
特に詰まる所なく対応できた。

-   [https://zenn.dev/lambdalisue/articles/gpg-with-yubikey-2024#主鍵の編集](https://zenn.dev/lambdalisue/articles/gpg-with-yubikey-2024#%E4%B8%BB%E9%8D%B5%E3%81%AE%E7%B7%A8%E9%9B%86)
-   [https://zenn.dev/lambdalisue/articles/gpg-with-yubikey-2024#yubikey-への焼き付け](https://zenn.dev/lambdalisue/articles/gpg-with-yubikey-2024#yubikey-%E3%81%B8%E3%81%AE%E7%84%BC%E3%81%8D%E4%BB%98%E3%81%91)


### 3. 新規端末で副鍵（Sign, Auth）を入れる {#3-dot-新規端末で副鍵-sign-auth-を入れる}

こちらもありすえさんの記事を元に `addkey` をして副鍵を生成した。
元記事に加えて `Auth` も付与して生成した。

-   [https://zenn.dev/lambdalisue/articles/gpg-with-yubikey-2024#各デバイスでの利用法](https://zenn.dev/lambdalisue/articles/gpg-with-yubikey-2024#%E5%90%84%E3%83%87%E3%83%90%E3%82%A4%E3%82%B9%E3%81%A7%E3%81%AE%E5%88%A9%E7%94%A8%E6%B3%95)

Authを付与するには `--expert` のオプションが必要なので注意。

```console
# bad
$ gpg --edit-key <KEY_ID>

# good
$ gpg --expert --edit-key <KEY_ID>
```


### 4. ssh keyを生成する {#4-dot-ssh-keyを生成する}

gpg-agentを有効にして `~/.gnupg/gpg-agent.conf` に次のような設定をした。

<https://github.com/takeokunn/nixos-configuration/blob/main/home-manager/services/gpg-agent/default.nix>

```cfg
enable-ssh-support
grab
default-cache-ttl 86400
default-cache-ttl-ssh 86400
max-cache-ttl 86400
max-cache-ttl-ssh 86400
```

keygrepを取得して `~/.gnupg/sshcontrol` にkeygripを書き込む。

```console
$ gpg -K --with-keygrip
```


### 5. githubにssh keyを登録する {#5-dot-githubにssh-keyを登録する}

[Terraform GitHub Providerを導入した]({{< relref "20250402001222-setup_private_terraform_github_provider.md" >}}) のとおり、terraform経由でssh keyを登録する。

```console
$ gpg --export-ssh-key <KEY_ID>
ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAIOev0KNrycAZEyKdVRBehEKH0l1c8FL9fON4PiguGVOl openpgp:xxxx
```

ここから確認ができる。

<https://github.com/takeokunn.keys>

GPG keyのpublic keyは変化ないので初回登録しておけばよい。

<https://github.com/takeokunn.gpg>


## 得られた結果・所感 {#得られた結果-所感}

想像以上にスムーズにYubiKeyに移行できた。

なんだかんだ以前生成した `~/.ssh/id_ed25519` を使っていたので、SSH Keyから解放されたのが個人的には一番嬉しいポイントかもしれない。


## 今後の展開・検討事項 {#今後の展開-検討事項}

冗長性を高めるために自宅に厳重に保管する用のYubikeyも買って主鍵を焼く。
また、管理課の端末を増やして主鍵副鍵運用をもっと洗練させていく。

この記事を書いている間に [【令和最新版】sshcontrolは使わないで！最近のGPGによるSSH認証のベストプラクティス](https://www.atalie.net/ja/blog/11:gpg-agent-bestpractice/) という記事を見つけたので別途調査する。


## Backlinks {#backlinks}

-   [GitHub Actions内で署名付きCommitをする]({{< relref "20250518201409-signed_commit_in_github_actions" >}})
-   [keyoxideセットアップ]({{< relref "20250528112340-setup_keyoxide" >}})
-   [2025年5月 Macの再インストール手順メモ]({{< relref "20250514222418-reinstall_mac_with_nix" >}})

--------------------------------------------------------------------------------
title: "GitHub ActionsでCachixを導入する"
date: "2025-05-10"
--------------------------------------------------------------------------------

## 背景・動機 {#背景-動機}

NixにハマってからGitHub Actions上でNixを実行する機会が増えた。
Nixというツールの性質上、どうしても実行環境の準備に時間がかかってしまうのでキャッシュ機能を導入したいと以前から思っていた。

Cachixが一番メジャーなサービスであり、個人利用程度なら無料で使えるので今回はじめて利用してみた。


## 試したこと・やったこと {#試したこと-やったこと}


### 1. Cachixの設定をする {#1-dot-cachixの設定をする}

アカウントを新規作成して、New Cacheで作成した。

<https://app.cachix.org/>

「Settings &gt; Cache Auth Tokens」でアクセストークンを作成して,GitHub Actions Secretに `CACHIX_AUTH_TOKEN` に登録した。


### 2. GitHub Actionsで設定する {#2-dot-github-actionsで設定する}

reusable actionで次のように定義した。
reusable actionからは `secrets.XX` を参照できないので引数で渡す必要がある。

```yaml
name: Run setup-nix
description: Set up Nix environment for GitHub Actions

inputs:
  cachix-auth-token:
    required: true

runs:
  using: composite
  steps:
    - uses: cachix/install-nix-action@v31
    - uses: cachix/cachix-action@v14
      with:
        name: takeokunn-blog
        authToken: '${{ inputs.cachix-auth-token }}'
```

次のように呼び出すとよしなにCache HitしたらCachixからCopyしてくれるようになった。

```yaml
steps:
  - name: Setup nix
    uses: ./.github/actions/setup-nix
    with:
      cachix-auth-token: ${{ secrets.CACHIX_AUTH_TOKEN }}
```

あとはよしなにnixを実行する。

```yaml
# nix buildの場合
- name: Build zenn
  run: nix build .#build-zenn

# nix developの場合
- name: flake check
  run: nix develop --command bash -c "textlint 'org/**/*.org'"
```


## 得られた結果・所感 {#得られた結果-所感}

[takeokunn/blog](https://github.com/takeokunn/blog) の場合、平均して1分でNix実行環境を用意できるようになり大幅なCI速度改善を実現できた。

<https://github.com/takeokunn/blog/actions>

{{< figure src="/images/E79CB8EB-4877-4997-AD8C-C78E1045C12E.png" >}}

Cachixの導入は簡単で苦労した所が特になかった。

今回の対応に合わせてflake.nixを充実させた結果、LocalとGitHub Actions上で同一の環境を再現性高く構築できるようになったのが良かった。


## 今後の展開・検討事項 {#今後の展開-検討事項}

LintのチェックなどのCI部分もflake.nix化の対応したい。

--------------------------------------------------------------------------------
title: "markdown-preview-modeとxwidgetsでリアルタイムプレビューする"
date: "2025-05-10"
--------------------------------------------------------------------------------

## 背景・動機 {#背景-動機}

最近AIが生成したMarkdownを読む機会が増えた。
Emacs Buffer上で読むのもよいのだが、ブラウザ上でCSSを当てた方が読みやすいので今回対応した。


## 試したこと・やったこと {#試したこと-やったこと}


### 1. markdown-preview-modeを用意する {#1-dot-markdown-preview-modeを用意する}

-   [ancane/markdown-preview-mode](https://github.com/ancane/markdown-preview-mode) をインストールする
    -   Melpa経由で入る
-   Markdownをコンパイルする為に [pandoc](https://pandoc.org/) を用意する


### 2. markdown-preview-modeの設定をする {#2-dot-markdown-preview-modeの設定をする}

solarized-lightのテーマを選んだ。

```emacs-lisp
(setq markdown-preview-stylesheets (list "http://thomasf.github.io/solarized-css/solarized-light.min.css"))
```

既存のテーマで画像を表示すると表示ずれ発生するのでスタイルを上書きした。

```emacs-lisp
(defun my/markdown-preview-css-filter (orig-return)
  (concat orig-return "<style>img { max-width: 100%; }</style>"))

(advice-add 'markdown-preview--css :filter-return #'my/markdown-preview-css-filter)
```

previewを起動する時にxwidget経由で開くようにした。

```emacs-lisp
(defun my/markdown-preview--start-with-xwidget (orig-fun &rest args)
  (let ((browse-url-browser-function #'xwidget-webkit-browse-url))
    (apply orig-fun args)))

(advice-add 'markdown-preview--start :around #'my/markdown-preview--start-with-xwidget)
```


## 得られた結果・所感 {#得られた結果-所感}

他エディタに遜色ないくらい体験が良くなった。
WebSocket Serverも立ててくれるのでリアルタイムプレビューも可能になった。

{{< figure src="/images/294497E0-19F6-44FD-8664-826BF09039CF.png" >}}


## 今後の展開・検討事項 {#今後の展開-検討事項}

org-modeの場合は [org-preview-html](https://github.com/jakebox/org-preview-html) で実現できるのでxwidget対応をする。

--------------------------------------------------------------------------------
title: "org-roam-ui-liteでblogの関係性を可視化する"
date: "2025-05-10"
--------------------------------------------------------------------------------

## 背景・動機 {#背景-動機}

[org-roamで記事を管理しGitHub Actionsで適切に公開する]({{< relref "../permanent/20231219122351-how_to_manage_blog_by_org_roam.md" >}}) に書いたとおり [takeokunn.org](https://www.takeokunn.org/) は [org-roam](https://www.orgroam.com/) で管理している。

org-roamの可視化ツールに [org-roam-ui](https://github.com/org-roam/org-roam-ui) があるが、次のような問題を抱えていた。

-   Next.jsでリッチに作られすぎてる
    -   NixでPackagingするのが大変
-   GitHub ActionsでBuildするのが大変
-   GitHub PagesでHostingするのが大変

GitHub Pagesに継続的にHostingする仕組みを作りたいと考えて早n年経っていたが、taniさんが [org-roam-ui-lite](https://github.com/tani/org-roam-ui-lite) という軽量なorg-roam-uiを作ってくれたので今回導入してみた。


## 試したこと・やったこと {#試したこと-やったこと}

変更はここに纏まっている。

<https://github.com/takeokunn/blog/commit/5703949e2212fa0e5f23d23869d61ea2b74b8dad>


### 1. flake.nixでBuildできるようにする {#1-dot-flake-dot-nixでbuildできるようにする}

`scripts/org-roam-ui.el` を用意した。

```emacs-lisp
(require 'org-roam)

(setq org-roam-db-location "./org-roam.db")
(setq org-id-locations-file "./.org-id-locations")
(setq org-roam-directory default-directory)
```

flake.nixでorg-roam-ui-liteをimportして `stdenv.mkDerivation` でpackageを作成した。

```diff
diff --git a/hugo/flake.nix b/hugo/flake.nix
index c35c860..155c924 100644
--- a/hugo/flake.nix
+++ b/hugo/flake.nix
@@ -3,9 +3,10 @@
     nixpkgs.url = "github:NixOS/nixpkgs";
     nur-packages.url = "github:takeokunn/nur-packages";
     flake-utils.url = "github:numtide/flake-utils";
+    org-roam-ui-lite.url = "github:tani/org-roam-ui-lite";
   };

-  outputs = { self, nixpkgs, nur-packages, flake-utils }:
+  outputs = { self, nixpkgs, nur-packages, flake-utils, org-roam-ui-lite }:
     flake-utils.lib.eachDefaultSystem (
       system:
       let
@@ -85,6 +86,22 @@
                 cp -r ./public $out/
               '';
             };
+            build-org-roam-ui-lite = pkgs.stdenv.mkDerivation {
+              name = "build-org-roam-ui-lite";
+              src = ./.;
+              nativeBuildInputs = with pkgs; [
+                org-roam-ui-lite.packages.${system}.export
+                (emacsPkg.pkgs.withPackages (epkgs: (with epkgs.melpaPackages; [ org-roam ])))
+              ];
+              buildPhase = ''
+                rm -fr org/private/
+                emacs --batch --load scripts/org-roam-ui.el --funcall org-roam-db-sync
+                org-roam-ui-lite-export -d org-roam.db -o ./public
+              '';
+              installPhase = ''
+                cp -r ./public $out/
+              '';
+            };
           };
         }
     );
```

`nix build` でbuildできることを確認する。

```bash
$ nix build .#build-org-roam-ui-lite
```


### 2. GitHub Actionsに組み込む {#2-dot-github-actionsに組み込む}

GitHub Actionsで `nix build` するだけ。

```yaml
build-hugo-org-roam-ui-lite:
  runs-on: ubuntu-latest
  needs: ci
  defaults:
    run:
      working-directory: ./hugo
  steps:
    - name: Checkout
      uses: actions/checkout@v4
    - name: Setup nix
      uses: ./.github/actions/setup-nix
      with:
        cachix-auth-token: ${{ secrets.CACHIX_AUTH_TOKEN }}
    - name: Build build-org-roam-ui-lite
      run: nix build .#build-org-roam-ui-lite
    - name: Upload coverage report to artifacts
      uses: actions/upload-artifact@v4
      with:
        name: build-hugo-org-roam-ui-lite
        path: ./hugo/result
```

URLは `/graph` だけどリクエストは `/api/graphql.json` なのでディレクトリを移動させた。

```yaml
- name: Download org-roam-ui-lite artifacts
  uses: actions/download-artifact@v4
  with:
    name: build-hugo-org-roam-ui-lite
    path: ./public/graph
    merge-multiple: true
- name: Move api directory
  run: mv ./public/graph/api ./public/api
```


## 得られた結果・所感 {#得られた結果-所感}

GitHub Pagesで確認できるようになった。

<https://www.takeokunn.org/graph/>

{{< figure src="/images/A6299E02-E405-40F8-B357-890C10B93105.png" >}}

CI Workflowが充実してきたが実行速度は3分程度に抑えられている。

{{< figure src="/images/5906E4D3-CCAC-4BB6-B733-F0146814FE74.png" >}}


## 今後の展開・検討事項 {#今後の展開-検討事項}

org-roam-ui-liteが普及してほしいので別途紹介記事をZennに書く。

--------------------------------------------------------------------------------
title: "private-terraformをHCP Terraformに移行した"
date: "2025-05-07"
--------------------------------------------------------------------------------

## 背景・動機 {#背景-動機}

個人用のTerraformプロジェクトを用意して、GitHubとCloudflareとNextDNSの管理をしている。

-   [Terraform GitHub Providerを導入した]({{< relref "20250402001222-setup_private_terraform_github_provider.md" >}})
-   [お名前comからCloudflareにドメイン移管してTerraformで管理する]({{< relref "20250403220528-migrate_onamae_to_cloudflare_and_managed_by_terraform.md" >}})
-   [NextDNSを導入した]({{< relref "20250402012730-setup_nextdns.md" >}})

tfstateのファイルをLocalマシンで雑に管理をしていたのだが、PCの引越し作業が発生したので管理方法を検討する必要があったので対応したことを纏めておく。


## 試したこと・やったこと {#試したこと-やったこと}


### 1. tfstate管理方法を検討 {#1-dot-tfstate管理方法を検討}

-   MUST
    -   料金が無料
    -   セキュリティリスクが低い
    -   安全なterraform実行環境の保証
-   SHOULD
    -   バージョン管理
    -   実行結果の可視性
-   OPTIONAL
    -   CI統合

HCP Terraform（旧terraform cloud）はHashiCorp謹製のCloudサービス。
<https://www.hashicorp.com/ja/cloud>

500 resourcesまでは無料なので個人利用なら無料で完結する。
<https://www.hashicorp.com/en/pricing>

候補としてはさくらインターネットやCloudflareのストレージに上げることも検討していたが、そもそも各サービスを利用しなくなることも考えられるので却下した。


### 2. HCP Terraform自体のTerraformを書く {#2-dot-hcp-terraform自体のterraformを書く}

以下を参考にterraformを書いた。
<https://registry.terraform.io/providers/hashicorp/tfe/latest/docs>

`TF_API_TOKEN` は管理画面から手ぽちで入力している。

```terraform
terraform {
  required_version = "1.11.4"

  cloud {
    organization = "takeokunn-private"
    workspaces {
      name = "tfe"
    }
  }

  required_providers {
    tfe = {
      source  = "hashicorp/tfe"
      version = "0.65.2"
    }
  }
}

variable "TF_API_TOKEN" {
  type = string
}

provider "tfe" {
  token = var.TF_API_TOKEN
}

resource "tfe_organization" "private" {
  name                     = "takeokunn-private"
  email                    = "bararararatty@gmail.com"
  collaborator_auth_policy = "two_factor_mandatory"
}

resource "tfe_project" "default" {
  organization = tfe_organization.private.name
  name         = "private"
}

resource "tfe_workspace" "tfe" {
  name         = "tfe"
  organization = tfe_organization.private.name
  project_id   = tfe_project.default.id
}

resource "tfe_workspace" "nextdns" {
  name         = "nextdns"
  organization = tfe_organization.private.name
  project_id   = tfe_project.default.id
}

resource "tfe_workspace" "cloudflare" {
  name         = "cloudflare"
  organization = tfe_organization.private.name
  project_id   = tfe_project.default.id
}

resource "tfe_workspace" "github" {
  name         = "github"
  organization = tfe_organization.private.name
  project_id   = tfe_project.default.id
}
```


### 3. ディレクトリ構成変更 {#3-dot-ディレクトリ構成変更}

元々はentrypoint1つですべてを流せるようにしていたが、次のようにサービスごとに分け、 `cd` で移動してからterraformを実行する運用に変更した。
この対応によって他サービスの変更に依存せずにversionを上げられるようになった。

```console
$ nix run nixpkgs#tree .
.
├── projects
│   ├── cloudflare
│   │   └── main.tf
│   ├── github
│   │   ├── archive_repo.tf
│   │   ├── main.tf
│   │   ├── private_repo.tf
│   │   ├── public_repo.tf
│   │   └── user_settings.tf
│   ├── nextdns
│   │   └── main.tf
│   └── tfe
│       └── main.tf
└── README.org
```


### 4. 既存リソースの移行 {#4-dot-既存リソースの移行}

`terraform import` を気合で入力して既存リソースの移行作業をした。

ディレクトリ構成変更が功を奏して小さく移行できた。


## 得られた結果・所感 {#得られた結果-所感}

terraformの安全な実行環境を手に入れたので非常に満足している。
特に難易度の高い所はなかったのですんなり導入できた。


## 今後の展開・検討事項 {#今後の展開-検討事項}

現状管理画面に手ぽちで直接秘密鍵を入れているので、sops経由で登録できるようにしたい。


## Backlinks {#backlinks}

-   [Typstで履歴書と職務経歴書をBuildする]({{< relref "20250619103829-build_cv_resume_with_typst" >}})

--------------------------------------------------------------------------------
title: "Typstテーマを自作した"
date: "2025-05-06"
--------------------------------------------------------------------------------

## 背景・動機 {#背景-動機}

[NixでTypstをBuildしGitHub Pagesでホスティングする]({{< relref "20250126114218-build_and_deploy_typst_using_nix.md" >}}) でTypstから生成したPDFスライドを配信する仕組みを作った。
今後の登壇は可能な限りTypstから生成するつもりなのでテーマを自作した。

次の要件を満たす必要があった。

-   ライトテーマ/ダークテーマなどテーマを簡単に切り替えられるようにする
-   ソースコードのシンタックスハイライトサポート
-   数式サポート

個人的にDracula Themeが好きなのでDracula Theme風に作る。


## 試したこと・やったこと {#試したこと-やったこと}


### 1. theme自作 {#1-dot-theme自作}

[polylux](https://typst.app/universe/package/polylux/) をベースに自作した。[basic-polylux](https://typst.app/universe/package/basic-polylux/) あたりを参考に改造した。

シンタックスハイライトは [codelst](https://typst.app/universe/package/codly/) に [Dracula.tmTheme](https://github.com/dracula/textmate/blob/master/Dracula.tmTheme) を読ませてハイライトしている。

```typst
#import "@preview/codelst:2.0.2": sourcecode
#import "@preview/polylux:0.4.0": *

#let blue = rgb("#282a36")
#let white = rgb("#f8f8f2")
#let pink = rgb("#ff79c6")
#let purple = rgb("#bd93f9")
#let orange = rgb("#ffb86c")
#let green = rgb("#50fa7b")
#let gray = rgb("#6272a4")

#let slide-title-header = toolbox.next-heading(h => {
  show: toolbox.full-width-block.with(fill: blue, inset: 1em)
  set text(fill: purple, size: 1.2em)
  strong(h)
})

#let the-footer(content) = {
  set text(size: 0.8em)
  show: pad.with(.5em)
  set align(bottom)
  context text(fill: white.lighten(40%), content)
  h(1fr)
}

#let outline = toolbox.all-sections((sections, _current) => {
  enum(tight: false, ..sections)
})

#let progress-bar = toolbox.progress-ratio(ratio => {
  set grid.cell(inset: (y: .03em))
  grid(
    columns: (ratio * 100%, 1fr),
    grid.cell(fill: pink)[],
    grid.cell(fill: purple)[],
  )
})

#let new-section(name) = slide({
  set page(header: none, footer: none)
  show: pad.with(20%)
  set text(size: 1.5em)
  name
  toolbox.register-section(name)
  progress-bar
})

#let focus(body) = context {
  set page(header: none, footer: none, fill: blue, margin: 2em)
  set text(fill: orange, size: 1.5em)
  set align(center)
  body
}

#let divider = line(length: 100%, stroke: .1em + pink)

#let setup(
  footer: none,
  text-font: "Migu",
  math-font: "Fira Math",
  code-font: "Fira Code",
  text-size: 23pt,
  body,
) = {
  set raw(theme: "./Dracula.tmTheme")

  set page(
    paper: "presentation-16-9",
    fill: blue,
    margin: (rest: 4em),
    footer: the-footer(footer),
    header: slide-title-header,
  )
  set text(
    font: text-font,
    size: text-size,
    fill: white,
  )
  set strong(delta: 100)
  show math.equation: set text(font: math-font)
  show raw: set text(font: code-font)
  set align(horizon)
  show emph: it => text(fill: pink, it.body)
  show heading.where(level: 1): _ => none

  body
}
```


### 2. flake.nixでBuildする {#2-dot-flake-dot-nixでbuildする}

以下抜粋。
<https://github.com/takeokunn/blog/blob/d7501711936b11d3f53c312c2775e20faab35602/typst/flake.nix>

```nix
{
  pkgs.stdenv.mkDerivation {
      inherit name;
      src = ./.;
      nativeBuildInputs = with pkgs; [
        typst
        migu
        fira-math
        fira-code
        (emacsPkg.pkgs.withPackages (epkgs: with epkgs; [ org ox-typst ]))
      ];
      buildPhase = ''
        emacs --batch --load scripts/ox-typst.el --file org/${name}/article.org --funcall org-typst-slide-export-to-typst
        export TYPST_FONT_PATHS="${pkgs.migu}/share/fonts/truetype/migu:${pkgs.fira-math}/share/fonts/opentype:${pkgs.fira-code}/share/fonts/truetype/NerdFonts/FiraCode/"
        export TYPST_PACKAGE_PATH="${typstPackagesCache}/typst/packages"

        cp ./themes/dracula.typ org/${name}/dracula.typ
        cp ./themes/Dracula.tmTheme org/${name}/Dracula.tmTheme
        typst compile org/${name}/article.typ
      '';
      installPhase = ''
        mkdir -p $out
        cp org/${name}/article.pdf $out/${name}.pdf
      '';
    };
}
```


### 3. org-modeでスライドを作成 {#3-dot-org-modeでスライドを作成}

`#+begin_export typst` 内にtypstを記述する。

```org
#+TYPST: #import "./dracula.typ": *
#+TYPST: #show: setup
* Title

スピーカーノートを記述。

#+begin_export typst
#slide[
  #set page(header: none, footer: none, margin: 3em)

  #text(size: 1.3em)[
    ,*こんにちは世界*
  ]

  My subtitle

  #divider

  #set text(size: .8em, weight: "light")
  The Author

  Jan 16, 2025

  Some extra info
]
#+end_export
```


## 得られた結果・所感 {#得られた結果-所感}

PDFを生成できるようになった。
<https://www.takeokunn.org/pdf/example-slide.pdf>

![](/images/2EC21D4B-FC41-44C1-A5E0-8F2E6F326812.jpg)
![](/images/0C793D17-EBA9-49C1-9679-CC1C9ED4359B.jpg)
![](/images/5A54F358-F53F-4295-B219-9C7DC400DE7F.jpg)
![](/images/4CF07E20-20B6-4B4A-838D-C7071F3A2B03.jpg)
![](/images/4F026E33-FB7C-458D-82CD-4393F0F5297B.jpg)
![](/images/61370467-F63F-44F7-A8C8-0653BF33F660.jpg)
![](/images/64AED4DD-9B08-42A0-A4C6-83C0E46328E7.jpg)


## 今後の展開・検討事項 {#今後の展開-検討事項}

今後の発表でガンガン使うことによってtypstに慣れたい。
また、ライトテーマの自作やレイアウトテンプレートの充実など自作テーマの幅を広げたい。


## Backlinks {#backlinks}

-   [Typst自作テーマで登壇スライドを作成した]({{< relref "20250601214129-create_slide_by_typst_self_theme" >}})
-   [Typstとpdfpcでプレゼン機能を実現する]({{< relref "20250608145128-presenting_with_typst_pdfpc" >}})

--------------------------------------------------------------------------------
title: "nixpkgsのunstableでEmacs Nativecomp Buildができない問題とワークアラウンド"
date: "2025-04-17"
--------------------------------------------------------------------------------

## Introduction {#introduction}

2025年4月16日現在、 `aarch64-darwin` 環境でnixpkgs unstableのemacs（nativecomp）をビルドできない問題が発生している。


## ワークアラウンド方法 {#ワークアラウンド方法}

packageに `withNativeCompilation = false;` を書く。

<https://github.com/NixOS/nixpkgs/blob/e51f02babf0ecf7d66e081917e609ae2c3d43ef2/pkgs/applications/editors/emacs/make-emacs.nix#L69>

home-managerをoverlayする場合:

```nix
{ emacs-overlay }:
[
  (import emacs-overlay)

  # bug: https://github.com/NixOS/nixpkgs/issues/395169
  (final: prev: {
    emacs = prev.emacs.override {
      withNativeCompilation = false;
    };
    emacs-unstable = prev.emacs-unstable.override {
      withNativeCompilation = false;
    };
    emacs-git = prev.emacs-git.override {
      withNativeCompilation = false;
    };
  })
]
```

pkgsをoverrideする場合:

```nix
{ pkgs }:
pkgs.emacs.override {
  withNativeCompilation = false;
}
```


## 原因 {#原因}

「emacs: fails to launch on macOS Sequoia 15.4 #395169」に纏まってる。
<https://github.com/NixOS/nixpkgs/issues/395169>

macOS Sequoia 15.4でLC_RPATHが重複して登録されると `Duplicate LC_RPATH are deprecated` で落ちるようになった。

次のようなshell scriptを実行することで解決しているDraft PRがあるが、まだ時間がかかりそうな印象。
<https://github.com/NixOS/nixpkgs/pull/398156>

```bash
# maxOS Sequoia 15.4 updated their link-loader to refuse to evaluate
# dylibs that include duplciate LC_RPATH instructions. Some libraries
# haven't properly fixed this yet, and some internal NixOS builds seem
# to cause this type of issue to occur. This hook simply cleans up any
# duplicates detected inside dylib files.

fixupOutputHooks+=('fixDarwinDuplicateRpathsIn $prefix')

removeDarwinDuplicateRpaths() {
    dylib_path=$1
    duplicates=$(@targetPrefix@otool -l "$dylib_path" | awk '/cmd LC_RPATH/{getline; getline; paths[$2]+=1} END { for (p in paths) if (paths[p]>1) print p }')
    if [ -n "$duplicates" ]; then
        echo "$dylib_path: removing duplicates"
        echo "$duplicates"
        while IFS= read -r dup; do
            @targetPrefix@install_name_tool $dylib_path -delete_rpath "$dup"
        done <<< "$duplicates"
    fi
}

fixDarwinDuplicateRpathsIn() {
    local dir="$1"
    dirs=$(find $dir -name "*.dylib")
    if [ -n "$dirs" ]; then
        while IFS= read -r dylib_path; do
            removeDarwinDuplicateRpaths $dylib_path
        done <<< "$dirs"
    fi
}
```


## 終わりに {#終わりに}

nativecompが有効になってなくても速度面でストレスはないので、暫くはこの運用を続けようと思う。

--------------------------------------------------------------------------------
title: "credential管理をorg-encryptからpassword-storeに移行した"
date: "2025-04-14"
--------------------------------------------------------------------------------

## Introduction {#introduction}

credential管理をorg-encryptからpassword-storeに移行したので作業内容をメモしておく。


## 現状の運用と問題 {#現状の運用と問題}

[org-crypt運用メモ]({{< relref "20250127144907-my_usage_org_crypt.md" >}}) に書いたとおり、 `~/.aws/credentials` のような秘匿情報を `secret.org` を `org-babel-tangle` して出力していた。

次のように `org-decrypt-entries` と `org-encrypt-entries` をadviceして対応していたのだが、[org-nix-shell](https://github.com/AntonHakansson/org-nix-shell) がうまく動かなくなってしまった。

```emacs-lisp
(advice-add 'org-babel-tangle :before #'org-decrypt-entries)
(advice-add 'org-babel-tangle :after #'org-encrypt-entries)
```

[ob-async](https://github.com/astahlman/ob-async) を有効にした時も[org-nix-shell](https://github.com/AntonHakansson/org-nix-shell)が実行できなくなってしまったので、 `advice-add` をすると問題が起きるのかもしれない。（要検証）
[org-nix-shell入門]({{< relref "20250126140928-introduction_org_nix_shell.md" >}}) にも書いたが、[org-nix-shell](https://github.com/AntonHakansson/org-nix-shell)はキラーアプリケーションなので消す訳にはいかない。

`M-x org-encrypt-entries` を手動で実行する運用にしていたが、うっかり叩き忘れたままcommitを何度かしてしまった。

[newren/git-filter-repo](https://github.com/newren/git-filter-repo)などを使ってcommit hisotryから消したが面倒だった。

また、[mcp-servers-nixを導入した]({{< relref "20250409210655-introduction_mcp_servers_nix.md" >}})時点では実装されてなかったが、[mcp-servers-nix](https://github.com/natsukium/mcp-servers-nix) は `passwordCommand` をサポートしてくれた。
よい機会なのでpassword-store管理に移行にすることにした。


## 作業手順 {#作業手順}


### 1. 既存のorg-encryptしてた鍵情報をpassword-store管理下に移行 {#1-dot-既存のorg-encryptしてた鍵情報をpassword-store管理下に移行}

次のように秘密鍵をpassコマンドで検索できるようにする。

```console
pass show gemini/private
```


### 2. org-babel templateを作成 {#2-dot-org-babel-templateを作成}

passコマンドをwrapするコマンドを用意する。

```org
#+name: pass
#+begin_src emacs-lisp :var id="" :results value raw
  (string-trim (shell-command-to-string (format "pass show %s" id)))
#+end_src
```


### 3. 各秘密鍵に埋め込み {#3-dot-各秘密鍵に埋め込み}

`:noweb yes` で関数を実行できるようにする。
`M-x org-babel-tangle` を実行すると、秘密鍵の入った状態で `~/.aider.conf.yml` が出力される。

```org
** ~/.aider.conf.yml
#+begin_src yaml :tangle (expand-file-name "~/.aider.conf.yml") :mkdirp yes :noweb yes
  dark-mode: true
  model: gemini
  api-key:
    - gemini=<<pass(id='gemini/private')>>
#+end_src
```


## 終わりに {#終わりに}

外部コマンドを叩いてる関係で多少tangleに時間がかかるようになってしまったが許容できる範囲内。
長年秘密鍵の管理方法について悩んでたけど方針が決まってよかった。


## Backlinks {#backlinks}

-   [GPG KeyのYubiKey運用をはじめた]({{< relref "20250514155803-yubikey_gpg_operation" >}})
-   [2025年5月 Macの再インストール手順メモ]({{< relref "20250514222418-reinstall_mac_with_nix" >}})

--------------------------------------------------------------------------------
title: "emacsでuniversal-ctagsを使う"
date: "2025-04-09"
--------------------------------------------------------------------------------

## Introduction {#introduction}

[universal-ctags/ctags](https://github.com/universal-ctags/ctags) の検証をしたのでメモしておく。


## 概要 {#概要}

Wikipedia的には以下。
<https://ja.wikipedia.org/wiki/Ctags>

> Ctags（英: Ctags）はソース及びヘッダ内にある名前のインデックス（又はタグ）ファイルを生成するプログラム。様々なプログラミング言語に対応している。言語に依存するが、サブルーチン(関数)、変数、クラスのメンバ、マクロ等がインデックス化される。これらのタグによりテキストエディタなどのツールで高速かつ容易に定義を参照できる。相互参照ファイルを出力でき、また名前についての情報を人が読みやすい形で列挙した言語ファイルを生成することもできる。
>
> Ctagsはケン・アーノルドがBSD Unix用に開発した。後にJim KlecknerによりFortranがサポートされ、ビル・ジョイによりPascalがサポートされた。

universal-ctagsは「A maintained ctags implementation」と自称しているとおり、2025年4月現在も活発にメンテナンスされている。
<https://github.com/universal-ctags/ctags>


## universal-ctags使い方 {#universal-ctags使い方}

Nix経由なら簡単に実行できる。
<https://search.nixos.org/packages?channel=24.11&show=universal-ctags&from=0&size=50&sort=relevance&type=packages&query=universal-ctags>

```console
$ nix run nixpkgs#universal-ctags -- --version

Universal Ctags 6.1.0, Copyright (C) 2015-2023 Universal Ctags Team
Universal Ctags is derived from Exuberant Ctags.
Exuberant Ctags 5.8, Copyright (C) 1996-2009 Darren Hiebert
  URL: https://ctags.io/
  Output version: 0.0
  Optional compiled features: +wildcards, +regex, +gnulib_fnmatch, +gnulib_regex, +iconv, +option-directory, +xpath, +json, +interactive, +yaml, +case-insensitive-filenames, +packcc, +optscript, +pcre2
```

PHPプロジェクトである [bobthecow/psysh](https://github.com/bobthecow/psysh) を例に `TAGS` を生成する。

```console
$ nix run nixpkgs#universal-ctags -- -R --languages=+php,-python -e .
```

`-e` オプションはEmacs用。

```console
-e   Output tag file for use with Emacs.
```

たとえば `src/CodeCleaner.php` は次のように出力される。
<https://github.com/bobthecow/psysh/blob/85057ceedee50c49d4f6ecaff73ee96adb3b3625/src/CodeCleaner.php>

```console
$ nix run nixpkgs#universal-ctags -- -R --languages=+php,-python -e src/CodeCleaner.php
$ cat -p TAGS

src/CodeCleaner.php,3540
namespace Psy;^?Psy^A12,215
use PhpParser\NodeTraverser;^?NodeTraverser^A14,231
use PhpParser\Parser;^?Parser^A15,260
use PhpParser\PrettyPrinter\Standard as Printer;^?Printer^A16,282
use Psy\CodeCleaner\AbstractClassPass;^?AbstractClassPass^A17,331
use Psy\CodeCleaner\AssignThisVariablePass;^?AssignThisVariablePass^A18,370
use Psy\CodeCleaner\CalledClassPass;^?CalledClassPass^A19,414
use Psy\CodeCleaner\CallTimePassByReferencePass;^?CallTimePassByReferencePass^A20,451
use Psy\CodeCleaner\CodeCleanerPass;^?CodeCleanerPass^A21,500
use Psy\CodeCleaner\EmptyArrayDimFetchPass;^?EmptyArrayDimFetchPass^A22,537
use Psy\CodeCleaner\ExitPass;^?ExitPass^A23,581
use Psy\CodeCleaner\FinalClassPass;^?FinalClassPass^A24,611
use Psy\CodeCleaner\FunctionContextPass;^?FunctionContextPass^A25,647
use Psy\CodeCleaner\FunctionReturnInWriteContextPass;^?FunctionReturnInWriteContextPass^A26,688
use Psy\CodeCleaner\ImplicitReturnPass;^?ImplicitReturnPass^A27,742
use Psy\CodeCleaner\IssetPass;^?IssetPass^A28,782
use Psy\CodeCleaner\LabelContextPass;^?LabelContextPass^A29,813
use Psy\CodeCleaner\LeavePsyshAlonePass;^?LeavePsyshAlonePass^A30,851
use Psy\CodeCleaner\ListPass;^?ListPass^A31,892
use Psy\CodeCleaner\LoopContextPass;^?LoopContextPass^A32,922
use Psy\CodeCleaner\MagicConstantsPass;^?MagicConstantsPass^A33,959
use Psy\CodeCleaner\NamespacePass;^?NamespacePass^A34,999
use Psy\CodeCleaner\PassableByReferencePass;^?PassableByReferencePass^A35,1034
use Psy\CodeCleaner\RequirePass;^?RequirePass^A36,1079
use Psy\CodeCleaner\ReturnTypePass;^?ReturnTypePass^A37,1112
use Psy\CodeCleaner\StrictTypesPass;^?StrictTypesPass^A38,1148
use Psy\CodeCleaner\UseStatementPass;^?UseStatementPass^A39,1185
use Psy\CodeCleaner\ValidClassNamePass;^?ValidClassNamePass^A40,1223
use Psy\CodeCleaner\ValidConstructorPass;^?ValidConstructorPass^A41,1263
use Psy\CodeCleaner\ValidFunctionNamePass;^?ValidFunctionNamePass^A42,1305
use Psy\Exception\ParseErrorException;^?ParseErrorException^A43,1348
class CodeCleaner^?CodeCleaner^A49,1550
    private bool $yolo = false;^?yolo^A51,1570
    private bool $strictTypes = false;^?strictTypes^A52,1602
    private Parser $parser;^?parser^A54,1642
    private Printer $printer;^?printer^A55,1670
    private NodeTraverser $traverser;^?traverser^A56,1700
    private ?array $namespace = null;^?namespace^A57,1738
    public function __construct(?Parser $parser = null, ?Printer $printer = null, ?NodeTraverser^?__construct^A68,2359
    public function yolo(): bool^?yolo^A85,2982
    private function getDefaultPasses(): array^?getDefaultPasses^A95,3151
    private function addImplicitDebugContext(array $passes)^?addImplicitDebugContext^A159,5472
    private static function getDebugFile()^?getDebugFile^A195,6446
    private static function isDebugCall(array $stackFrame): bool^?isDebugCall^A219,7096
    public function clean(array $codeLines, bool $requireSemicolons = false)^?clean^A238,7790
    public function setNamespace(?array $namespace = null)^?setNamespace^A263,8524
    public function getNamespace()^?getNamespace^A273,8724
    protected function parse(string $code, bool $requireSemicolons = false)^?parse^A288,9128
    private function parseErrorIsEOF(\PhpParser\Error $e): bool^?parseErrorIsEOF^A322,10102
    private function parseErrorIsUnclosedString(\PhpParser\Error $e, string $code): bool^?parseErrorIsUnclosedString^A336,10569
    private function parseErrorIsUnterminatedComment(\PhpParser\Error $e, string $code): bool^?parseErrorIsUnterminatedComment^A351,10952
    private function parseErrorIsTrailingComma(\PhpParser\Error $e, string $code): bool^?parseErrorIsTrailingComma^A356,11122
```

以下が読み方らしい。

| 行                                                                                        | 説明                    |
|------------------------------------------------------------------------------------------|-----------------------|
| namespace Psy;^?Psy^A12,215                                                               | Psy という名前空間を定義している（行12） |
| use PhpParser\Parser;^?Parser^A15,260                                                     | Parser を use している（行15） |
| class CodeCleaner^?CodeCleaner^A49,1550                                                   | CodeCleaner クラスの定義（行49） |
| private bool $yolo = false;^?yolo^A51,1570                                                | yolo プロパティの定義（行51） |
| public function clean（array $codeLines, bool $requireSemicolons = false）^?clean^A238,7790 | clean 関数の定義（行238） |


## emacsとの繋ぎ込み {#emacsとの繋ぎ込み}

特に設定していなくても `<project-root>/TAGS` があれば、任意の関数で `M-x xref-find-definitions(M-.)`  を実行してジャンプできる。

xrefのbackendがetagsになり、次のようにTAGSのPATHを解決してる。

```emacs-lisp
(expand-file-name "TAGS" (locate-dominating-file default-directory "TAGS"))
```

-   <https://github.com/emacs-mirror/emacs/blob/master/lisp/progmodes/etags.el>
-   <https://github.com/emacs-mirror/emacs/blob/master/lisp/progmodes/xref.el>

buffer saveにhookしてctagsを再生成するのが一般的のようだ。


## 終わりに {#終わりに}

思った以上に簡単に使えた。
php-srcやvimなどのOSSコードリーディングはLSP重いしこれでよいのかもしれない。

--------------------------------------------------------------------------------
title: "mcp-servers-nixを導入した"
date: "2025-04-09"
--------------------------------------------------------------------------------

## Introduction {#introduction}

natsukium謹製の [natsukium/mcp-servers-nix](https://github.com/natsukium/mcp-servers-nix) を [takeokunn/nixos-configuration](https://github.com/takeokunn/nixos-configuration) に導入したのでメモしておく。


## 変更点 {#変更点}


### Before {#before}

-   Orgファイルから `org-babel-tangle` で `~/Library/Application\ Support/Claude/claude_desktop_config.json` を出力
-   必要なpackageは [node2nix](https://github.com/svanderburg/node2nix) 経由で入れる
-   秘密鍵はOrgファイルで `org-encrypt` して管理
    -   ref. [org-crypt運用メモ]({{< relref "20250127144907-my_usage_org_crypt.md" >}})


### After {#after}

-   [natsukium/mcp-servers-nix](https://github.com/natsukium/mcp-servers-nix) からMCPに必要なものをjsonを出力
-   必要なpackageは大体 [natsukium/mcp-servers-nix](https://github.com/natsukium/mcp-servers-nix) に同梱されてる
    -   足りないものは [node2nix](https://github.com/svanderburg/node2nix) 経由で入れる
-   秘密鍵は [sops-nix](https://github.com/Mic92/sops-nix) で管理


## 作業内容 {#作業内容}

[MCPサーバーの設定をセキュアでGit friendlyにする - Zenn](https://zenn.dev/natsukium/articles/f010c1ec1c51b2) を事前に読む。


### 1. sops-nixに登録 {#1-dot-sops-nixに登録}

`sops/password.yml` に以下を登録する。

```yaml
brave-api-token: BRAVE_API_KEY=xxxx
```

`sops/default.nix` で読み込めるようにする。

```nix
{
  sops = {
    defaultSopsFile = ./password.yaml;
    secrets = {
      brave-api-token = { };
    };
  };
}
```


### 2. mcp-serversを記述する {#2-dot-mcp-serversを記述する}

`envFile = config.sops.secrets.brave-api-token.path;` のように環境変数を渡す。

```nix
{
  pkgs,
  config,
  mcp-servers-nix,
  nodePkgs,
}:
let
  programs = {
    fetch.enable = true;
    playwright.enable = true;
    brave-search = {
      enable = true;
      envFile = config.sops.secrets.brave-api-token.path;
    };
  };
in
[
  {
    home.file."Library/Application\ Support/Claude/claude_desktop_config.json" = {
      source = mcp-servers-nix.lib.mkConfig pkgs {
        inherit programs;
      };
    };
  }
]
```


### 3. home-managerに組込み {#3-dot-home-managerに組込み}

`home-manager/advanced.nix` で `imports` で登録すればよい。

```nix
{
  config,
  system,
  nixpkgs,
  org-babel,
  emacs-overlay,
  mcp-servers-nix,
  ...
}:
let
  # --- 中略 ---
  pkgs = import nixpkgs {
    inherit system;
    config.allowUnfree = true;
    overlays = basicOverlay ++ advancedOverlay;
  };
  nodePkgs = pkgs.callPackage ../node2nix { inherit pkgs; };

  # mcp servers
  mcpServers = import ./mcp-servers {
    inherit pkgs nodePkgs;
    inherit config mcp-servers-nix;
  };
in
{
  imports =  mcpServers;
}
```


## 作業結果 {#作業結果}

正常に動くことを確認できた。

{{< figure src="/images/B895E989-CD33-4A5E-967D-66E6DD2F3401.png" >}}

{{< figure src="/images/B7AFBD4E-D4F3-49E8-A809-DEA091F5B3B0.png" >}}

`$ cat ~/Library/Application\ Support/Claude/claude_desktop_config.json`:

```json
{
  "mcpServers": {
    "brave-search": {
      "args": [],
      "command": "/nix/store/ycnnbcc78f826p1qv1ishw51i7kizvpn-mcp-server-brave-search/bin/mcp-server-brave-search",
      "env": {}
    },
    "fetch": {
      "args": [],
      "command": "/nix/store/bygbip4rxvmpyrcccznv69ssvg65985m-mcp-server-fetch-2025.3.28/bin/mcp-server-fetch",
      "env": {}
    },
    "playwright": {
      "args": [
        "--executable-path",
        "/nix/store/97prd65kac7lms777bigyjq56igmx2jq-google-chrome-135.0.7049.42/bin/google-chrome-stable"
      ],
      "command": "/nix/store/xp3hby1vl5ppf1xpmlnzj9b8lpnf94q1-playwright-mcp-0.0.9/bin/mcp-server-playwright",
      "env": {}
    }
  }
}
```


## 終わりに {#終わりに}

sopsに雑にパスワードを登録してるのでもう少しオシャレに管理したい。

```yaml
brave-api-token: BRAVE_API_KEY=xxxx
```


## Backlinks {#backlinks}

-   [node2nixの使い方]({{< relref "20250622133346-how_to_use_node2nix" >}})
-   [credential管理をorg-encryptからpassword-storeに移行した]({{< relref "20250414001634-migrate_credential_manager_to_password_store" >}})

--------------------------------------------------------------------------------
title: "BitwardenとAuthyのアカウントを削除した"
date: "2025-04-08"
--------------------------------------------------------------------------------

## Introduction {#introduction}

[Bitwardenからpassword-storeに移行した]({{< relref "20240108211345-migrate_bitwarden_to_password_store.md" >}}) でBitwardenから離れて1年以上経った。
当初はBitwardenにしかない情報もあったのでを開くこともあったが、今になっては使うことがなくなったのでアカウントを完全に削除する。

また、[Authyからpassword-store-otpに移行した]({{< relref "20240110123142-migrate_authy_to_password_store_otp.md" >}})でAuthyも使わなくなったのでついでに削除する。


## 作業手順 {#作業手順}


### 1. Bitwarden {#1-dot-bitwarden}

公式ドキュメントを参考に削除する。

[https://bitwarden.com/ja-jp/help/delete-your-account/](https://bitwarden.com/ja-jp/help/delete-your-account/)

「個人のアカウントを削除します &gt; アカウントを削除」で特に警告も出ずにサクっと消えた。

{{< figure src="/images/F156CC55-0D2F-4F33-9B11-DD831588D5A7.png" >}}


### 2. Authy {#2-dot-authy}

公式の削除動線を辿って確認メールを踏んで削除する。

<https://www.authy.com/account/delete/>

{{< figure src="/images/9AE8AD89-1FE5-4218-8EF8-0F31B915EF11.png" >}}


## 終わりに {#終わりに}

BitwardenもAuthyも駆け出しエンジニアの頃から使ってたので思い入れのあるツールだった。
10年間ありがとう。

--------------------------------------------------------------------------------
title: "Denoで簡易的なCLIツールを作る"
date: "2025-04-03"
--------------------------------------------------------------------------------

## Introduction {#introduction}

DenoでCLIツールを試験的に作ったのでメモしておく。


## 方針 {#方針}

-   [cliffy](https://cliffy.io/) で作成
-   `cat` と `grep` をSub Commandで簡易的に作成


## ディレクトリ構造 {#ディレクトリ構造}

```console
$ nix run nixpkgs#tree .
.
├── deno.json
├── deno.lock
└── src
    ├── commands
    │   ├── cat.ts
    │   └── grep.ts
    ├── deps.ts
    └── main.ts

3 directories, 6 files
```


## 作業手順 {#作業手順}


### 1. 依存関係をインストール {#1-dot-依存関係をインストール}

`$ deno install` で入れて使い易いように `src/deps.ts` を用意する

`deno.json`:

```json
{
  "imports": {
    "@cliffy/command": "jsr:@cliffy/command@^1.0.0-rc.7"
  }
}
```

`src/deps.ts`:

```typescript
export { Command } from '@cliffy/command';
```


### 2. Command作成 {#2-dot-command作成}

```typescript
import { Command } from './deps.ts';
import { catCommand } from './commands/cat.ts';
import { grepCommand } from './commands/grep.ts';

await new Command()
  .name('mycli')
  .version('0.1.0')
  .description('My CLI tool')
  .command('cat', catCommand)
  .command('grep', grepCommand)
  .parse(Deno.args);
```


### 3. Sub Command {#3-dot-sub-command}


#### 3.1 cat {#3-dot-1-cat}

```typescript
import { Command } from '../deps.ts';

const displayFiles = async (files: string[]): Promise<void> => {
  for (const file of files) {
    try {
      const content = await Deno.readTextFile(file);
      console.log(`--- ${file} ---`);
      console.log(content);
    } catch (err) {
      if (err instanceof Error) {
        console.error(`Error reading ${file}: ${err.message}`);
      } else {
        console.error(`Unknown error:`, err);
      }
    }
  }
};

export const catCommand = new Command()
  .name('cat')
  .description('Display content of files')
  .arguments('<files...>')
  .action(async (_, ...files: string[]) => await displayFiles(files));
```


#### 3.2 grep {#3-dot-2-grep}

```typescript
import { Command } from '../deps.ts';

const grepFiles = async (pattern: string, files: string[]): Promise<void> => {
  const regex = new RegExp(pattern, 'g');

  for (const file of files) {
    try {
      const content = await Deno.readTextFile(file);
      const lines = content.split('\n');
      let matchFound = false;

      for (let i = 0; i < lines.length; i++) {
        if (regex.test(lines[i])) {
          if (!matchFound) {
            console.log(`\n--- ${file} ---`);
            matchFound = true;
          }
          console.log(`${i + 1}: ${lines[i]}`);
          regex.lastIndex = 0; // Reset regex for next test
        }
      }
    } catch (err) {
      if (err instanceof Error) {
        console.error(`Error reading ${file}: ${err.message}`);
      } else {
        console.error(`Unknown error:`, err);
      }
    }
  }
};

export const grepCommand = new Command()
  .name('grep')
  .description('Search for pattern in files')
  .arguments('<pattern> <files...>')
  .action(async (_, pattern: string, ...files: string[]) =>
    await grepFiles(pattern, files)
  );
```


### 4. Command実行 {#4-dot-command実行}


#### 4.1 cat {#4-dot-1-cat}

```console
$ deno run --allow-read src/main.ts cat deno.json src/deps.ts
--- deno.json ---
{
  "imports": {
    "@cliffy/command": "jsr:@cliffy/command@^1.0.0-rc.7"
  }
}

--- src/deps.ts ---
export { Command } from '@cliffy/command';
```


#### 4.2 grep {#4-dot-2-grep}

```console
$ deno run --allow-read src/main.ts grep "command" deno.json src/main.ts

--- deno.json ---
3:     "@cliffy/command": "jsr:@cliffy/command@^1.0.0-rc.7"

--- src/main.ts ---
2: import { catCommand } from './commands/cat.ts';
3: import { grepCommand } from './commands/grep.ts';
9:   .command('cat', catCommand)
10:   .command('grep', grepCommand)
```


## 終わりに {#終わりに}

TypeScriptで記述できるのはnpmの資産が使えて便利だし、cliffyも使い勝手が非常によい。

--------------------------------------------------------------------------------
title: "flake.nixでポータブルな最小構成のEmacsを作成する"
date: "2025-04-03"
--------------------------------------------------------------------------------

## Introduction {#introduction}

「任意のEmacs Packageが動かない」がおま環かバグかというのを切り分けることは非常に重要。
誰でも同じ環境を整えられるようにすると問題解決が捗るので構築方法をメモしておく。


## 作業手順 {#作業手順}


### 1. init.el作成 {#1-dot-init-dot-el作成}

今回のサンプルは[rainbow-delimiters](https://melpa.org/#/rainbow-delimiters)が動作するか確認するものにする。

```emacs-lisp
(use-package rainbow-delimiters
  :ensure t
  :hook
  (prog-mode-hook . rainbow-delimiters-mode))
```


### 2. flake.nix作成 {#2-dot-flake-dot-nix作成}

`alwaysEnsure = true;` にすると `init.el` 内の `:ensure t` を読んでNix Build時によしなにインストールしてくれる。

また、[emacs-overlay](https://github.com/nix-community/emacs-overlay) を使うと `unstable/stable/head` など複数バージョンで実行できるので検証の幅を簡単に広げられる。
<https://github.com/nix-community/emacs-overlay/blob/master/overlays/emacs.nix>

```nix
{
  inputs = {
    nixpkgs.url = "github:NixOS/nixpkgs/nixpkgs-unstable";
    emacs-overlay = {
      url = "github:nix-community/emacs-overlay";
      inputs.nixpkgs.follows = "nixpkgs";
    };
  };

  outputs = { self, nixpkgs, emacs-overlay }:
    let
      system = "aarch64-darwin";
      pkgs = import nixpkgs {
        inherit system;
        overlays = [ emacs-overlay.overlay ];
      };
      emacs = pkgs.emacsWithPackagesFromUsePackage {
        config = ./init.el;
        package = pkgs.emacs-unstable;
        alwaysEnsure = true;
      };
    in
      {
        packages.${system}.default = emacs;
      };
}
```


### 3. Nix Buildして実行 {#3-dot-nix-buildして実行}

Localに一切依存しない形でEmacsをBuildできる。

```console
$ nix build .#default
$ ./result/bin/emacs -nw -Q
```


## 終わりに {#終わりに}

「最小構成を作ってください」の正解は `flake.nix` だと思っている。

余談だが、natsukiumの「一般構築魔法（Nix）のVimへの応用について」の「Nixでプラグインの実行環境を提供する」でも同じことが書かれている。
<https://zenn.dev/natsukium/articles/b4899d7b1e6a9a#nix%E3%81%A7%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E3%81%AE%E5%AE%9F%E8%A1%8C%E7%92%B0%E5%A2%83%E3%82%92%E6%8F%90%E4%BE%9B%E3%81%99%E3%82%8B>

--------------------------------------------------------------------------------
title: "お名前comからCloudflareにドメイン移管してTerraformで管理する"
date: "2025-04-03"
--------------------------------------------------------------------------------

## Introduction {#introduction}

お名前comで管理していた `takeokunn.org` をCloudflareに移管したのでメモしておく。


## Background {#background}

お名前comには世の中のエンジニアと同じように、長年次の不満を抱えていた。

-   管理画面がとにかく使いづらい
-   広告・営業メールが多い
-   自動更新やオプションの設定が本当に分かりづらい
-   IaCに対応していない

vim-jpで令和時代にドメインを管理するならCloudflare一択という意見をもらったので移管した。


## 作業手順 {#作業手順}

ドメインの移管はじめてだったこと、個人ドメインであることからダウンタイムが発生許容した。
2と3を入れ替えればダウンタイムが発生しなかったかもしれない。


### 1. Cloudflareにアカウントを作成する {#1-dot-cloudflareにアカウントを作成する}

公式サイトから新規登録をしてクレジットカードを登録する。

[https://www.cloudflare.com/ja-jp/](https://www.cloudflare.com/ja-jp/)


### 2. お名前comからCloudflareに移管する {#2-dot-お名前comからcloudflareに移管する}

[お名前.com から Cloudflare Registrar にドメイン移管した話 - Zenn](https://zenn.dev/muchoco/articles/9039762136e15c) を参考に移管した。

「トランスファー申請の承認」が15分以上かかったがいずれ来るので気長に待てばよい。


### 3. Terraformで管理する {#3-dot-terraformで管理する}

Terraform Cloudflare Providerを使う。

[https://registry.terraform.io/providers/cloudflare/cloudflare/latest/docs](https://registry.terraform.io/providers/cloudflare/cloudflare/latest/docs)


#### 3.1 provider作成 {#3-dot-1-provider作成}

[sops](https://github.com/getsops/sops) にAPI Tokenを保存して [terraform-provider-sops](https://github.com/carlpett/terraform-provider-sops) 経由で入れる。

```terraform
terraform {
  required_providers {
    sops = {
      source  = "carlpett/sops"
      version = "~> 0.5"
    }
    cloudflare = {
      source  = "cloudflare/cloudflare"
      version = "~> 5"
    }
  }
}

provider "sops" {}

data "sops_file" "secret" {
  source_file = "./secrets.yaml"
}

provider "cloudflare" {
  api_token = data.sops_file.secret.data.cloudflare
}
```


#### 3.2 レコード作成 {#3-dot-2-レコード作成}

```terraform
locals {
  # for takeokunn.org
  takeokunn_org_zone_id = "xxx"
}

resource "cloudflare_dns_record" "a_records" {
  provider = cloudflare
  for_each = toset([
    "185.199.108.153",
    "185.199.109.153",
    "185.199.110.153",
    "185.199.111.153"
  ])
  zone_id = local.takeokunn_org_zone_id
  name    = "takeokunn.org"
  content = each.key
  type    = "A"
  ttl     = 1
  proxied = false
}

resource "cloudflare_dns_record" "cname_emacs" {
  zone_id = local.takeokunn_org_zone_id
  name    = "emacs.takeokunn.org"
  content = "takeokunn.github.io"
  type    = "CNAME"
  ttl     = 1
  proxied = false
}
```


### 4. 管理画面から確認する {#4-dot-管理画面から確認する}

正常に `terraform apply`  されていることを確認する。

{{< figure src="/images/67154738-5226-46D6-80F3-959E0BD1F962.png" >}}


## 終わりに {#終わりに}

お名前comからの脱却と、手元環境のTerraform化が進んできて非常によい。

-   [NextDNSを導入した]({{< relref "20250402012730-setup_nextdns.md" >}})
-   [Terraform GitHub Providerを導入した]({{< relref "20250402001222-setup_private_terraform_github_provider.md" >}})


## Backlinks {#backlinks}

-   [private-terraformをHCP Terraformに移行した]({{< relref "20250507230034-use_private_terraform_cloud" >}})

--------------------------------------------------------------------------------
title: "NextDNSを導入した"
date: "2025-04-02"
--------------------------------------------------------------------------------

## Introduction {#introduction}

かねてから興味があった [NextDNS](https://nextdns.io/) が Terraform Provider と nix-darwin/nixos で設定できることを知り、せっかくなので導入してみた。


## What is NextDNS? {#what-is-nextdns}

流行のDeep Reasearchの結果は以下Gist。

<https://gist.github.com/takeokunn/aa9bc9ef2c7d670b71bfd962c8a1a80e>

日本人でも使っている人がちらほらいる。

-   [ほぼ無料で全てまとめて広告ブロックできるNextDNSとは](https://vpn-taizen.com/what_is_nextdns/)
-   [NextDNSを使ってみて広告ブロックが捗ったので紹介](https://mkusaka.com/2023/06/18/nextdns/)
-   [NextDNSで安全で快適なブラウジング](https://www.qam-web.com/?p=21061#google_vignette)


## 作業手順 {#作業手順}


### 1. アカウント作成してAPI Key発行 {#1-dot-アカウント作成してapi-key発行}

公式サイトからメールアドレスとパスワードで登録する。
<https://nextdns.io/>

管理画面からMFAを設定してAPI keyを発行する。
<https://my.nextdns.io/account>


### 2. Terraform設定 {#2-dot-terraform設定}

ドキュメントを参考に画面上で設定できるものを宣言的に設定する。
<https://registry.terraform.io/providers/carbans/nextdns/latest/docs>


#### 2.1 providerを設定 {#2-dot-1-providerを設定}

[sops](https://github.com/getsops/sops) にAPI Tokenを保存して [terraform-provider-sops](https://github.com/carlpett/terraform-provider-sops) 経由で入れる。

```terraform
terraform {
  required_providers {
    sops = {
      source  = "carlpett/sops"
      version = "~> 0.5"
    }
    nextdns = {
      source  = "carbans/nextdns"
      version = "~> 0.2"
    }
  }
}

provider "sops" {}

data "sops_file" "secret" {
  source_file = "./secrets.yaml"
}

provider "nextdns" {
  api_key = data.sops_file.secret.data.nextdns
}
```


#### 2.2 各種設定 {#2-dot-2-各種設定}

とりあえず有効にできるものは有効にした。

```terraform
resource "nextdns_profile" "main" {
  name = "Main Network"
}

resource "nextdns_security" "main" {
  profile_id                = nextdns_profile.main.id
  ai_threat_detection       = true
  crypto_jacking            = true
  csam                      = true
  ddns                      = true
  dga                       = true
  dns_rebinding             = true
  google_safe_browsing      = true
  idn_homographs            = true
  nrd                       = false
  parking                   = true
  threat_intelligence_feeds = true
  typo_squatting            = true
}

resource "nextdns_privacy" "main" {
  profile_id         = nextdns_profile.main.id
  disguised_trackers = true
  allow_affiliate    = true
}

resource "nextdns_settings" "main" {
  profile_id = nextdns_profile.main.id
  web3       = true
  logs {
    enabled   = true
    retention = "1 day"
    location  = "us"

    privacy {
      log_clients_ip = true
      log_domains    = true
    }
  }

  block_page {
    enabled = true
  }

  performance {
    ecs              = true
    cache_boost      = true
    cname_flattening = true
  }
}
```


### 3. Nix設定 {#3-dot-nix設定}


#### 3.1 nix-darwin設定 {#3-dot-1-nix-darwin設定}

nix-darwinはserviceで提供してくれているので有効にするだけ。
<https://mynixos.com/nix-darwin/options/services.nextdns>

```nix
{
  services.nextdns = {
    enable = true;
    arguments = [ "-profile" "xxxx" ];
  };
}
```


#### 3.2 NixOS設定 {#3-dot-2-nixos設定}

NixOS公式が提供してくれているので同様に有効するだけ。
<https://search.nixos.org/options?channel=24.11&from=0&size=50&sort=relevance&type=packages&query=nextdns>


### 4. 接続確認 {#4-dot-接続確認}

あまりよくわかっていないが、以下を明示的にたたく必要があった。（要調査）

```console
$ nix run nixpkgs#nextdns activate
```

管理画面で有効になっていることを確認できればよい。

{{< figure src="/images/F20AAC35-AE8E-4165-BE3C-F39FDC46731A.png" >}}

ついでにAndroidも設定をした。

```text
プライベート DNS
Android 9 以降

1. 設定 → ネットワークとインターネット → 詳細設定 → プライベート DNS に移動します。
2.「プライベート DNS プロバイダのホスト名」オプションを選択します。
3. xxxx.dns.nextdns.io を入力し、「保存」を押します。
```


## 作業結果 {#作業結果}

Webサイトへのアクセスが体感速くなったがあくまで体感。
もう少し運用してみて様子を見たい。


## Backlinks {#backlinks}

-   [お名前comからCloudflareにドメイン移管してTerraformで管理する]({{< relref "20250403220528-migrate_onamae_to_cloudflare_and_managed_by_terraform" >}})
-   [private-terraformをHCP Terraformに移行した]({{< relref "20250507230034-use_private_terraform_cloud" >}})

--------------------------------------------------------------------------------
title: "Terraform GitHub Providerを導入した"
date: "2025-04-02"
--------------------------------------------------------------------------------

## Introduction {#introduction}

個人の運用でTerraform GitHub Providerを導入したのでメモしておく。


## Motiviation {#motiviation}

長年ソフトウェアエンジニアをやってたらリポジトリが増えていく。特に最近のLLMの流行で検証用に作るリポジトリが顕著に増えている。
「Automatically delete head branchesは必ず有効にする」など、統一的な環境を宣言的にしたいという欲求があった。

また、SSH keysの設定など個人の設定も可能な限り宣言的に記述したい。


## 作業手順 {#作業手順}

こちらのproviderを使って導入する。
<https://registry.terraform.io/providers/integrations/github/latest>


### 0. Access Tokenを用意する {#0-dot-access-tokenを用意する}

「Personal access tokens &gt; Fine-grained personal access tokens」で必要に応じて権限を付与してTokenを発行する。


### 1. provider定義 {#1-dot-provider定義}

[sops](https://github.com/getsops/sops) にGitHub API Tokenを保存して [terraform-provider-sops](https://github.com/carlpett/terraform-provider-sops) 経由で入れる。

```terraform
terraform {
  required_providers {
    sops = {
      source  = "carlpett/sops"
      version = "~> 0.5"
    }
    github = {
      source  = "integrations/github"
      version = "~> 6.0"
    }
  }
}

provider "sops" {}

data "sops_file" "secret" {
  source_file = "./secrets.yaml"
}

provider "github" {
  token = data.sops_file.secret.data.github
}
```


### 2. ssh key定義 {#2-dot-ssh-key定義}

[github_user_ssh_key](https://registry.terraform.io/providers/integrations/github/latest/docs/resources/user_ssh_key) で定義できる。

```terraform
resource "github_user_ssh_key" "main" {
  title = "main"
  key   = "ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAIG9NCQp8KbNmdCQohUKzAJsNKe+Rz4IYDdthVX9Hzymi"
}
```

ここで確認できる。
<https://github.com/takeokunn.keys>


### 3. gpg key定義 {#3-dot-gpg-key定義}

[github_user_gpg_key](https://registry.terraform.io/providers/integrations/github/latest/docs/resources/user_gpg_key) で定義できる。

```terraform
resource "github_user_gpg_key" "main" {
  armored_public_key = <<EOT
-----BEGIN PGP PUBLIC KEY BLOCK-----

mQINBGCPIQMBEAC+pajm1AKxI+aUdEgyDnJk4KZzz9G92sE/BqEr4pru4VGGuIZ8
L54olQLbbI6Epz8U8gRd6sfqf6ku4HmLWAtrtTNBwCqPpI7JDcLdKZM8w8HcI3/1
rdK3ZjCi1UTnkMHoKqKzYyIuum3qAQM8qEJIrW6miYfepT9KgitdpLY4jmCCeqv6

中略

-----END PGP PUBLIC KEY BLOCK-----
EOT
}
```

ここで確認できる。
<https://github.com/takeokunn.gpg>


### 4. repository定義 {#4-dot-repository定義}

[github_repository](https://registry.terraform.io/providers/integrations/github/latest/docs/resources/repository) や [github_repository_topics](https://registry.terraform.io/providers/integrations/github/latest/docs/resources/repository_topics) あたりで定義できる。

```terraform
resource "github_repository" "blog" {
  name                   = "blog"
  description            = "This is a Zettelkasten blog generated by org-roam and ox-hugo."
  visibility             = "public"
  has_issues             = true
  homepage_url           = "https://www.takeokunn.org/"
  delete_branch_on_merge = true

  pages {
    build_type = "workflow"
    cname      = "www.takeokunn.org"
  }
}

resource "github_repository_topics" "blog" {
  repository = github_repository.blog.name
  topics     = ["blog", "hugo", "org-mode", "zettelkasten", "org-roam"]
}
```

上記の設定をすると [takeokunn/blog](https://github.com/takeokunn/blog) のようにtopicが反映される。

既存のリポジトリは `terraform import` で帳尻を合わせればよい

```console
$ erraform import module.github.github_repository.blog blog
```

CI構築しているなら `sops` で秘密鍵を管理しつつ、 [github_actions_environment_secret](https://registry.terraform.io/providers/integrations/github/latest/docs/resources/actions_environment_secret) などで流すのも良さそう。


## 作業結果 {#作業結果}

メインで使っている個人リポジトリはすべてTerraform管理に移行した。
また、新規リポジトリもTerraform経由で宣言的に作成できることを確認した。


## 終わりに {#終わりに}

使用感は非常に良く、移行も一晩で終わったので良かった。

TerraformはPrivateリポジトリで管理しており、ほかにも[ Cloudflare Provider ](https://registry.terraform.io/providers/cloudflare/cloudflare/latest/docs)や [NextDNS Provider](https://registry.terraform.io/providers/carbans/nextdns/latest) を管理している。
外部サービスは可能な限りTerraformで管理できるようにしていきたい。


## Backlinks {#backlinks}

-   [Typstで履歴書と職務経歴書をBuildする]({{< relref "20250619103829-build_cv_resume_with_typst" >}})
-   [GitHub Actions内で署名付きCommitをする]({{< relref "20250518201409-signed_commit_in_github_actions" >}})
-   [個人的Local環境のGit Branch運用について]({{< relref "20250518144557-local_git_branch_operation" >}})
-   [お名前comからCloudflareにドメイン移管してTerraformで管理する]({{< relref "20250403220528-migrate_onamae_to_cloudflare_and_managed_by_terraform" >}})
-   [GPG KeyのYubiKey運用をはじめた]({{< relref "20250514155803-yubikey_gpg_operation" >}})
-   [private-terraformをHCP Terraformに移行した]({{< relref "20250507230034-use_private_terraform_cloud" >}})

--------------------------------------------------------------------------------
title: "@github/copilot-language-serverをNixで扱う時のメモ"
date: "2025-02-27"
--------------------------------------------------------------------------------

## Introduction {#introduction}

[@github/copilot-language-server](https://github.com/orgs/github/packages/npm/package/copilot-language-server) を [takeokunn/nixos-configuration](https://github.com/takeokunn/nixos-configuration) 上で扱えるようにしたのでメモしておく。


## Background {#background}

-   [copilot.el](https://github.com/copilot-emacs/copilot.el) のバージョンが上がった
-   [@github/copilot-language-server](https://github.com/orgs/github/packages/npm/package/copilot-language-server) をnpmでインストールして使う必要があった
-   次の要件を満たしたい
    -   Nixでパッケージングしたい
    -   Neovimなどのエディタでも汎用的に使えるようにしたい


## 対応手順 {#対応手順}


### 1. node2nixでパッケージングする {#1-dot-node2nixでパッケージングする}

`node2nix/node-packages.json` に次のような記述をした。

```json
["@github/copilot-language-server"]
```

次のshell scriptを実行するとファイルが生成された。

-   `node2nix/default.nix`
-   `node2nix/node-env.nix`
-   `node2nix/node-packages.nix`

<!--listend-->

```console
$ nix-shell -p nodePackages.node2nix --command "node2nix -i ./node-packages.json -o node-packages.nix"
```


### 2. 実行ファイルを取得する {#2-dot-実行ファイルを取得する}

`node2nix/default.nix` をimportするとpackageが読み込めるようになった。

```nix
nodePkgs = pkgs.callPackage ../node2nix { inherit pkgs; };
```

copilot-language-server は次のようなディレクトリ構造になっている。

```console
$ dust native/

 65M ├─┬ native/darwin-x64
 65M │ └── native/darwin-x64/copilot-language-server
 60M ├─┬ native/darwin-arm64
 60M │ └── native/darwin-arm64/copilot-language-server
 59M ├─┬ native/linux-x64
 59M │ └── native/linux-x64/copilot-language-server
 50M └─┬ native/win32-x64
 50M   └── native/win32-x64/copilot-language-server.exe
```

そこで、platformごとに対応表を作って `COPILOT_LANGUAGE_SERVER_PATH` にPATHを通してあげた。

```nix
{ pkgs, nodePkgs }:
let
  platforms = {
    "x86_64-linux" = "linux-amd64";
    "aarch64-linux" = "linux-aarch64";
    "x86_64-darwin" = "darwin-amd64";
    "aarch64-darwin" = "darwin-arm64";
  };
  platform = builtins.getAttr pkgs.system platforms;
in
{
  home.packages = [ nodePkgs."@github/copilot-language-server" ];

  programs.fish = {
    interactiveShellInit = ''
      set -gx COPILOT_LANGUAGE_SERVER_PATH ${
        nodePkgs."@github/copilot-language-server"
      }/lib/node_modules/@github/copilot-language-server/native/${platform}/copilot-language-server
    '';
  };
}
```

`2025/03/27(Mon)` 現在、次のような環境変数が定義されている。

```console
$ echo $COPILOT_LANGUAGE_SERVER_PATH
/nix/store/314dbj3vqb5s0f37gszm948arm37layx-_at_github_slash_copilot-language-server-1.291.0/lib/node_modules/@github/copilot-language-server/native/darwin-arm64/copilot-language-server
```


### 3. copilot.elにPATHを通す {#3-dot-copilot-dot-elにpathを通す}

`exec-path-from-shell`:

```emacs-lisp
(setopt exec-path-from-shell-variables '("PATH" "TERM" "SSH_AUTH_SOCK" "COPILOT_LANGUAGE_SERVER_PATH"))
```

`copilot.el`:

```emacs-lisp
(setopt copilot-server-executable (getenv "COPILOT_LANGUAGE_SERVER_PATH"))
```


## 終わりに {#終わりに}

問題なく使えるようになってうれしい。今後ともcopilotを使い倒していきたい。


## Backlinks {#backlinks}

-   [node2nixの使い方]({{< relref "20250622133346-how_to_use_node2nix" >}})

--------------------------------------------------------------------------------
title: "2025年2月名古屋旅行"
date: "2025-02-24"
--------------------------------------------------------------------------------

## Introduction {#introduction}

2025/2/21から2025/2/24までの名古屋旅行についての振り返りです。

名古屋上陸ははじめてでしたが、非常に楽しい旅行になりました。思い出したらまた追記するかもしれません。


## 注意 {#注意}

このブログはあくまで個人的な旅行記であり、「たけてぃのことを知っている or 物好きな人」向けの記事です。
帰りの高速バスの中で暇なので書いているくらいの温度感の記事なので真に受けないでください。

社会人として外面の良い活動はZennに後日纏めますので少々お待ちください。


## スケジュール {#スケジュール}

スケジュールはざっくり以下です。
今回の旅行も常に何かをしていたなという感覚があります。

| 開始日  | 開始時間 | 終了時間 | 項目                        |
|------|------|------|---------------------------|
| 2/21(金) | 23:00 | 07:00 | 夜行バス 東京駅 → 名古屋駅  |
| 2/22(土) | 9:30  | 19:00 | phpcon名古屋                |
|         | 19:00 | 21:00 | 懇親会                      |
|         | 21:00 | 23:30 | 2次会                       |
|         | 23:30 | 24:00 | 湯〜とぴあ宝 移動           |
| 2/23(日) | 10:00 | 11:30 | 名古屋駅にてモーニング      |
|         | 11:30 | 13:00 | 喫茶マウンテン with tadsan, あかつかさん |
|         | 13:30 | 16:30 | 東山動物園                  |
|         | 17:00 | 19:00 | ひつまぶし in 栄 with tadsan |
|         | 19:00 | 21:00 | 栄散策                      |
|         | 21:00 | 22:00 | 名古屋駅周辺散策 +  湯〜とぴあ宝 移動 |
| 2/24(月) | 9:30  | 11:30 | 名古屋駅にてモーニングと定食を食べる |
|         | 11:30 | 12:00 | お土産買ってバス停に移動    |
|         | 12:00 | 18:00 | 高速バス  名古屋駅 → 東京駅 |


## ドメイン用語 {#ドメイン用語}

普段なにげなく使っているが、よくよく考えたら初見の人から見たら意味がわからない単語、それがドメイン用語なのです。

vim-jp slackだと「テキストエディタに目覚める」や「yasunori」など入門するのがむずかしい内容が多々あります。
俺ときんじょうさんとの間のドメイン用語はまだ入門しやすいと思います。

-   鳥貴族関連
    -   うぬぼれ
    -   焼き鳥
-   エターナルホスピタリティ
    -   鳥貴族の運営会社名
-   刃牙で比喩する
    -   e.g. 強者に生まれてツールに頼るのは女々しい
    -   e.g. 「まだやるかい」と残業を心配する上司花山薫
-   ノブレスオブリージュ
    -   何か仕事を達成した時に使う言葉
-   きんじょうさんへ
    -   ピーチ姫の「マリオへ」の改変
-   地方カンファレンスまで歩いて行く
    -   「方角」の話をしているので嘘ではないこともある

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">ワシが一番悲しんどるんじゃぁ！！<br><br>地下PHP場戦士の最強を誰よりも信じたのはワシじゃ！貴様等にこのワシの無念がわかるか！</p>&mdash; 今日も誰かのにちようび(おいしい鮭親子丼) (@o0h_) <a href="https://twitter.com/o0h_/status/1832662771756101891?ref_src=twsrc%5Etfw">September 8, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

また、僕だけが言ってる単語も多々あります。

-   無職の休日倶楽部
    -   元同僚(A氏)が仕事辞めた後に「無職の休日倶楽部」とツイートしまくってたのに感銘を受けて使っている
    -   実際は残念ながら仕事をしている
    -   以前「無職には休日という概念がないよ」とTwitterでマジレスをされたことがある
-   昼間はOL
    -   Twitter(自称X)のプロフィール
    -   昔ネカマやってた時のプロフィールをそのまま使っている
-   具体か抽象か(それhowなんよな)
    -   そーだいさんの発表を揶揄する意図は一切ない

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">焼き鳥は</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1893457761330962642?ref_src=twsrc%5Etfw">February 23, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


## 各イベントの感想 {#各イベントの感想}


### 高速バス {#高速バス}

夜行バスに乗るのは人生初でした。
「3列シートにしておけ」という初先輩方の助言により3列シートにしたのですが、普段よりは快適でした。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">旅の始まり <a href="https://t.co/QVfXWs01u9">pic.twitter.com/QVfXWs01u9</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1892934994475278603?ref_src=twsrc%5Etfw">February 21, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">夜行バス初めてだけどめっちゃいいな</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1892939789558558812?ref_src=twsrc%5Etfw">February 21, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

登壇スライドを作っていたのですが、目の前の客が無呼吸といびきと過呼吸を繰り返してて猛烈に心配になりました。
こういうのって自分じゃ気がつけないものなので強く生きてほしいです。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">目の前の客の無呼吸症候群が気になって起きた</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1892992608944738745?ref_src=twsrc%5Etfw">February 21, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

深夜のサービスエリアはエモいです。
バスの運ちゃんが疲れた顔しながら煙草吸ってるのとか非常にエモいですね。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">深夜のサービスエリアエモいな <a href="https://t.co/27XIXXxnt6">pic.twitter.com/27XIXXxnt6</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1893004246595051855?ref_src=twsrc%5Etfw">February 21, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

帰りは昼間の高速バスで帰りました。
天気が良いのもあり富士山が映えますね。
たまたま一番後ろの席になったのですが、席を倒し放題なので爆睡しました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">あかりサービスエリア大好き <a href="https://t.co/XrLEQ4mHWL">pic.twitter.com/XrLEQ4mHWL</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1893917988656464061?ref_src=twsrc%5Etfw">February 24, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


### phpcon名古屋 {#phpcon名古屋}

こちらは別途Zennに「社会人として適切な文章」で書きますので少々お待ちを。


#### プロポーザル {#プロポーザル}

phpcon東京でプロポーザルが全落ちしたことが確定した時、「プロポーザルを名古屋にそのままコピペで提出すればいいよ」というツイートが流れてきました。
なので、何も考えずにそのツイートを見た3分以内にコピペで提出をしました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">⋱📣トーク募集中です📣⋰<a href="https://twitter.com/hashtag/phpcon?src=hash&amp;ref_src=twsrc%5Etfw">#phpcon</a> のプロポーザル採択結果が発表されましたね！残念ながら見送りとなってしまった方、そのネタ <a href="https://twitter.com/hashtag/phpcon_nagoya?src=hash&amp;ref_src=twsrc%5Etfw">#phpcon_nagoya</a> にぶつけてみませんか？！<br><br>ここからコピーして…<a href="https://t.co/OpwQfAROqx">https://t.co/OpwQfAROqx</a><br><br>ここでペースト！簡単！<a href="https://t.co/9z3ckumBD0">https://t.co/9z3ckumBD0</a><br><br>ご応募お待ちしてます！🍤</p>&mdash; PHPカンファレンス名古屋 (@phpcon_nagoya) <a href="https://twitter.com/phpcon_nagoya/status/1840209891774083318?ref_src=twsrc%5Etfw">September 29, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

基本的に練馬から遠い地方phpconはプロポーザルが通ったら旅行ついでに行く、くらいの温度感で毎回出しています。
ありがたいことなのですが、なんかよくわからない間にプロポーザルが通りました。


#### 登壇準備 {#登壇準備}

登壇駆動ではなくそもそも仕事でやっていた内容なので、話したいことは夜行バスより前に箇条書きで書き出していました。
直近とにかく忙しくててんやわんやしていたのでスライド作成まで手を出せていませんでした。

結局スライドは夜行バスの中と開会までの間に名古屋駅のカフェで40枚作りきりました。
夜行バスはかなり揺れるので三半規管に自信ニキしか真似できなさそうです。
スピーカーノートを作りこんでおくと、実際の登壇で言い回しに困らなくなって良いというのを経験上知っているので、ひたすら他の人の登壇を聞きながら頭の中でメモをして練習をしていました。
スピーカーノートを作りこむのオススメですよ。

結局素振りをせずに本番を向かえたのでとにかく余裕がなかったです。
僕みたいな計画性のない奴は絶対に登壇駆動で何かをするべきではないです。

[NixでTypstをBuildしGitHub Pagesでホスティングする]({{< relref "../fleeting/20250126114218-build_and_deploy_typst_using_nix.md" >}}) にある通り、今回はtypstでスライドを生成しようかなと思ったのですが、夜行バスのネット環境が貧弱なこと、typstでスライドを作るのが初めてなこと、時間がないので失敗できないことを加味してGoogle Slideで作りました。


#### 本番 {#本番}

Google Slideのスピーカーモードで開始ボタンを押し忘れて、今何分経過したのか分からない状態でしたが、そんな中本番はぴったり15分で話せてよかったです。
観客の反応も良かったし、ちょこちょこウケも取れて大満足でした。睡眠不足の深夜テンションでもなんとかなってほっとしました。

タイトルコールは平野綾さんでしたが、たけてぃと名前を呼ばれるなんてもうニッコニコですよ。オタク君としてはもう最高。
これだけでも名古屋に来てよかったなと思います。

個人的にはらきすたのこなたっぽくも呼ばれたかったので、来年も平野綾さんを呼んでほしいですね。

強欲でしょうか? いいえ誰でも。

今回はまきちゃんの登壇が裏番組でした。
げんえいさんは「たけてぃの発表はまー資料読めばいいからなー」といってまきちゃんの方に行ったらしく、ザブングル加藤みたいな顔になりました。
とはいえ、げんえいさんの立場になったら僕もそうしてたので何も言えませんでした。


#### 懇親会 {#懇親会}

懇親会は立食パーティ形式で料理が美味しかったです。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr"><a href="https://twitter.com/hashtag/phpcon_nagoya?src=hash&amp;ref_src=twsrc%5Etfw">#phpcon_nagoya</a> 懇親会！ <a href="https://t.co/BXr12T1kx0">pic.twitter.com/BXr12T1kx0</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1893238756808757675?ref_src=twsrc%5Etfw">February 22, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

[Software Design3月号](https://zenn.dev/takeokunn/articles/20250211225710) を読みましたと言ってくれた方が多くて、こういう外部へのアウトプットをするのは中々良いものだなと思いました。

毎回固定の人と話しがちなのなんとかしたいなと思いつつ、新規の人にどう話しかけて良いのか毎回悩みますね。
本質的には僕個人の会話デッキの少なさが原因なので、交流のうまい人を参考にしながら上達していきたいものです。

今回は普段よりはかなり話せた方で自分としては健闘できました。
登壇すると話しかけられるというのは真なので、みんなどんどんプロポーザル出そうね。


#### 2次会 {#2次会}

2次会は名古屋の魚や土手煮など名古屋グルメが出てきました。

特に02さんと初対面の方(名前を存じ上げない)と3人で盛り上がりました。
あまりにも初対面の方が言ってることが共感しすぎて「そうそうそう」と言い続けるbotと化していました。
やはり俺達はちゃんと打席に立って全打席でホームランを打つ覚悟でいなくてはいけないし、技術のトレンドをちゃんと追いかけていきたいし、Howを極めていきたいという気持ちになりました。

今年のphpcon東京に来るっぽいのでおっさんとまた飲みに行きたいです。是非誘ってください。

流石に睡眠不足なのもあって3次会には参加しませんでした。


### 湯〜とぴあ宝(宿) {#湯-とぴあ宝--宿}

全国30人のたけてぃゴミ宿レポートを楽しみにしている皆さんには悲報です。
湯〜とぴあ宝はめちゃめちゃ良かったです。

当初はドヤ街にある一泊1600円の宿に泊まる予定だったのですが、直前に予約しようとしたのもあって取れませんでした。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">「独房のようだがくろろげる空間」<a href="https://t.co/ap2AZNp6B6">https://t.co/ap2AZNp6B6</a> <a href="https://t.co/JuvRfZXaml">pic.twitter.com/JuvRfZXaml</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1863991015537053842?ref_src=twsrc%5Etfw">December 3, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

旅行ソムリエのぷぷさんに「湯〜とぴあ宝いいよ」と言われて直前の火曜日に急いでバスと一緒に予約しました。

<https://www.yu-t.com/>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">最高だったありがとう <a href="https://t.co/B0uJUPY10J">pic.twitter.com/B0uJUPY10J</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1893820559063998596?ref_src=twsrc%5Etfw">February 24, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

内観は非常に綺麗でお風呂も沢山あり漫画コーナーや自販機や子供向けゲームセンターなども充実している非常に良い健康ランドでした。
笠寺駅は名古屋駅から30分程度で着くのでそこも魅力です。

プレミアムプランは宿泊プランで、カーテンで区切られた準個室のような空間でした。
2人分がギリ横になれるかくらいの広さですが、温度湿度も管理されており、快適に睡眠できました。
値段は6500円で僕が普段泊まる宿の2倍くらいの料金です。

サウナは4種類、水風呂は15℃とちょうど良く、椅子やベッドも充実しておりサウナーとしては大満足でした。

-   フィンランド風サウナ
-   竹炭ドライサウナ
-   ミストサウナ
-   冷房室


### 喫茶マウンテン {#喫茶マウンテン}

[噂の喫茶マウンテン](https://ja.wikipedia.org/wiki/%E5%96%AB%E8%8C%B6%E3%83%9E%E3%82%A6%E3%83%B3%E3%83%86%E3%83%B3)にtadsanとあかつかさんと行ってきました。

名古屋市内から1時間以内につく距離でそこそこ遠かったです。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">PHPerといく喫茶マウンテン登頂ツアーが開催されそうなので興味ある方いたら</p>&mdash; にゃんだーすわん (@tadsan) <a href="https://twitter.com/tadsan/status/1893476384552689799?ref_src=twsrc%5Etfw">February 23, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

店内はレトロな雰囲気で非常に趣があって良かったです。
メニューも「いかすみ」や「妹のラムネ」など謎なものが多かったです。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">ドリンクにイカスミがある... <a href="https://t.co/mLwXnVwdwq">pic.twitter.com/mLwXnVwdwq</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1893497394148561172?ref_src=twsrc%5Etfw">February 23, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

スイーツパスタを食べはじることを「登山」、食べれないことを「遭難」と言うらしいのですが、秒速で遭難しました。
こんなに美味しくないものを食べたのは久し振りでした。

パスタの温かさで生クリームが微妙に溶けている状態も美味しくなさすぎるし想像の5000倍不味かったです。
一旦口に入れた時に「これはやばい、はやく飲み込め」と脳は命令しているのに「これを受け入れる訳にはいかない」と胃が拒絶してる時間が長くあり、結果口の中に美味しくないものが残り続けて地獄でした。

結果吐くよりはマシかということで半分以上残して遭難しました。すみません。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">無職の休日倶楽部<br>喫茶マウンテン登山開始 <a href="https://t.co/DCnrDYazIQ">pic.twitter.com/DCnrDYazIQ</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1893503926667743278?ref_src=twsrc%5Etfw">February 23, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

一緒に行った2人はなんとか完食していて、自分が食に対して保守的なんだなとあらためて思いました。
tadsanに関しては黙々と食べてて怖かったです。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">すまん、tadsanが速攻で完食してて絶望してる</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1893507563548704972?ref_src=twsrc%5Etfw">February 23, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">あかつかさんは「クレープと脳を錯覚させてなんとか食った」みたいだが、tadsanは黙々と食ってたので今後のtadsanとの付き合い方を考えなければならない</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1893514707614490916?ref_src=twsrc%5Etfw">February 23, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

個人的には最悪な気分だったのですが、飲み会のスベらないネタが手に入ってそういう意味では美味いですね。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">後悔はいつだって後からしか出来ない <a href="https://t.co/hpn1OSGAbf">https://t.co/hpn1OSGAbf</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1893518200966455737?ref_src=twsrc%5Etfw">February 23, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

スイーツパスタがやばいだけで普通のメニューは美味しそうだったのでレトロ喫茶が好きな人は是非普通のメニューを頼むといいです。


### 東山動物園 {#東山動物園}

喫茶マウンテンの近くに東山動物園があったので折角だしということで行きました。

東山動物園は動物の種類がとにかく多く、兎に角広いです。
13:30頃に着いて閉園が16:30頃まで3時間くらいひたすら歩きまわっていました。
理想は奥にある植物園まで行きたかったのですが流石に時間がなかったです。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">無職の休日倶楽部<br>東山動物園楽しい <a href="https://t.co/qRR3pajNtq">pic.twitter.com/qRR3pajNtq</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1893551107860987919?ref_src=twsrc%5Etfw">February 23, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">追加 <a href="https://t.co/NG7yHVgUMV">pic.twitter.com/NG7yHVgUMV</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1893576248481423512?ref_src=twsrc%5Etfw">February 23, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

僕はそういう星の元に生まれてきたのかこういうオモシロイベントが起こるんですよね。なんでなんですかね。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">夜行性動物コーナーでナマケモノが木の上を器用に動いてたんだけど、隣のカップルが「SASUKE出れんじゃん」って言ってて草<br><br>出れるわけないだろ</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1893532874172780929?ref_src=twsrc%5Etfw">February 23, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">今気がついたけど、アシカを撮ってる奥でカップルがピースしてたw <a href="https://t.co/7fHksIpSi1">pic.twitter.com/7fHksIpSi1</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1894208905418608689?ref_src=twsrc%5Etfw">February 25, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


### 名古屋駅/栄駅 周辺散策 {#名古屋駅-栄駅-周辺散策}

知らない街についた時は一通り練り歩いて街の形を把握するのが好きなのですが、名古屋駅も栄駅もとにかく広くて長時間歩く必要がありました。
そもそも愛知のこと知らなさすぎて栄と名古屋の位置関係を知らなかったのですが、数駅違いでめちゃくちゃ近いんですね。

愛知県民的には名古屋駅の方が都会だと思っているらしいですね。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">ちなみに愛知県民は、名古屋が一番都会だと思ってるよ笑</p>&mdash; kenji sakai (@saka0ken) <a href="https://twitter.com/saka0ken/status/1893622261594083769?ref_src=twsrc%5Etfw">February 23, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

夜の名古屋駅は雰囲気ありますね。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">雰囲気ある <a href="https://t.co/gjpGPPZOXu">pic.twitter.com/gjpGPPZOXu</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1893230324387049691?ref_src=twsrc%5Etfw">February 22, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

栄のテレビ塔前がまんま札幌でデジャブ感を感じてました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">テレビ塔が見える公園… 名古屋は札幌市だったんだ <a href="https://twitter.com/hashtag/madanagoyaniiruphper?src=hash&amp;ref_src=twsrc%5Etfw">#madanagoyaniiruphper</a> <a href="https://t.co/Xg0wh8PDXA">pic.twitter.com/Xg0wh8PDXA</a></p>&mdash; にゃんだーすわん (@tadsan) <a href="https://twitter.com/tadsan/status/1893523878594650115?ref_src=twsrc%5Etfw">February 23, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

夜の栄でいつものごとく不動産営業にからまれました。
流石天下のTOYOTA様のお膝元、自動車関係かどうかというので条件分岐が走るんですね。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">不動産営業のおにーちゃんから絡まれて25歳と嘘の年齢を伝えてしまったんだけど、まさかの25歳で嘘がバレるところだった</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1893606321053905341?ref_src=twsrc%5Etfw">February 23, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">「お仕事は何されてるんですか？」<br>「東京でWebサイト作ったりですね」<br>「自動車関係ですか？」<br><br>なわけねぇだろ</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1893607434528412064?ref_src=twsrc%5Etfw">February 23, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

営業のおにーちゃんが不吉なことを言っててひやっとしました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">「いやー僕も前職でサイト弄ってたんですが全部データ吹っ飛ばして会社に損害出しちゃったんですよねー」って言っててどう反応して良いのか分からなかった</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1893610375699914834?ref_src=twsrc%5Etfw">February 23, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

ちなみに前回絡まれたのは福岡でした。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">不動産勧誘「おにいさんちょっといいですか?」<br>俺「なんすか?」<br>不「正社員で年収300万以上だったりします?」<br>俺「俺フリーターすけど...(嘘」<br>不「あーーーやっぱりかーーーーすんません大丈夫っす」<br><br>何が「やっぱり」だよふざけんなって福岡初日キレてた</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1673665483114004484?ref_src=twsrc%5Etfw">June 27, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


## 名古屋グルメ {#名古屋グルメ}


### 2/22(土) {#2-22--土}

夜行バスから降りで一番最初にきしめんを食べました。
朝一に飲むビールは最高で体の細胞一つ一つに染み渡りました。

[きしめええええええええええええええええええええええええええええええええん](https://dic.nicovideo.jp/a/%E3%81%8D%E3%81%97%E3%82%81%E3%82%93) なんて今時知ってる人は何人いるんでしょうかね?
元のゲームをやってみたいと思い早n年ですが、DirectXのバージョン的にも多分もう動かないでしょう。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">だきしめーーーーーん <a href="https://t.co/m6dlFtChY0">pic.twitter.com/m6dlFtChY0</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1893075158811975681?ref_src=twsrc%5Etfw">February 21, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

昼はアンチボッチランチということで、phperの皆さんとエビフライを食べました。
エビフライが名古屋で有名ということは知らなかったです。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">美味かった <a href="https://t.co/gvsFy9T2GJ">pic.twitter.com/gvsFy9T2GJ</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1893157440579084408?ref_src=twsrc%5Etfw">February 22, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

写真はないですが、懇親会と二次会では土手焼きと手羽先と海鮮を食べました。


### 2/23(日) {#2-23--日}

朝はモーニングを食べました。
これが噂の小倉あんかーと思いながらクロワッサンに塗って食べながら優雅な朝を迎えました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">無職の休日倶楽部<br>名古屋名物モーニング <a href="https://t.co/nusWNAXjJ2">pic.twitter.com/nusWNAXjJ2</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1893475226073117121?ref_src=twsrc%5Etfw">February 23, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

昼は東山動物園のスカイタワーの上で地元の白身魚を使ったアクアパッツァを食べました。
もうちょっと白身魚に塩ふった方が味の境界が出て美味しくなりそうだなと思いつつ美味しかったので大満足です。
直前に食べた喫茶モンブランのダメージを緩和できました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">展望台のレストランでアクアパッツァ食べた美味しかった<br><br>白身魚にもう少し塩振って味に輪郭を出した方がもっと美味しくなりそうだなと思った <a href="https://t.co/UaIFolz8j3">pic.twitter.com/UaIFolz8j3</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1893551519229976921?ref_src=twsrc%5Etfw">February 23, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

夜はtadsanと栄でひつまぶしを食べました。最高に美味しかったです。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">ワサビすってひつまぶしまってる <a href="https://t.co/cU0mxcoXuP">pic.twitter.com/cU0mxcoXuP</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1893577273762291987?ref_src=twsrc%5Etfw">February 23, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">わくわく <a href="https://t.co/nB8KYYnBYO">pic.twitter.com/nB8KYYnBYO</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1893577907102233041?ref_src=twsrc%5Etfw">February 23, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">無職の休日倶楽部<br>ひつまぶし！ <a href="https://t.co/KU1srWVJQe">pic.twitter.com/KU1srWVJQe</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1893578832063709374?ref_src=twsrc%5Etfw">February 23, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


### 2/24(月) {#2-24--月}

昨日に引続きモーニングを食べました。
今回はプレーンなモーニングを楽しもうと、トーストと茹で卵のみのセットにしました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">無職の休日倶楽部<br><br>ラストモーニング <a href="https://t.co/FaKLl44pSv">pic.twitter.com/FaKLl44pSv</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1893838050750317032?ref_src=twsrc%5Etfw">February 24, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

よく考えたら手羽先も土手煮も味噌カツも飲み会のつまみ程度にしか食べれてなく、このまま東京に帰るのは勿体なさすぎるということで、モーニングの直後に名古屋ごちそう定食を食べました。
味噌カツもっと食べたかったです。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">無職の休日倶楽部<br><br>今日もだれかのにちようび <br>美味しい名古屋ごちそう定食 <a href="https://t.co/NOAykBqOLe">pic.twitter.com/NOAykBqOLe</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1893846462611521817?ref_src=twsrc%5Etfw">February 24, 2025</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


## 終わりに {#終わりに}

当初の名古屋の期待値は死ぬほど低かったんですが、こんなに名古屋旅行楽しいとは思いませんでした。

かなり名古屋観光できたなと思いつつ、結局名古屋城とすがきやに行けなかったのが心残りです。
名古屋は練馬から遠いけどまた行きたいですね。

名古屋民はもっと自信を持って名古屋を語ってください。
「名古屋の魅力? [ないんだなそれが](https://dic.pixiv.net/a/%E3%81%AA%E3%81%84%E3%82%93%E3%81%A0%E3%81%AA%E3%80%81%E3%81%9D%E3%82%8C%E3%81%8C)」と言うのは栃木だから許されるのです。


## 次遠征する時の自分へ {#次遠征する時の自分へ}

まずはこちらの「次遠征する時の自分へ」を読みましょう。

-   [PHPカンファレンス北海道2024に参加してきました]({{< relref "20240112063123-retrospective_phpcondo_2024.md" >}})
-   [phpカンファレンス福岡2023に参加してきました]({{< relref "20230624093617-retrospective_phpconference_fukuoka_2023.md" >}})

今回は雪が降っていた時間帯もあったが、福岡と比べて以下のdiffのみで十分でした。

-   パーカー追加
-   クロックス → 靴と靴下に変更

どちらにせよカバン一つで十分なことには変わりはないし、それ以上を持つのは持ちすぎなので反省してください。

湯〜とぴあ宝は館内着があったから、念の為持っていってた寝間着の半ズボンは不要でした。

高速バスを乗るならアイマスクを持っていくのもあり。

--------------------------------------------------------------------------------
title: "2025年2月 Neovimセットアップ"
date: "2025-02-11"
--------------------------------------------------------------------------------

## Introduction {#introduction}

Neovimに入門したいと思い早n年だったが、vim-jpの皆さんのおかげでようやくミニマムの設定が完了したのでブログにまとめておきます。

[VimとNeovimの使い分けと最小構成]({{< relref "20230209152709-using-vim-and-neovim-for-differenct-purposes-and-minimum-settings.md" >}}) のとおりVimは最小構成にしているので、Neovimはヘビーカスタマイズしていく方針です。

Neovimの設定はこちら。

[https://github.com/takeokunn/nixos-configuration/tree/main/home-manager/programs/neovim](https://github.com/takeokunn/nixos-configuration/tree/main/home-manager/programs/neovim)


## Setup {#setup}


### Neovim本体 {#neovim本体}

Nix経由でインストールしています。

[https://github.com/takeokunn/nixos-configuration/blob/main/home-manager/programs/neovim/default.nix](https://github.com/takeokunn/nixos-configuration/blob/main/home-manager/programs/neovim/default.nix)

`withNodeJs` や `withRuby` などはイマドキ使わない設定まらしいので `false` にしました。

```nix
{ pkgs, sources }:
{
  programs.neovim = {
    enable = true;
    withNodeJs = false;
    withRuby = false;
    withPython3 = false;
    plugins = import ./plugins { inherit pkgs sources; };
    extraLuaConfig = builtins.readFile ./init.lua;
  };
}
```


### Plugin Manager {#plugin-manager}

VimのPlugin Managerは乱立しているようで、デファクトスタンダードはないらしいです。
私はNixユーザーなのでNixで管理することにしました。

また、各Pluginごとの設定もNix内に記述する方針にしました。

```nix
# 実際の例
{ pkgs }:
with pkgs.vimPlugins;
[
  {
    type = "lua";
    plugin = dracula-nvim;
    config = ''
      vim.cmd[[colorscheme dracula]]
    '';
  }
]
```


### Terminal Emulator {#terminal-emulator}

「Terminal Emulatorにこだわらない」というこだわりを持っていたが、[Mac標準のTerminal.app](https://timingapp.com/terminal-time-tracking)だとうまく描画してくれない問題があった。

一応以下が候補だったが、NixOS環境でも安定的に動いてくれる、かつ友人のnatsukiumが使っている[Kitty](https://github.com/kovidgoyal/kitty)を採用しました。

-   [WezTerm](https://wezterm.org/)
-   [Alacritty](https://github.com/alacritty/alacritty)
-   [Ghostty](https://github.com/ghostty-org/ghostty)

現状Kittyで特に困っていないしTerminal Emulatorに情熱がないのでこのまま続投するつもりです。


## Config {#config}

Neovimの設定はVim scriptではなくLuaを使うのがイマドキであり、多くのNeovim PluginはLuaで書かれているらしい。
それにならって自分もLuaで設定していくことにしました。


### init.lua {#init-dot-lua}

基本的な設定は以下。
行番号はそもそも表示不要というのが最近の結論なので消しました。

```lua
vim.opt.number = false
vim.opt.relativenumber = false
vim.opt.encoding = "utf-8"
vim.opt.fileencodings = "utf-8,euc-jp,cp932"
vim.opt.clipboard:append("unnamed")
vim.opt.backspace = "indent,eol,start"
vim.opt.tabstop = 2
vim.opt.shiftwidth = 2
vim.opt.laststatus = 3
vim.opt.statusline = "%y"
vim.opt.showmatch = true
vim.opt.wrapscan = true
vim.opt.hlsearch = true
vim.opt.showcmd = true
vim.opt.title = true
vim.opt.foldenable = false
vim.opt.swapfile = false
vim.opt.expandtab = true
vim.opt.splitbelow = true
vim.opt.splitright = true
vim.opt.incsearch = true
vim.opt.ignorecase = true
vim.opt.smartcase = true
vim.opt.termguicolors = true
```

簡単なkeymapは以下。
`mapleader` をスペースに割り当てている人が多数派みたいですが、個人的には `,` が昔から好きです。

```lua
vim.g.mapleader = ","

vim.keymap.set("n", "/", "/\\v", { remap = false })
vim.keymap.set("n", "U", "<C-r>", { remap = false })
vim.keymap.set("n", "<Leader><Leader>", "V", { remap = false })
vim.keymap.set("n", "<Esc><Esc>", "<Cmd>nohlsearch<CR><Esc>", { remap = false })
vim.keymap.set("i", "<C-j>", "<CR>")
```

windowやbufferの切り替えは簡単な設定をしています。

```lua
-- window keymap

vim.keymap.set("n", "sj", "<C-w>j", { noremap = true, silent = true })
vim.keymap.set("n", "sk", "<C-w>k", { noremap = true, silent = true })
vim.keymap.set("n", "sl", "<C-w>l", { noremap = true, silent = true })
vim.keymap.set("n", "sh", "<C-w>h", { noremap = true, silent = true })
vim.keymap.set("n", "sJ", "<C-w>J", { noremap = true, silent = true })
vim.keymap.set("n", "sK", "<C-w>K", { noremap = true, silent = true })
vim.keymap.set("n", "sL", "<C-w>L", { noremap = true, silent = true })
vim.keymap.set("n", "sH", "<C-w>H", { noremap = true, silent = true })
vim.keymap.set("n", "sw", "<C-w>w", { noremap = true, silent = true })

-- buffer keymap

vim.keymap.set("n", "sp", ":<C-u>bp<CR>", { noremap = true, silent = true })
vim.keymap.set("n", "sn", ":<C-u>bn<CR>", { noremap = true, silent = true })
```


### package {#package}

項目分けは雑なのでもう少しpluginが増えたら考え直します。


#### basic {#basic}

-   [hop-nvim](https://github.com/smoka7/hop.nvim)
    -   easymotionみたいなplugin
    -   Emacsでいう所の[avy](https://github.com/abo-abo/avy)
-   [vim-bracketed-paste](https://github.com/ConradIrwin/vim-bracketed-paste)
    -   クリップボード用
-   [vim-fern](https://github.com/lambdalisue/vim-fern)
    -   ありすえwareのファイラ
    -   Emacsでいう所の[neotree](https://www.google.com/search?q=neotree+emacs&oq=neotree&gs_lcrp=EgZjaHJvbWUqBwgBEAAYgAQyBggAEEUYOTIHCAEQABiABDIHCAIQABiABDIHCAMQABiABDIHCAQQABiABDIGCAUQABgeMgYIBhAAGB4yBggHEAAYHjIGCAgQABgeMgYICRAAGB7SAQgyMzY4ajBqNKgCALACAA&sourceid=chrome&ie=UTF-8)
-   [vim-nerdfont](https://github.com/lambdalisue/vim-nerdfont)
    -   nerdfontを扱えるようにするやつ
-   [vim-fern-renderer-nerdfont](https://github.com/lambdalisue/vim-fern-renderer-nerdfont)
    -   ファイラにアイコンを表示するやつ
-   [undotree](https://github.com/mbbill/undotree)
    -   undo historyを可視化するやつ
    -   Emacsでいう所の[undo-fu](https://github.com/emacsmirror/undo-fu)
-   [vim-textobj-entire](https://github.com/kana/vim-textobj-entire)
    -   buffer全体をテキストオブジェクトにするやつ
-   [vimdoc-ja](https://github.com/vim-jp/vimdoc-ja)
    -   日本語help
-   [auto-pairs](https://github.com/jiangmiao/auto-pairs)
    -   Emacsでいう所のelectric-pair-modeみたいなやつ
-   [rainbow](https://github.com/luochen1990/rainbow/)
    -   括弧の対応をハイライトしてくれるやつ
    -   Emacsでいう所の[rainbow-delimiters](https://github.com/Fanael/rainbow-delimiters)
-   [vim-sandwich](https://github.com/machakann/vim-sandwich)
    -   括弧の操作を簡単にできるやつ
    -   Emacsでいう所の[puni-mode](https://github.com/AmaiKinono/puni)
-   [denops-vim](https://github.com/vim-denops/denops.vim)
    -   Deno製plugin用

ざっくりこのあたりを入れています。


#### Git {#git}

-   [gitsigns-nvim](https://github.com/lewis6991/gitsigns.nvim)
    -   変更を可視化してくれるやつ
    -   Emacsでいう所の[git-gutter](https://github.com/emacsorphanage/git-gutter)
-   [gin](https://github.com/lambdalisue/vim-gin)
    -   ありすえwareのGit clinet
    -   Emacsでいう所の[magit](https://github.com/magit/magit)

そこまで使っていないです。
Git操作はTerminalでもよいのかなという気持ちになってます。


#### language {#language}

-   [orgmode](https://github.com/jceb/vim-orgmode)
-   [vim-markdown](https://github.com/preservim/vim-markdown)

基本的にTree-sitterがhighlightしてくれるので特別入れる必要がなかったです。


#### lsp {#lsp}

-   [nvim-cmp](https://github.com/hrsh7th/nvim-cmp)
-   [nvim-lspconfig](https://github.com/neovim/nvim-lspconfig)
    -   Emacsでいう所の[lsp-mode](https://github.com/emacs-lsp/lsp-mode)
-   [lspsaga-nvim](https://github.com/nvimdev/lspsaga.nvim)
    -   Emacsでいう所の[lsp-ui](https://github.com/emacs-lsp/lsp-ui)

ざっくりとした設定は以下。最低限満足するUIになってくれました。

`nvim-cmp`:

```lua
local cmp = require("cmp")

cmp.setup({
      snippet = {
         expand = function(args)
            vim.fn["vsnip#anonymous"](args.body)
         end,
      },
      sources = {
         { name = "nvim_lsp" },
         { name = "path" },
      },
      mapping = cmp.mapping.preset.insert({
            ["<C-p>"] = cmp.mapping.select_prev_item(),
            ["<C-n>"] = cmp.mapping.select_next_item(),
            ['<C-l>'] = cmp.mapping.complete(),
            ['<C-e>'] = cmp.mapping.abort(),
            ["<CR>"] = cmp.mapping.confirm { select = true },
      }),
      experimental = {
         ghost_text = true,
      },
})
```

`nvim-lspconfig`:

```lua
local lspconfig = require('lspconfig')

vim.keymap.set('n', 'gd', '<cmd>lua vim.lsp.buf.definition()<CR>', { silent = true, buffer = buffer })

if vim.fn.executable('nil') == 1 then
   lspconfig.nil_ls.setup {
      settings = {
         ['nil'] = {
            formatting = {
               command = { 'nixfmt' }
            }
         }
      }
   }
end

if vim.fn.executable('typescript-language-server') == 1 then
   lspconfig.ts_ls.setup { }
end

if vim.fn.executable('intelephense') == 1 then
   lspconfig.intelephense.setup { }
end
```

`lspsaga-nvim`:

```lua
require('lspsaga').setup({
    code_action = {
        extend_gitsigns = true,
    },
    finder = {
        max_height = 0.7,
        left_width = 0.3,
        right_width = 0.6,
        keys = {
            shuttle = "<Space>w",
            toggle_or_open = "<CR>"
        }
    },
    lightbulb = {
        enable = false,
    }
})

vim.keymap.set('n', 'K', '<cmd>Lspsaga hover_doc<CR>')
vim.keymap.set({ 'n', 'i' }, '<S-M-r>', "<cmd>Lspsaga rename<CR>", opts)
vim.keymap.set('n', '<M-d>', "<cmd>Lspsaga finder def+ref<CR>", opts)
vim.keymap.set('n', '<M-r>', "<cmd>Lspsaga peek_definition<CR>", opts)
vim.keymap.set('n', '<M-j>', "<cmd>Lspsaga diagnostic_jump_next<CR>", opts)
vim.keymap.set('n', '<M-k>', "<cmd>Lspsaga diagnostic_jump_prev<CR>", opts)
```


#### skk {#skk}

-   [skkeleton](https://github.com/vim-skk/skkeleton)
    -   Emacsでいう所の[ddskk](https://github.com/skk-dev/ddskk)
-   [skkeleton-azik-kanatable](https://github.com/kei-s16/skkeleton-azik-kanatable)

簡易的な設定とskkservへの接続、AZIKの有効化をしました。

`skkeleton#register_kanatable` で独自のかなテーブルを定義できるらしいです。

`skkeleton`:

```lua
vim.fn['skkeleton#config']({
    eggLikeNewline = true,
    keepState = true,
    sources = { "skk_server" }
})

vim.keymap.set({ 'i', 'c' }, '<C-j>', '<Plug>(skkeleton-toggle)', { silent = true })
```

`skkeleton-azik-kanatable`:

```lua
vim.fn['skkeleton#azik#add_table']('us')
vim.fn['skkeleton#config']({
    kanaTable = 'azik'
})

vim.call("skkeleton#register_kanatable", "azik", {
    ss = { "せい" },
})
```


#### telescope {#telescope}

-   [telescope-nvim](https://github.com/nvim-telescope/telescope.nvim)
-   [telescope-ui-select-nvim](https://github.com/nvim-telescope/telescope-ui-select.nvim)
-   [telescope-file-browser-nvim](https://github.com/nvim-telescope/telescope-file-browser.nvim)
-   [telescope-fzf-native-nvim](https://github.com/nvim-telescope/telescope-fzf-native.nvim)

telescopeは簡単に導入できるということで導入しました。

Emacsでいう所の、というのは説明が難しいですね。
tomoyaさんの [Emacsの次世代ミニバッファ補完UI](https://blog.tomoya.dev/posts/a-new-wave-has-arrived-at-emacs/) あたりが参考になりそうです。

`<leader>` はデフォルトでマッピングされてないのでこれで問題ないようです。

```lua
require('telescope').setup {
    extensions = {
        fzf = {
            fuzzy = true,
            override_generic_sorter = true,
            override_file_sorter = true,
            case_mode = "smart_case",
        }
    }
}
local builtin = require('telescope.builtin')
vim.keymap.set('n', '<leader>f', builtin.git_files, { desc = 'Telescope find git files' })
vim.keymap.set('n', '<leader>o', builtin.current_buffer_fuzzy_find, { desc = 'Telescope buffer fuzzy find' })
vim.keymap.set('n', '<leader>g', builtin.live_grep, { desc = 'Telescope live grep' })
vim.keymap.set('n', '<leader>b', builtin.buffers, { desc = 'Telescope buffers' })
vim.keymap.set('n', '<leader>h', builtin.help_tags, { desc = 'Telescope help tags' })
```


#### themes {#themes}

-   [dracula-nvim](https://github.com/Mofiqul/dracula.nvim)
    -   Emacsでいう所の[doom-theme](https://github.com/doomemacs/themes)
-   [lualine-nvim](https://github.com/nvim-lualine/lualine.nvim)
    -   Emacsでいう所の[doom-modeline](https://github.com/seagle0128/doom-modeline)

すべてのカラーテーマをdraculaに寄せているので導入しました。
また、modelpineはlualine-nvimがイマドキらしいです。


## 終わりに {#終わりに}

vim-jpの皆さん（特にkuuさん、Kento Ogataさん、Shougoさん、こまもかくん、おもちあいす）のおかげで無事日常生活できるくらいの設定になりました。
もう少しVimに慣れたらDark Poweredなpackageを試していくつもりです。

--------------------------------------------------------------------------------
title: "org-nix-shell入門"
date: "2025-02-08"
--------------------------------------------------------------------------------

## Introduction {#introduction}

org-nix-shellはOrg関連パッケージの中でもキラーアプリケーションと呼べるもので、個人的に今熱いパッケージのひとつです。
簡単な使い方と実際のユースケースを紹介していきます。


## インストール {#インストール}

-   GitHub: <https://github.com/AntonHakansson/org-nix-shell/blob/main/README.org>
-   melpa: <https://melpa.org/#/org-nix-shell>

Melpa経由で入れてもよいし、GitHub経由で直接インストールしてもよい。
次のように設定するだけで機能してくれる。

```emacs-lisp
(require 'org-nix-shell)

(with-eval-after-load 'org
  (add-hook 'org-mode-hook #'org-nix-shell-mode))
```


## 使い方 {#使い方}


### Basic {#basic}

次のようにNixを定義して `:nix-shell` で読み込む。

```org
#+name: tmp-shell
#+BEGIN_SRC nix :noweb yes
  { pkgs ? import <nixpkgs> { } }:
  pkgs.mkShell { buildInputs = with pkgs; [ php ]; }
  #+END_SRC

#+begin_src shell :nix-shell tmp-shell :results output
  php --version
#+end_src
```

また、次のURLから古いバージョンを取ってきて実行することも可能。
<https://lazamar.co.uk/nix-versions>

```org
#+name: php74-shell
#+BEGIN_SRC nix :noweb yes
  let
    url =
      "https://github.com/NixOS/nixpkgs/archive/4426104c8c900fbe048c33a0e6f68a006235ac50.tar.gz";
    pkgs = import (builtins.fetchTarball { inherit url; }) {
      system = "<<wandbox-system>>";
    };
  in pkgs.mkShell { buildInputs = with pkgs; [ php74 ]; }
#+END_SRC

#+begin_src php :nix-shell php74-shell :exports both
  echo phpversion();
#+end_src

#+RESULTS:
: 7.4.4
```

property指定もできる。

Buffer Scope:

```org
#+property: header-args: :nix-shell <name>
```

Subtree Scope:

```org
* sample header
  :PROPERTIES:
  :header-args: :nix-shell <name>
  :END:
```


### Adviced {#adviced}

複数の処理系を定義しておけば、wandboxのようなことも実現可能になる。
<https://github.com/takeokunn/blog/blob/main/static/snippets/wandbox.org>


## 所感 {#所感}

必要なものを明示的にインストールして実行できるのでポータビリティが非常に高い。
ブログや運用手順書との相性が非常に良く、文芸的プログラミングのレベルをひとつ上にレベルアップすることが可能になった。


## Backlinks {#backlinks}

-   [credential管理をorg-encryptからpassword-storeに移行した]({{< relref "20250414001634-migrate_credential_manager_to_password_store" >}})

--------------------------------------------------------------------------------
title: "Laravel LazyCollection in depth"
date: "2025-02-04"
--------------------------------------------------------------------------------

## Introduction {#introduction}

LaravelのLazyCollectionは巨大なデータを扱う時に便利であるという話は巷で良く聞くが、実際の所どういうときに便利なのか、内部的にはどうなっているのかという情報はあまり聞かない。
LazyCollection自体のソースコードを読んでかなり理解できたのでメモしておく。

なお、そもそもの使い方については [LazyCollection備忘録 - Qiita](https://qiita.com/yhosok/items/a95ae800970124fb503a) を読んでいる前提で話を進める。


## 前提 {#前提}

次のバージョンを想定しています。

-   laravel: 10.0
-   php: 8.2

LazyCollectionのコードはこちら。

<https://github.com/laravel/framework/blob/10.x/src/Illuminate/Collections/LazyCollection.php>


## LazyCollectionについて {#lazycollectionについて}


### Basic {#basic}


#### LazyCollection#sourceについて {#lazycollection-sourceについて}

基本的には [LazyCollection#source](https://github.com/laravel/framework/blob/10.x/src/Illuminate/Collections/LazyCollection.php#L31-L36) にClosureを入れてどう引き回すか、どのタイミングでClosureを発行するのかということを制御している。

```php
/**
 * The source from which to generate items.
 *
 * @var (Closure(): \Generator<TKey, TValue, mixed, void>)|static|array<TKey, TValue>
 */
public $source;
```

LazyCollectionのコンストラクタの引数(or `LazyCollection#make`)には `Array|null` か `Closure(Generator)` を渡すことが可能で、 `LazyCollection#source` に代入する。

```php
> \Illuminate\Support\LazyCollection::make(function () { for ($i = 1; $i <= 10000000; $i++) yield $i; })->source
= Closure() {#5542 <E2><80><A6>2}

> \Illuminate\Support\LazyCollection::make([1, 2 ,3])->source;
= [1, 2, 3]

> \Illuminate\Support\LazyCollection::make()->source
= []

// arrayにcastされる
> \Illuminate\Support\LazyCollection::make(1)->source
= [ 1 ]
```


#### 基本的な関数 {#基本的な関数}

ここではmapを例に上げる。

map内では `new static(LazyCollection)` して引数にgeneratorを書いている。
<https://github.com/laravel/framework/blob/10.x/src/Illuminate/Collections/LazyCollection.php#L778-L793>

```php
/**
 * Run a map over each of the items.
 *
 * @template TMapValue
 *
 * @param  callable(TValue, TKey): TMapValue  $callback
 * @return static<TKey, TMapValue>
 */
public function map(callable $callback)
{
    return new static(function () use ($callback) {
        foreach ($this as $key => $value) {
            yield $key => $callback($value, $key);
        }
    });
}
```

次の簡単なサンプルでは、map実行時にyieldをネストしたような形の `Closure` が定義され、新しいLazyCollectionを作りつつsourceに代入される。

```php
// make時
$lazy = \Illuminate\Support\LazyCollection::make([1, 2 ,3]);

// sourceはこのような形になる($originalSource)
$lazy->source = function () use ($source) {
    yield from $source; // 1, 2, 3の順番でreturnする
};

// mapを実行
$lazy->map(fn ($elm) => $elm + 1);

// sourceはこのような形になる
// $callback = fn ($elm) => $elm + 1
$this->source = function () use ($callback) {
    foreach ($originalSource() as $key => $value) {
        yield $key => $callback($value, $key);
    }
};

// foreachでloopできる
$lazyMap = \Illuminate\Support\LazyCollection::make([1, 2 ,3])->map(fn ($elm) => $elm + 1);
foreach($lazyMap as $value) {
    echo $value; // 2, 3, 4が出力される
}
```


#### 評価 {#評価}

`all` などを実行するとGeneratorで定義されていたものを発行することになる。

```php
> \Illuminate\Support\LazyCollection::make([1, 2 , 3])
    ->map(fn ($elm) => $elm + 1)
    ->all();
= 9
```

`->all()` でGeneratorを [iterator_to_array](https://www.php.net/manual/ja/function.iterator-to-array.php) で配列にする処理が書かれている。
<https://github.com/laravel/framework/blob/10.x/src/Illuminate/Collections/LazyCollection.php#L95-L107>

```php
/**
 * Get all items in the enumerable.
 *
 * @return array<TKey, TValue>
 */
public function all()
{
    if (is_array($this->source)) {
        return $this->source;
    }

    return iterator_to_array($this->getIterator());
}
```

phpのforeachでloopできるのは、LazyCollection内で[IteratorAggregate interface](https://www.php.net/manual/ja/class.iteratoraggregate.php)を実装しているから。

-   `IteratorAggregate` の場合、 `$source` 自体に定義された `getIterator` を実行する
-   `is_array` の場合、ArrayIteratorを返す
-   `is_callable` の場合、Generatorを返す

<https://github.com/laravel/framework/blob/10.x/src/Illuminate/Collections/LazyCollection.php#L1690-L1698>

```php
/**
 * Make an iterator from the given source.
 *
 * @template TIteratorKey of array-key
 * @template TIteratorValue
 *
 * @param  \IteratorAggregate<TIteratorKey, TIteratorValue>|array<TIteratorKey, TIteratorValue>|(callable(): \Generator<TIteratorKey, TIteratorValue>)  $source
 * @return \Traversable<TIteratorKey, TIteratorValue>
 */
protected function makeIterator($source)
{
    if ($source instanceof IteratorAggregate) {
        return $source->getIterator();
    }

    if (is_array($source)) {
        return new ArrayIterator($source);
    }

    if (is_callable($source)) {
        $maybeTraversable = $source();

        return $maybeTraversable instanceof Traversable
            ? $maybeTraversable
            : new ArrayIterator(Arr::wrap($maybeTraversable));
    }

    return new ArrayIterator((array) $source);
}

/**
 * Get the values iterator.
 *
 * @return \Traversable<TKey, TValue>
 */
public function getIterator(): Traversable
{
    return $this->makeIterator($this->source);
}
```


### Advanced {#advanced}


#### 遅延評価関数とそれ以外の違い {#遅延評価関数とそれ以外の違い}

`return new static` のものは遅延評価、それ以外のものは即時評価対象。
`sum` や `avg` などすべてを評価したうえで実行しないと結果が得られないものも即時評価対象。

```php
// 遅延評価
public static function make($items = [])
{
    return new static($items);
}

// 即時評価
public function all()
{
    if (is_array($this->source)) {
        return $this->source;
    }

    return iterator_to_array($this->getIterator());
}

```


#### passthru関数 {#passthru関数}

既存の `Collection` に生えているメソッドを実行したうえで `LazyCollection` にしたい場合は `LazyCollection#passthru` を使う必要がある。

<https://github.com/laravel/framework/blob/10.x/src/Illuminate/Collections/LazyCollection.php#L1760-L1772>

```php
/**
 * Pass this lazy collection through a method on the collection class.
 *
 * @param  string  $method
 * @param  array<mixed>  $params
 * @return static
 */
protected function passthru($method, array $params)
{
    return new static(function () use ($method, $params) {
        yield from $this->collect()->$method(...$params);
    });
}
```

内部的にはかなり使われているが、いったん `Collection` に変換する過程で当然メモリ上に載ってしまう。

<https://github.com/laravel/framework/blob/10.x/src/Illuminate/Collections/LazyCollection.php#L1372-L1381>

```php
public function sort($callback = null)
{
    return $this->passthru('sort', func_get_args());
}
```


## 想定QA {#想定qa}


### Q. LazyCollection作成時の引数に巨大な配列を渡した場合はどうなる? {#q-dot-lazycollection作成時の引数に巨大な配列を渡した場合はどうなる}

次のように10000000件の配列を代入した場合は当然 `LazyCollection#source` に10000000件の配列が代入される。

```php
\Illuminate\Support\LazyCollection::make(range(1, 10000000)); // 10000000件の配列を代入する
```

ただ、その後の処理はGeneratorで処理が進むのでメモリ確保としては最初だけになる。


### Q. LazyCollectionを使う時の注意事項はある? {#q-dot-lazycollectionを使う時の注意事項はある}

使う関数が `return new static` を返しているか、 `LazyCollection#source` の評価タイミングがいつなのかを常に意識する必要がある。
このあたりのケアが面倒なので件数が少ない時は `Collection` を素直に使うのでも良さそう。
逆にいうと、そのあたりをちゃんとケアできる自信があるなら `LazyCollection` ですべて処理しても良さそう。


## 終わりに {#終わりに}

職場で扱うデータ量が多いと學びが多い。


## Backlinks {#backlinks}

-   [php-srcとyieldについて調査メモ]({{< relref "20250625115611-yield_in_php_src" >}})

--------------------------------------------------------------------------------
title: "Nixでdap-modeがエラーになった時のメモ"
date: "2025-02-03"
--------------------------------------------------------------------------------

## Introduction {#introduction}

2025/02/02（Sun）に `nix flake update` で最新にしてBuildしたらエラーで落ちるようになったのでメモ。


## 現象 {#現象}

1.  2025/01/31に [dapui.elがdap-ui.elにrename](https://github.com/emacs-lsp/dap-mode/commit/438679755e880f2a662a63bc04da9e843257e248) される
2.  [dap-mode 20250131.1624](https://melpa.org/#/dap-mode) に反映される
3.  2025/02/02の [nix flake update nixpkgsのdap-modeのpreBuild](https://github.com/NixOS/nixpkgs/blob/master/pkgs/applications/editors/emacs/elisp-packages/melpa-packages.nix#L984-L991) でdapui.elがなくて落ちるようになった


## 最小構成と解決策 {#最小構成と解決策}

次のように `preBuild` をoverlaysに追加すればBuildできるようになった。

```nix
{
  inputs = {
    nixpkgs.url = "github:NixOS/nixpkgs/nixpkgs-unstable";
    emacs-overlay.url = "github:nix-community/emacs-overlay";
  };

  outputs = { self, nixpkgs, emacs-overlay, ... }:
    let
      system = "aarch64-darwin";
      pkgs = import nixpkgs {
        inherit system;
        overlays = [
          # ここを追加
          (self: super: {
            emacsPackages = super.emacsPackages // {
              dap-mode = super.emacsPackages.dap-mode.overrideAttrs (old: {
                preBuild = null;
              });
            };
          })
          emacs-overlay.overlay
        ];
      };
    in {
      defaultPackage.${system} = pkgs.emacsPackages.dap-mode;
    };
}
```

また、 `emacs-overlay` 使う場合は `pkgs.emacsWithPackagesFromPackageRequires` にoverlayを追加すればBuildできるようになる。
<https://github.com/nix-community/Emacs-overlay/blob/a7f332f6e0813c9d0f53fe6539be1e7a65fff2e4/packreq.nix#L13>

```nix
{
  inputs = {
    nixpkgs.url = "github:NixOS/nixpkgs/nixpkgs-unstable";
    emacs-overlay.url = "github:nix-community/emacs-overlay";
  };
  outputs = { self, nixpkgs, emacs-overlay, ... }:
    let
      system = "aarch64-darwin";
      pkgs = import nixpkgs {
        inherit system;
        overlays = [ emacs-overlay.overlay ];
      };
    in
      {
        defaultPackage.${system} = pkgs.emacsWithPackagesFromPackageRequires {
          packageElisp = builtins.toFile "empty.el" "";
          extraEmacsPackages = epkgs: with epkgs; [ dap-mode ];
          override = final: prev: {
            dap-mode = prev.melpaPackages.dap-mode.overrideAttrs (old: {
              preBuild = null;
            });
          };
        };
      };
}
```

自分のhome-managerには次のように追記した。

<https://github.com/takeokunn/nixos-configuration/commit/16c55223327058cd184aa189b2b324dd1f823463>


## 終わりに {#終わりに}

調査に協力してくれたnatsukiumに感謝。

--------------------------------------------------------------------------------
title: "「Lispが安定してることがアピールポイントか」に対しての考察"
date: "2025-01-29"
--------------------------------------------------------------------------------

## 背景 {#背景}

[vim-jpラジオのEmacs回に出演しました - Zenn](https://zenn.dev/takeokunn/articles/20250126133908) を書いたのだが、conao3から「n年前のコードを動かすためにはn年成長しなければよい、そこはアピールポイントにならないという気持ちではある」という指摘を受けた。
その過程でvim-jpの `#random` チャンネルで議論になった。
人によってかなり前提や置かれている状況が違うので、自分が想定していた条件や「Lispが安定している」についての理解と主張を文書という形でまとめておく。


## 免責事項 {#免責事項}

この記事は個人ブログに書いているので、あくまで個人の理解や見解をまとめている。
その為、技術的に間違えていることが書かれている可能性があるので要注意。

| platform      | 想定読者 | 目的     |
|---------------|------|--------|
| Zenn          | 不特定多数 | 対外的な宣伝目的 |
| takeokunn.org | 特定少数 | 個人的なメモ |

また、特に断りがなければ以下を想像しながら書いている。
本当はGoやRustも含めて書きたかったが経験が浅いので今回は除外する。

-   Lisp: Common Lisp
-   通常の言語: PHP, NodeJS


## 対象箇所 {#対象箇所}

[こまもかさんからのお便り](https://zenn.dev/takeokunn/articles/20250126133908#%E3%81%93%E3%81%BE%E3%82%82%E3%81%8B%E3%81%95%E3%82%93%E3%81%8B%E3%82%89%E3%81%AE%E3%81%8A%E4%BE%BF%E3%82%8A) から抜粋。

> Q.
> Emacsといえば設定をEmacs Lispという専用のLispで行ったり、他のエディタよりLisp系言語のサポートが手厚い事が有名だと思います。
> かく言う僕もCommon Lispを書くためにEmacsを始めたのですが、皆さんの思うLispの魅力などについてお聞きしたいです。
>
> A.
> Lispの魅力についての外観をつかみたいなら [ハッカーと画家 コンピュータ時代の創造者たち](https://www.amazon.co.jp/%E3%83%8F%E3%83%83%E3%82%AB%E3%83%BC%E3%81%A8%E7%94%BB%E5%AE%B6-%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF%E6%99%82%E4%BB%A3%E3%81%AE%E5%89%B5%E9%80%A0%E8%80%85%E3%81%9F%E3%81%A1-%E3%83%9D%E3%83%BC%E3%83%AB-%E3%82%B0%E3%83%AC%E3%82%A2%E3%83%A0/dp/4274065979) や [Land of Lisp](https://www.oreilly.co.jp/books/9784873115870/) や [A Road to Common Lisp](https://gist.github.com/y2q-actionman/49d7587912b2786eb68643afde6ca192) を読むことをお勧めします。
> Lispにもっと踏み込みたいなら [On Lisp](https://www.asahi-net.or.jp/~kc7k-nd/onlispjhtml/) や [LET OVER LAMBDA](https://www.amazon.co.jp/LET-OVER-LAMBDA-1-0-%E3%83%9B%E3%82%A4%E3%83%88/dp/4434133632) もお勧めです。
>
> 僕個人としての魅力は、Lisp自体の言語仕様が変わることはなく、Lispの言語仕様の上にmacroや関数を積み上げているので30年前のコードベースも余裕で動くことです。
> ソフトウェアを開発していると後方非互換の回し車に常に追われており、頻繁なバージョンアップを余儀なくされます。
> phpプロジェクトは1年塩漬にされているとさまざまな依存関係のせいで動かないことが多々あります。


## 当初の自分の主張 {#当初の自分の主張}

プログラムを書くにはざっくり4種類の層がある。

-   言語自体の構文や処理系
-   処理系が提供している標準関数やpackage
-   外部packageやフレームワーク
-   ユーザーが書いているコード

主観の各言語ごとの変化の度合のマトリックスは以下。（×→変化なし、○→変化量が多い）
一度書いたコードが未来の処理系でも過去の処理系でも動くかどうかということを想定している。
「言語自体の構文や処理系」を変更するとすべてを変更する必要があるように、ステップが下にいくにつれて影響度合いが大きくなる。

|                        | Lisp | NodeJS | PHP |
|------------------------|------|--------|-----|
| 言語自体の構文や処理系 | ×    | △      | △   |
| 処理系が提供している標準関数やpackage | △    | △      | △   |
| 外部packageやフレームワーク | △    | ◎      | ◎   |

実際のプロジェクトはほぼ次の2種類のパターンで構成されている。
Emacs Lispの場合はフレームワークまで含めてなのでBを指す。

-   A. 言語自体の構文や処理系 + 処理系が提供している標準関数やpackage + ユーザーが書いているコード
-   B. 言語自体の構文や処理系 + 処理系が提供している標準関数やpackage + 外部packageやフレームワーク + ユーザーが書いているコード

また、世の中にはお作法のよいプロジェクトと悪いプロジェクトの2種類がある。
作法のよいプロジェクトはインストール手順や依存バージョンが明瞭に明記されており、高確率でストレスなく入ってくれるものを想定している。
作法の悪いプロジェクトはドキュメントも何もない、何年もメンテナンスされていない、経験が浅い人が作ったようなものを想定している。

お作法が悪いものをA'とB'とすると、個人的な安定度合の感覚のマトリックスは以下。（×→安定しない、○→安定する）
安定度合とは、[Goの古いコードが動かなくなることはほぼない理由](https://zenn.dev/catatsuy/articles/fda1e42acad421) に書かれているような、長期間塩けっしても動いてくれるといったことを想定している。

|    | Lisp | NodeJS | PHP |
|----|------|--------|-----|
| A  | ◎    | ○      | ○   |
| A' | ○    | △      | △   |
| B  | ◎    | ○      | ○   |
| B' | △    | ×      | ×   |

Common Lispで有名なマクロユーティリティ（外部package）の[alexandria](https://gitlab.common-lisp.net/alexandria/alexandria)は数十年コアコードに変化はないが、[ASDF](https://www.google.com/search?q=asdf+lisp&sca_esv=15ea5b57039dcf13&sxsrf=AHTn8zp7VwKCu0fTa5_AYtImnPRaLUXpfw%3A1738130722660&ei=IsWZZ6X-J6eP2roP4pDnsQc&ved=0ahUKEwill7DCoZqLAxWnh1YBHWLIOXYQ4dUDCBA&uact=5&oq=asdf+lisp&gs_lp=Egxnd3Mtd2l6LXNlcnAiCWFzZGYgbGlzcDIKECMYgAQYJxiKBTIEEAAYHjIIEAAYgAQYogQyBRAAGO8FMgUQABjvBTIIEAAYgAQYogQyBhAAGAgYHjIGEAAYCBgeSN0EUI0DWI0DcAF4AZABAJgBiQGgAYkBqgEDMC4xuAEDyAEA-AEBmAICoAKNAcICBxAjGLADGCfCAgoQABiwAxjWBBhHmAMA4gMFEgExICniAwUSATEgQIgGAZAGCpIHAzEuMaAHyAM&sclient=gws-wiz-serp)で簡単にインストールが可能。
[後方非互換の回し車から逃れる - A Road to Common Lisp](https://gist.github.com/y2q-actionman/49d7587912b2786eb68643afde6ca192#escaping-the-hamster-wheel-of-backwards-incompatibility) にも一節があり、この一節には自分の過去の業務経験からも共感できる。

> もしあなたが他の言語から来たのなら、あなたが言語実装やライブラリを「アップデート」して色々壊れる、ということがあったのではないでしょうか。あなたが10年前に書いた Ruby コードを、最新バージョンの Ruby で走らせようとしたら、おそらくアップデートにはある程度の努力が必要でしょう。私の現在の仕事は Scala なのですが、あるライブラリの最後の Github 上の更新が2,3年前だったなら、私はすぐに、私の側でかなりの量の変更をしないと動かないだろうな、と想定します。この 後方非互換の回し車 こそが、私達が毎日扱っているものであり、そして多くのモダンな言語における現実 なのです。モダンな言語には、確かに他の言語よりいいところもあるのですが。
>
> Common Lisp を学ぶと、このようなことは通常ありません。この投稿の次の節で、私は1990年に書かれた本を推薦するつもりです。あなたはその本のコードを、変更することなく、先月にリリースされた Common Lisp 実装で走らせることが出来ます。 後方非互換の回し車 で何年もジョギングしないと、私は書いたコードが20年後も十分動くと期待できることがどれだけ 安心 かを言うことが出来なかったでしょう。


## conao3の主張 {#conao3の主張}

「n年前のコードを動かすためにはn年成長しなければよい、そこはアピールポイントにならないという気持ちではある」やそれに続けての主張について列挙すると以下。

-   そもそも10年間何も開発しなければよいだけなのでは
-   ユーザーが少ないからニーズが少ないだけなのでは
-   特にEmacsの場合は破壊的変更を極端に避ける傾向があり、引数が増えるなどワークアラウント的な対応が多くなっている
-   塩漬けについてはその環境を再現するということだけで達成できて、塩漬けしたものが現代のランタイムでそのまま動くというのは運がよいだけもしくはランタイムが単に変化してないだけ
    -   Nixのようなエコシステムで実現可能なのでは
-   エコシステムの設計までされているGoやRustでもよいのでLispだからという訳ではないのでは


## 「conao3の主張」に対しての解答 {#conao3の主張-に対しての解答}


### そもそも10年間何も開発しなければよいだけなのでは {#そもそも10年間何も開発しなければよいだけなのでは}

S式で自分で構文を作れるLispとphp-srcに手を入れなくちゃいけないPHPだと状況が違いそう。
10年間何も開発しなくてもユーザー側に不満が溜らないかどうかの差はありそう。


### ユーザーが少ないからニーズが少ないだけなのでは {#ユーザーが少ないからニーズが少ないだけなのでは}

それはそう。JavaScriptはユーザーのニーズに答え続けているから複雑になっている。
ユーザー側でニーズが満たせるかどうか、ユーザーのニーズが満たされるか、その変更が自分にとって都合がよいかどうかは人によって違いそう。


### 塩漬けについてはその環境を再現するということだけで達成できて、塩漬けしたものが現代のランタイムでそのまま動くというのは運がよいだけもしくはランタイムが単に変化してないだけ {#塩漬けについてはその環境を再現するということだけで達成できて-塩漬けしたものが現代のランタイムでそのまま動くというのは運がよいだけもしくはランタイムが単に変化してないだけ}

事前知識のない状態でB'の状態のコードを渡された時に、GolangプロジェクトとPHPプロジェクトだとどちらが動作させやすそうかでいうとGolangと答える人が多いと思っている。
なんとかして動重ないといけない状況で動かしやすそうな言語はある。
Lispプロジェクトが動かしやすいのは昔ながらのプロジェクトが多く、単に依存が少ないだけというのもある。


### 特にEmacsの場合は破壊的変更を極端に避ける傾向があり、引数が増えるなどワークアラウント的な対応が多くなっている {#特にemacsの場合は破壊的変更を極端に避ける傾向があり-引数が増えるなどワークアラウント的な対応が多くなっている}

これはそう。いったんdeprecatedにして数個先のバージョンで削除するみたいな対応もありがち。
破壊的変更を避けると全体の開発速度が落ちるのはそう。
それを良しとするかどうかは文化の問題であり、それを好むかどうかは個人の好み。


### エコシステムの設計までされているGoやRustでもよいのでLispだからという訳ではないのでは {#エコシステムの設計までされているgoやrustでもよいのでlispだからという訳ではないのでは}

世の中にある大量のプログラミング言語の中での程度の問題だと思っている。
自分の肌感覚だとLispは簡単な部類だと思っている。


## 個人的な結論 {#個人的な結論}

「Lispが安定しているかどうか」でいうと、これは確実に真だと思っている。
「安定していることはアピールポイントにならない」というのは完全に個人の好みだと思っている。
ユーザーが少ない、用途が限られているが故の安定だとしても意味があるのではないだろうか。

--------------------------------------------------------------------------------
title: "org-crypt運用メモ"
date: "2025-01-27"
--------------------------------------------------------------------------------

## Introduction {#introduction}

`org-crypt` の使い方をイマイチに理解していなかったが、ふと調べてたら急に理解が進んだ。

個人的な運用が固まったのでメモしておく。


## Motivation {#motivation}

`~/.aws/credentials` のような秘匿情報を `secret.org.gpg` から `org-babel-tangle` から出力していた。
ファイルごとGPGで暗号化すると `git diff` がきれいに取れないので地味に困っていた。

`org-crypt` で必要な分を部分的に暗号化することによって、以前よりはGitフレンドリーにすることが可能になることが分かった。


## `org-crypt` 使い方 {#org-crypt-使い方}

[org-crypt.el](https://github.com/emacs-mirror/emacs/blob/6a390fd42ec4ef97d637899fc93f34ea65639e3c/lisp/org/org-crypt.el) を読むのでもよいが、 [Encrypting the content of Emacs Org files](https://fluca1978.github.io/2021/09/16/Emacs_Org_Encrypt.html) にわかりやすくまとまっている。

次のように設定した。

```emacs-lisp
(with-eval-after-load 'org
  (setopt org-tags-exclude-from-inheritance '("crypt")))

(with-eval-after-load 'org-crypt
  (setopt org-crypt-key "0B10DAA7BA0236D7382287660F79C0AB03FD7A1C"))
```

`:crypt:` タグをつけて `M-x org-encrypt-entries` を実行すると次のようにGPGで暗号化される。
タグはヘッダで `C-c C-c` を押すと入力できる。

`M-x org-decrypt-entries` でファイル内全体を復号することも可能。

`:crypt:` タグを変えたいなら `org-crypt-tag-matcher` を設定すればよい。

```org
* before
** access token
#+begin_src text
P@ssw0rd
#+end_src
* after                                                               :crypt:
-----BEGIN PGP MESSAGE-----

hQIMA6smtgkkGn+yAQ/+N67k5bFjZ+o/n3cRncdI7AXxZ4fcw7+vM9G/twKBkRqB
caleG2+FZy2u3ZHIE04ZnvKKPxZCDdm79Q6QxwBuuLsQiSn/jJ57QwNJySggQjwZ
aWQCzBFL5fBHgCR0eTZKX3Otr8Cpe2Eg1oH5SrUMEiRJ+uap+ZeVGs960icDy3AI
FRZ7z8BmaqFmA/ZRr3HO2nkFxJutzDnf7uCACa2JxpkJVDrhBOvGVrgHSqn/kzWu
+sriWo19z6O2mvVoWXOeg/3PNOP76ZCYFmqAa5zqoutBZ3GVEZ4M+uBcFJtQ6BHT
LgWLGNBEJeNjVWF1kGQYot4iArzrSbRzvNsEFzCiGyVYukgJSJuWWlC93aL4bJH+
c52Grie0DDacmiCADUVdUabvx16r82ptRylqV6um7mqdYGmPUErLhkp6zOwwhLgx
saAG4lY07DZeEdBtUfnYB39CRqxI/jVwSYoyTQC9PYUyo2y4E7Q2LjcoSyuJ8sPr
qgenSMn0gkF86ffm2ITmHDv5iQPgfhdzYIjtwrrDBpwCRkkoDfD68nS/zvekAe74
mO3fUOoM8jmMtQvCo9OMnVKkEXRXnzsyMI12KVIzMakljxnzvgDaELr5s6XTR/0F
FgAP19OQNbf24Ax3W+/m5GYxf5ltm+W4qDO0add5z2WLavOYGdknCCLFSN74/VLS
bwHums4w2RPZ00nnEX5zI+eN76UM42yZ53gDRjQgfVzfKdX4Rub/D19ZhL+bfqXR
iOJwPGz6yfeCDbz4RVvQgd/U8g5LkTrRu/itq9eZpCEjfH/HamC4meOrChI7xvJZ
nBkMYucqr7d5DPWEp4gYzQ==
=/Ual
-----END PGP MESSAGE-----
```


## `org-babel-tangle` との連携 {#org-babel-tangle-との連携}

自分のユースケースだと `org-babel-tangle` と組み合わせて実行するのだが、 `org-babel-tangle` はencrypt/decryptとは関係のない処理ですので、実行前後でencrypt/decryptする必要がある。

ok:

```org
* Secret
** Password
#+begin_src text :noweb-ref personal-access-token-github-for-private
  ghp_xxx
#+end_src
** Config
#+begin_src yaml :tangle (expand-file-name "~/.config/gh/hosts.yml") :mkdirp yes :noweb yes
  github.com:
    user: takeokunn
    oauth_token: <<personal-access-token-github-for-private>>
    git_protocol: ssh
#+end_src
```

ng:

```org
* Secret
** Password                                                           :crypt:
-----BEGIN PGP MESSAGE-----

hQIMA6smtgkkGn+yAQ/9FbKfh2bZdSPGQo6uEwJMXxYTUPzfE0RwiefZH0DMDwq0
GNPByVgSBd8Cl8U/CyALIwC2FRSkRhnRzbF80ukSaSAacDnmMb4tJFsqSlmG0cll
eM5sDGLCehZa06v2x6E6wt6kCE+pawEwTjts917PczOyxmZvA7jPK+uSsLUg5IUw
m/ykhS1JuOLs9JuEQdIfZlFp2k1jy3kZMkNsoJV2l25vci6LP4Dc7qsptCZpNU3H
zmJRyA7fVPYpCRVdpUzpmsFmYsaEf7LgI0bsCORne+Uy9R+YFakgYj2a0lWAUtVX
Z+yKKs0Pmt9EPYP3rC598VPZreNxJJSC/4jlceBwXYJ+13dbebg1xFxoze4fqlzp
mTW6yJthHmwGd3O7xMiyoojYqwoQ4wCzeLCT9v4BvGJYbpVKPtQuNUw6aYlvw5Eu
IN3/sCq+TTo+KJcrB8H/40XaVgYT9pR69Ak8Ptu+J2txOD6tglQaqMihtJN2+Dzt
dvvOONnFd3HOzNL99/ymSTgk4ezypwqjX06TbkdVgWIT5XMKCCI5I/ZAAe3oLW2Z
L5F+Gadhkky3dfPuivR6rT/CH8/L/hQzk5ejFkZu9u3ltxC+oeGHWQXsS1CyYqTE
fyiUd1u/yME5R+IFlSoG28un48Kc8GoJcydObaKUMDajgPwEZB1TR9rlmSNxCMDS
kwEFB49p4TvBosy8762aYp1gwftyg69m5CDtCC5jxpkVuz7GDBphy7qAQlS3gTNN
Jb+r9PuJf8h+XfSZqJFyfYGzr0FBITIxI8gu+m+Tf9q7cS93s22w7t2yzS014Dwq
6u4pwk8AG9SxJ4kcPmN7z9kwZwrMlaPImb1boBmKOsnL6onuUO5pNT+PNE3JbSFt
NL/rJw==
=hxwG
-----END PGP MESSAGE-----
** Config
#+begin_src yaml :tangle (expand-file-name "~/.config/gh/hosts.yml") :mkdirp yes :noweb yes
  github.com:
    user: takeokunn
    oauth_token: <<personal-access-token-github-for-private>>
    git_protocol: ssh
#+end_src
```

[org-crypt-use-before-save-magic](https://github.com/emacs-mirror/emacs/blob/6a390fd42ec4ef97d637899fc93f34ea65639e3c/lisp/org/org-crypt.el#L313-L318) は有効にすると、次のような問題が発生する。

1.  `org-decrypt-entries` を実行する
2.  `org-babel-tangle` を実行すると内部的にsave処理が走る
3.  `org-crypt-use-before-save-magic` でsave hookして `org-encrypt-entries` が実行される
4.  `org-babel-tangle` 時に空文字で出力される

そこでadvice関数で前後にencrypt/decryptする処理を追加した。

```emacs-lisp
(advice-add 'org-babel-tangle :before #'org-decrypt-entries)
(advice-add 'org-babel-tangle :after #'org-encrypt-entries)
```


## 終わりに {#終わりに}

当初の目的を満たせてよかったので満足。
pre-commitでsecretlintを回すようにしているので、encrypt忘れはそちらでもカバーできるようにしている。

余談だが、org-encryptを活用例でいうとこなゆき氏のdotfilesが非常によくできているので、一読することをお勧めする。
<https://github.com/p-snow/config/blob/main/dotfiles.org>


## Backlinks {#backlinks}

-   [mcp-servers-nixを導入した]({{< relref "20250409210655-introduction_mcp_servers_nix" >}})
-   [credential管理をorg-encryptからpassword-storeに移行した]({{< relref "20250414001634-migrate_credential_manager_to_password_store" >}})

--------------------------------------------------------------------------------
title: "個人的devenv運用"
date: "2025-01-27"
--------------------------------------------------------------------------------

## Introduction {#introduction}

devenvをヘビーユーズしているので、個人的なdevenv運用についてやTipsについてまとめる。


## devenvとは {#devenvとは}

devenvはcachix社が作っているflake.nixラッパ。
<https://devenv.sh/>

flake.nixよりも圧倒的に高級に書ける割に柔軟性がかなり高いのでプロジェクトに必要なツールを入れる場合に便利。

類似ールにdevboxがありますが、devboxはjsonでのみ記述できるので個人的にはNixで書けるdevenvの方が好み。


## devevnの個人的な期待役割 {#devevnの個人的な期待役割}

自分のローカル環境でNixが担っている役割は以下。
自分の手元にはNixOSとMacとAndroidのマシンがありますが、環境ごとの役割の差異は特にないです。

1.  システム設定
    -   e.g. network, font, daemon
2.  システムグローバルのパッケージ管理
    -   e.g. fish, Git, Emacs
3.  プロジェクト固有のパッケージ管理+α
    -   e.g. php, language-server, pre-commit
4.  プロジェクト固有のビルドツール

`1. システム設定` と `2. システムグローバルのパッケージ管理` は [takeokunn/nixos-configuration](https://github.com/takeokunn/nixos-configuration) が担っている。
`4. ビルドツール` は [NixでTypstをBuildしGitHub Pagesでホスティングする]({{< relref "20250126114218-build_and_deploy_typst_using_nix.md" >}}) のように `flake.nix` を定義して使っている。

`3. プロジェクト固有のパッケージ管理+α` をdevenvが担っており、 `2. システムグローバルのパッケージ管理` は必要最小限に抑えているので都度インストールする必要がある。

自分は普通の人よりも幅広い言語やフレームワークのリポジトリを扱うので、逐次必要なツールを明示的に入れている。
自分の為に用意しているので、プロジェクトには `git push` せず、自分用プライベートリポジトリで管理している。

また Emacsからもよい感じにpackageを実行できるようにする必要があるので工夫が必要。


## 実運用 {#実運用}


### Laravelプロジェク用devenvのサンプルコード {#laravelプロジェク用devenvのサンプルコード}

実際に会社のLaravelプロジェクトで使っているコードは以下。

-   language serverやawscliなどプロジェクで必要なものは都度入れている
-   言語のバージョンを大まかに定義する
    -   phpなら `8.2` という定義をして、 `8.2.x` レベルの細かい指定まではしない
-   php.iniはdevenv内で定義する
-   pre-commitをストレスのない範囲で可能な限り設定する
    -   ref. <https://devenv.sh/reference/options/#pre-commit>

<!--listend-->

```nix
{ pkgs, config, inputs, ... }: {
  cachix.enable = false;

  dotenv.disableHint = true;

  env.COMPOSER_MEMORY_LIMIT = "4G";

  packages = with pkgs; [ gh hub nodePackages_latest.intelephense ssm-session-manager-plugin tbls rain mariadb awscli ];

  languages.javascript = {
    enable = true;
    package = pkgs.nodejs_20;
    yarn.enable = true;
  };

  languages.php = {
    enable = true;
    package = pkgs.php82.buildEnv {
      extensions = { all, enabled }: with all; enabled ++ [ xdebug ];
      extraConfig = ''
        memory_limit=-1
      '';
    };
  };

  pre-commit.hooks = {
    actionlint.enable = true;
    editorconfig-checker.enable = true;
    check-json.enable = true;
    check-merge-conflicts.enable = true;
    check-yaml.enable = true;
    check-case-conflicts.enable = true;
  };
}
```


### org-tangleして各プロジェクトに配置 {#org-tangleして各プロジェクトに配置}

[emacs-mirror/emacs](https://github.com/emacs-mirror/emacs) の場合は次のようなOrgファイルを定義して `org-babel-tangle` する。
`devenv.lock` は管理運用方法は現状思いついてないので諦めている。

```org
*** emacs
**** .git/info/exclude
#+begin_src fundamental :mkdirp yes :noweb yes :tangle (if (file-directory-p "~/.ghq/github.com/emacs-mirror/emacs/") (expand-file-name "~/.ghq/github.com/emacs-mirror/emacs/.git/info/exclude") "no")
  .envrc
  devenv.nix
  devenv.lock
  .devenv.flake.nix
  .devenv/
  .direnv/
#+end_src
**** .envrc
#+begin_src dotenv :noweb yes :tangle (if (file-directory-p "~/.ghq/github.com/emacs-mirror/emacs") (expand-file-name "~/.ghq/github.com/emacs-mirror/emacs/.envrc") "no")
  source_url "https://raw.githubusercontent.com/cachix/devenv/95f329d49a8a5289d31e0982652f7058a189bfca/direnvrc" "sha256-d+8cBpDfDBj41inrADaJt+bDWhOktwslgoP5YiGJ1v0="
  use devenv
#+end_src
**** devenv.nix
#+begin_src nix :noweb yes :tangle (if (file-directory-p "~/.ghq/github.com/emacs-mirror/emacs") (expand-file-name "~/.ghq/github.com/emacs-mirror/emacs/devenv.nix") "no")
  { pkgs, config, inputs, ... }:
  {
    cachix.enable = false;

    dotenv.disableHint = true;

    packages = with pkgs; [
      autoconf
      texinfo
      gnutls
      libgccjit
      zlib
      libxml2
      ncurses
    ];
  }
#+end_src

```


### direnvで起動 {#direnvで起動}

project rootに発行したらdevenv shellに入るようにdirenvを設定している。
<https://devenv.sh/automatic-shell-activation/>


### .dir-locals2.elでPATHを通す {#dot-dir-locals2-dot-elでpathを通す}

次のような `.dir-locals2.el` を `org-babel-tangle` で出力してEmacsにパスを通している。

```emacs-lisp
((nil . ((eval . (add-to-list 'exec-path "~/ghq/github.com/org-name/project-name/.devenv/profile/bin/"))))
 (php-mode . ((eval lsp))))
```


## 所感 {#所感}

devenvめちゃくちゃよい。
ServicesやTestsなどの機能も試していきたい。


## Backlinks {#backlinks}

-   [巨大なLaravelレポジトリでphpactorを使うTips]({{< relref "20250515004832-phpactor_performance_huge_projects" >}})

--------------------------------------------------------------------------------
title: "NixでTypstをBuildしGitHub Pagesでホスティングする"
date: "2025-01-26"
--------------------------------------------------------------------------------

## 背景 {#背景}

スライドや組版記事を生成する為にTypstを採用することにした。
工数を最小限に安定的に量産できるようなしくみを整える必要が迫られていたので、今回対応したことをメモしておく。

ソースコードは[takeokunn/blogのtypstディレクトリ下](https://github.com/takeokunn/blog/tree/11609d8503ffd9b9eb8a3e2a5d19f3f51ee5b579/typst)に置いている。


## 条件 {#条件}

-   MUST
    -   Localに一切依存しない再現性の高いBuild環境構築
    -   org-modeで記述できる
    -   Typstのエコシステムを使う
    -   スライド生成と組版記事両方に対応する
-   SHOULD
    -   takeokunn.orgから配信できる
    -   リリースまでのリードタイムが短い
    -   org-roamなど周辺のエコシステムとの親和性を高める


## 方針 {#方針}

次の3ステップで実現した。

-   org-modeで記述したファイルをTypstに変換
-   NixでTypstをBuildできるようにする
-   GitHub ActionsでBuildしてGitHub Pagesで配信できる

{{< figure src="/images/D91F417B-0FFC-4C67-A814-A267565ADE63.png" >}}


## 作業ステップ {#作業ステップ}


### 0. どこに置くか検討 {#0-dot-どこに置くか検討}

以下を理由に [takeokunn/blog](https://github.com/takeokunn/blog) 上に構築することにした。

-   [takeokunn.org](https://www.takeokunn.org/) から配信できる
-   既存のorg-roam上に相乗りできる
-   新しいリポジトリを作ると関心ことが増える
-   すでにあるGitHub Actions上に構築することによって実装コストとメンテナンスコストを抑えられる
-   今回の用途だと作業途中でもパブリックにして問題がない

商業誌のような公開制限をかける必要のあるものは都度プライベートリポジトリを作って対応することにした。


### 1. org-modeで記述したファイルをTypstに変換 {#1-dot-org-modeで記述したファイルをtypstに変換}

組版記事の場合、[jmpunkt/ox-typst](https://github.com/jmpunkt/ox-typst) を用いて通常とおりOrgファイルをTypstに変換する。(`M-x org-typst-export-to-typst` を実行)

[PHPerKaigi2025のパンフ記事](https://github.com/takeokunn/blog/blob/11609d8503ffd9b9eb8a3e2a5d19f3f51ee5b579/typst/phperkaigi-2025-pamphlet/article.org)の場合、次のようにTypstの設定をExportしている。

```org
#+BEGIN_EXPORT typst
#set text(lang: "ja", font: "Migu", size: 8pt)

#set page(
  width: 210mm,
  height: 297mm,
  margin: 20mm,
  columns: 1
)

#import "@preview/codly:1.2.0": *
#import "@preview/codly-languages:0.1.1": *
#show: codly-init.with()
#codly(languages: codly-languages)

#align(center)[
  #set text(size: 18pt)
  Phpactorから学ぶLanguage Server Protocolの仕組み

  #set text(size: 12pt)
  たけてぃ \@takeokunn
]
#+END_EXPORT
```

スライドの場合、 Orgファイルには登壇メモをしつつ、 `#+BEGIN_EXPORT typst` のみ出力してほしかったので次のようなElispを書いた。

```emacs-lisp
(require 'ox-typst)

(setq org-export-with-toc nil)

(org-export-define-backend 'typst-slide
  '((export-block . org-typst-export-block)
    (headline . org-typst-headline)
    (item . org-typst-item)
    (keyword . org-typst-keyword)
    (section . org-typst-section)
    (src-block . org-typst-src-block))
  :menu-entry
  '(?y "Export to Typst"
       ((?F "As Typst buffer" org-typst-export-as-typst)
        (?f "As Typst file" org-typst-export-to-typst)
        (?p "As PDF file" org-typst-export-to-pdf)))
  :options-alist
  '((:typst-format-drawer-function nil nil #'(lambda (_ contents) contents))
    (:typst-format-inlinetask-function nil
                                       nil
                                       #'(lambda (_ contents) contents))))

(defun org-typst-slide-export-as-typst (&optional async subtreep visible-only body-only ext-plist)
  (interactive)
  (org-export-to-buffer 'typst-slide "*Org Typst Slide Export*"
    async subtreep visible-only body-only ext-plist))

(defun org-typst-slide-export-to-typst (&optional async subtreep visible-only body-only ext-plist)
  (interactive)
  (let ((outfile (org-export-output-file-name ".typ" subtreep)))
    (org-export-to-file 'typst-slide outfile
      async subtreep visible-only body-only ext-plist)))
```


### 2. NixでTypstをBuildできるようにする {#2-dot-nixでtypstをbuildできるようにする}

組版記事とスライドの場合で実行したいElisp関数が違うので、引数に `type` を渡すことで条件分岐をした。
Nix経由でインストールしたものを `TYPST_FONT_PATHS` `TYPST_PACKAGE_PATH` でPATHを通して `typst compile` を実行するDerivationを作った。

output抜粋:

```nix
buildTypstProject = { name, type }:
  let
    _ = assert builtins.elem; type [ "article" "slide" ];
    emacsBuildPhase = name: if type == "article"
                            then
                              "emacs --batch --load ox-typst.el --file ${name}/article.org --funcall org-typst-export-to-typst"
                            else
                              "emacs --batch --load ox-typst.el --file ${name}/article.org --funcall org-typst-slide-export-to-typst";
  in
    pkgs.stdenv.mkDerivation {
      inherit name;
      src = ./.;
      nativeBuildInputs = with pkgs; [
        typst
        migu
        (emacs.pkgs.withPackages (epkgs: with epkgs; [ org ox-typst ]))
      ];
      buildPhase = ''
        ${emacsBuildPhase name}
        export TYPST_FONT_PATHS="${pkgs.migu}/share/fonts/truetype/migu"
        export TYPST_PACKAGE_PATH="${typstPackagesCache}/typst/packages"
        typst compile ${name}/article.typ
      '';
      installPhase = ''
        mkdir -p $out
        cp ${name}/article.pdf $out/${name}.pdf
      '';
    };
```

呼び出し方はシンプルで、次のように `packages.*` で定義するとBuildできるようになった。

```nix
packages = {
  example-slide = buildTypstProject {
    name = "example-slide";
    type = "slide";
  };
  phperkaigi-2025-pamphlet = buildTypstProject {
    name = "phperkaigi-2025-pamphlet";
    type = "article";
  };
};
```

`#import "@preview/codly:1.2.0": *` のようにインポート記述のみすると、Nix Sandbox環境だとうまくインストールできなかった。(参考: [Typixを使って複数環境でtypstでスライドをコンパイルする - Zenn](https://zenn.dev/omochice/articles/reproducible-compilation-of-typst-by-typix))

inputsに [typst-packages](https://github.com/typst/packages) を定義してPATHを通すとうまくBuildできた。
TypstのNixラッパである [loqusion/typix](https://github.com/loqusion/typix) のコードも読んだが、自分の用途だと自前で書けばよいという結論に至ったので採用しなかった。

inputs抜粋:

```nix
inputs = {
  typst-packages = {
    url = "github:typst/packages";
    flake = false;
  };
};
```


### 3. GitHub ActionsでBuildしてGitHub Pagesで配信できる {#3-dot-github-actionsでbuildしてgithub-pagesで配信できる}

Hugoのデプロイフローの最後に `nix build` して生成したPDFを `public/pdf/` にコピーする処理を追加した。
<https://github.com/takeokunn/blog/blob/main/.github/workflows/main.yml>

```yaml
- name: Generate example-slide
  run: |
    nix build ./typst#example-slide
    cp result/example-slide.pdf public/pdf/
- name: Generate phperkaigi-2025-pamphlet
  run: |
    nix build ./typst#phperkaigi-2025-pamphlet
    cp result/phperkaigi-2025-pamphlet.pdf public/pdf/
```

生成されたPDFは以下。

-   <https://www.takeokunn.org/pdf/phperkaigi-2025-pamphlet.pdf>
-   <https://www.takeokunn.org/pdf/example-slide.pdf>


## Next Step {#next-step}

安定的にBuildできるようになったので、Typst自体の記述に慣れつつスライドや記事を量産していきたい。
また、現状[Miguフォント](https://itouhiro.github.io/mixfont-mplus-ipa/migu/)を使っているが個人的には納得していなく、テーブル表示にするとなぜかずれてしまう問題が発生している。
nixpkgs内にある日本語フォント選定に時間を割きたい。


## 雑感 {#雑感}

当初掲げていた条件をすべて満たせたので満足。
[Typixを使って複数環境でtypstでスライドをコンパイルする - Zenn](https://zenn.dev/omochice/articles/reproducible-compilation-of-typst-by-typix) 記事に助けられたのでOmochiceに大感謝。


## Backlinks {#backlinks}

-   [2025年2月名古屋旅行]({{< relref "20250224140741-retrospective_nagoya_2025" >}})
-   [Typst自作テーマで登壇スライドを作成した]({{< relref "20250601214129-create_slide_by_typst_self_theme" >}})
-   [AIを駆使してTypstスライドを生成する]({{< relref "20250610215948-ai_powered_typst_slide_generation" >}})
-   [個人的devenv運用]({{< relref "20250126135045-personal_devenv_tips" >}})
-   [Typstとpdfpcでプレゼン機能を実現する]({{< relref "20250608145128-presenting_with_typst_pdfpc" >}})
-   [Typstテーマを自作した]({{< relref "20250506220914-create_typst_slide_theme" >}})

--------------------------------------------------------------------------------
title: "2024年 全体振り返り"
date: "2025-01-05"
--------------------------------------------------------------------------------

## Introduction {#introduction}

2024年振り返りの振り返り記事です。
立てた目標に対してどうだったか、2025年はどうするべきかを書いておきます。


## 年始に立てた目標 {#年始に立てた目標}

プログラミングのほぼすべての問題は「Aという問題に対してBというツールを使ってCをする」の連続だということに気がつきました。
「日報を書く時はorg-modeのテンプレートを使って記述する」や「日本語を書く時はskkを使って入力する」など、それぞれの問題は細分化をするとほぼすべてこの形式になります。

プログラマーは得てしてAという問題を解決したいだけなのに、「BよりB'の方がよいのではないか」と検証をし始めていっこうにCできないものです。
とはいえツールの選定は生産性に直結するので重要でありそこの塩梅が非常に難しいです。

そこで2024年は5年後も使えるであろうツールの選定を十分にすることにしました。
自分が持っているすべての「Aという問題に対してBというツールを使ってCをする」をテンプレ化し、再利用性と再現性を高くするのを目標にしました。

いろいろな話を見聞きした結果、次の3つを頑張るのが良さそうだということで目標に据えました。

-   文芸的プログラミング（org-mode）
-   Nix
-   LLM/Local LLM


## 目標に対しての振り返り {#目標に対しての振り返り}

| 目標          | 自己評価 |
|-------------|------|
| 文芸的プログラミング | ○    |
| Nix           | ◎    |
| LLM/Local LLM | △    |

2024年はNix元年というくらい、Nixに大量に時間を投資したのは大成功でした。
自分が持っているほぼすべての設定を [takeokunn/nixos-configuration](https://github.com/takeokunn/nixos-configuration) とprivate repoに移植しました。
明示的にコードに落とすことによって、自分は今何をどういう設定でどういう用途で使っているのかを明確にできました。

文芸的プログラミングは去年書いた [2023年のorg-mode活用と今後の抱負]({{< relref "20240112071806-my_relationship_with_org_mode_in_2023_and_how_navigate_in_2024.md" >}}) から大きな進展はないですが、細やかな改善をたくさん行えた結果、ほぼテンプレ行動でやりたいことを実現できるようになりました。

LLM/Local LLMに関しては、どのくらいの将来性があるのか、やりこむとしたら何をやればよいのか、Local LLMなら何ができるのか等を自分の中で整理するというのが目標でした。
一応自分の中では整理がついたのでそれは良かったのですが、Difyの活用やワークフローに落とし込む所までは間に合わなかったです。


## コミュニティ活動 {#コミュニティ活動}

| 時期 | イベント名                                                                  | 役割    | 登壇スライド                                                                                                                             | 関連                                                                                                                         |
|----|------------------------------------------------------------------------|-------|------------------------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------------------|
| 1月 | [PHPカンファレンス北海道](https://phpcon.hokkaido.jp/)                      | 参加者  |                                                                                                                                          | [PHPカンファレンス北海道2024に参加してきました]({{< relref "../diary/20240112063123-retrospective_phpcondo_2024.md" >}})     |
| 3月 | [phperkaigi 2024](https://phperkaigi.jp/2024/)                              | パンフ記事執筆 | [テキストエディタがPHPをシンタックスハイライトする仕組みとモダンテキストエディタ事情について]({{< relref "20240107122028-how_to_syntax_highlight_in_text_editor.md" >}}) |                                                                                                                              |
| 4月 | [PHPカンファレンス小田原](https://phpcon-odawara.jp/2024/)                  | 登壇    | [Laravelに0からPHPStanを導入して継続的に運用する方法](https://docs.google.com/presentation/d/1436T1dx_0igdNzNCVpGIf0kVA5wOVF4kcVmH9VRJobA/edit#slide=id.p) |                                                                                                                              |
| 6月 | [PHPカンファレンス福岡](https://phpcon.fukuoka.jp/2024/)                    | 登壇    | [Nixを用いて再現可能なPHP環境を用意する](https://docs.google.com/presentation/d/1I5yWPV_hIOaN0FfRQPwyhdQTVFv2uQEK0A08sMHPLiA/edit#slide=id.p) |                                                                                                                              |
| 8月 | [東京Emacs勉強会 サマーフェスティバル2024](https://tokyo-emacs.connpass.com/event/321255/) | 主催    |                                                                                                                                          |                                                                                                                              |
| 10月 | [Nix meetup #1](https://nix-ja.connpass.com/event/330557/)                  | 主催、登壇 | [nix-shell+org-modeで文芸的プログラミング](https://docs.google.com/presentation/d/1So6l6JTNlZkrQDxf99kMFIlPB34TuNdQjpNwgxIBSFo/edit#slide=id.p) |                                                                                                                              |
| 11月 | [技術書展17](https://techbookfest.org/event/tbf17)                          | 売り子  |                                                                                                                                          | [めだかのclojure.core学校 conao3](https://techbookfest.org/product/f7rPGt7NeeDuqxYdE3Teyc?productVariantID=hATFZbCg6sJxMt5dCXPn4x) |
| 11月 | [VimConf 2024](https://vimconf-2024-ticket.peatix.com/)                     | 個人スポンサー |                                                                                                                                          | [VimConf2024 参加記]({{< relref "../diary/20241123101757-participation_vimconf_2024.md" >}})                                 |
| 12月 | [ISUCON14](https://isucon.net/archives/58869617.html)                       | 競技者  |                                                                                                                                          | [ISUCON14にチームOL001として参加しました(インフラ編)](https://zenn.dev/takeokunn/articles/20241217090756)                    |
| 12月 | [PHPカンファレンス東京](https://phpcon.php.gr.jp/2024/)                     | 企業スポンサー |                                                                                                                                          |                                                                                                                              |

今年は毎月のように何かがあった1年でした。

10月に主催した [東京Emacs勉強会 オクトーバーフェスティバル2024](https://tokyo-emacs.connpass.com/event/330572/) と [Nix meetup #1](https://nix-ja.connpass.com/event/330557/) は大盛況でオリジナルカクテルを作ったりしました。

<blockquote class="twitter-tweet"><p lang="qme" dir="ltr"><a href="https://twitter.com/hashtag/nix_ja?src=hash&amp;ref_src=twsrc%5Etfw">#nix_ja</a> <a href="https://t.co/GNbKStEICk">pic.twitter.com/GNbKStEICk</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1850093230521827592?ref_src=twsrc%5Etfw">October 26, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

来年以降のphpcon関連のすでに名古屋、phperkaigi、小田原が決まっています。

また、vim-jpラジオ出演や商業誌の雑誌寄稿が決まっていて来年も忙しくなりそうです。


## イベント {#イベント}

2024年はvim-jpに入り浸ってた一年でした。
emacserのtomoyaさんやconao3と仲良くなれたし、yasunori projectと称してyasunoriの転職活動を全力サポートしました。

カンファレンスついでに旅行たくさんいきました。

| 時期 | 場所  | 目的       |
|----|-----|----------|
| 1月 | 北海道 | PHPCon北海道 |
| 3月 | 秋田  | どっかにビューン旅行 |
| 4月 | 小田原 | PHPCon小田原 |
| 4月 | 大阪、神戸 | 従兄弟の結婚式 |
| 6月 | 福岡、別府 | PHPCon福岡 |
| 8月 | 横須賀 | 地元民の友達と遊ぶ |

ぷぷさんが主催している [エンジニアティールーム](https://eng-tearoom.connpass.com/) はほぼ皆勤賞なくらい参加しました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">良きでした <a href="https://twitter.com/hashtag/%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%83%86%E3%82%A3%E3%83%BC%E3%83%AB%E3%83%BC%E3%83%A0?src=hash&amp;ref_src=twsrc%5Etfw">#エンジニアティールーム</a> <a href="https://t.co/jv0wviGEzi">pic.twitter.com/jv0wviGEzi</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1662394762576666625?ref_src=twsrc%5Etfw">May 27, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


## 仕事について {#仕事について}


### 本業 {#本業}

去年は [PHPConf2023「保守性の高いアプリケーションを作り続けるための基盤整備について」というテーマで登壇します](https://zenn.dev/openlogi/articles/bba928c9e07af3) と書いたようにいろいろやりましたが、正直そんなに頑張れてないなという反省があります。
5段階中3くらいの評価でした。

チーム内の人間関係は成功したなーという実感があり、その部分は良かったです。
職場の9月くらいまで雰囲気が悪かったが今は雰囲気が回復しました。
やはり退職時に暴れ回るのはよくないんだなということを実感しました。

業務面では自分専用のRunbookをとにかく作り、どんどん快適になっていく実感があります。

物流ECドメインに詳しくなって食いっぱぐれないようにしたいですね。


### バイト {#バイト}

土祝日は必ず行くホームになっています。

自分としては好きな技術を使んでるだけなのですが、スタートアップに半身でも置くことはやはり重要なんだなと定期的に思います。

Google App ScriptやWordPressの可能性に気が付けたのは大きかったです。


## 来年の目標 {#来年の目標}

次の3つをやっていきます。

-   車輪の再発明
-   ソフトウェアテスト
-   外部へのリーチを増やす

「車輪の再発明」に関して、コンパイラの自作や以前から作りたかったものを作ります。
アプリケーション実装力を高めるのが目的で、特にLispとPrologに対して時間を投資をしてく予定です。

「ソフトウェアテスト」に関して、生成AIが2024年に一気に伸びて日々のコーディングでも採用できるようになりました。
そうなると動作保証する方法が重要になってきます。
投資していくツールの選定をし、ひたすら使い込み、継続的にテストを回す方法を模索したいです。

「外部へのリーチを増やす」に関して、具体的に次のようなことをやります。

-   ブログやスライドの運用を洗練させる
-   EmacsConf 2025開催する
-   勉強会や登壇頻度を増やす
-   `技術書展` で本を出したり、雑誌への寄稿をする


## 終わりに {#終わりに}

何かを深掘して時間を溶かして調べてよいかの指標として年始に大まかな目標を立て取り組むのは重要だなと感じました。
自分としてはアプリケーションや外部活動に十分に集中するだけの基盤が整ったので、来年はアウトプットに全力を注ぐ1年にしたいです。

--------------------------------------------------------------------------------
title: "VimConf2024 参加記"
date: "2024-11-23"
--------------------------------------------------------------------------------

## はじめに {#はじめに}

2024-11-23 Satに行われたvimconf 2024に参加しました。

<https://vimconf.org/2024/>


## 登壇感想 {#登壇感想}

英語の登壇であること、前日はしゃいで睡眠不足あったので聞き逃した所もあるが登壇メモを書いておく。

<https://vimconf.org/2024/sessions/>


### Keynote - The new Vim project - What has changed after Bram by Christian Brabandt {#keynote-the-new-vim-project-what-has-changed-after-bram-by-christian-brabandt}


#### 一言 {#一言}

vim projectを引き継ぐにあたって大変なことについて。
vim本体のコードの引き継ぎも大変だけど、それ以外の引き継ぎも大変だったという話。


#### 内容メモ {#内容メモ}

-   Bramが超人すぎて引き継ぎ量が多い
-   git repoの引き継ぎ
    -   権限周りや新しいメンテナの招待
-   vim.org のホームページ引き継ぎ
    -   php5/7とか古いバージョン
    -   DBやらドメインやら
-   Emailアカウント周り
-   Google Groupを使ってる
    -   正直イマイチなのでどうしたものか
-   セキュリティレポート
    -   [Huntr](https://huntr.com/bounties/63f51299-008a-4112-b85b-1e904aadd4ba)
    -   GitHub security advisory
    -   private mailing list
-   [ICCF](https://iccf-holland.org/)
    -   まだ動いてるし、変えずにやっていく
    -   [voting feature](https://www.vim.org/sponsor/vote_results.php) は廃止
-   開発進捗
    -   Development did not stop
    -   Vim9 classサポート
    -   XDGサポート/Editorconfigサポート/Waylandサポート
    -   BC Breakが起きないように十分にテストをする
-   コミュニティにとって何が重要か
    -   e.g. IDEっぽいことができた方が良いか、エディタのままでいいか
    -   e.g. Vim9は楽しいかどうか等
-   開発者に求めてること
    -   安全なC関数を使う
    -   CIを通してカバレッジの確認をするなど
    -   管理しやすいようにリファクタリングをする
-   何を改善すべきか
    -   GUI(GTK4)などのサポートを向上させるかどうか
    -   Tree-sitterサポートするかどうか
-   結論
    -   Vimメンテナンスは大変
    -   コミュニティを健全性を維持したい
-   質疑応答
    -   NeovimとVimは相互に協力して開発を進めていきたい
    -   Vimにコントリビューションを始める方法を教えてほしい
        -   ドキュメントなど全ての貢献に感謝してる
        -   Vim scriptのC言語を読めば良い
    -   貴方が独裁者になってない?
        -   自分が休暇中は他の人がmerge作業をしてる
        -   コミュニティの意向を尊重してmergeしてる
    -   言語の壁でも越えるのが大変だけどどうしてる?
        -   英語でコミュニケーションしかできない
        -   メンテナは各国にいるので英語がコミュニケーションの言語になってる
    -   初心者に対してどういうことを期待してる?
        -   まず日本のコミュニティに繋がることから始めると良い
        -   他の人から学ぶ、バグレポートから始めたり、ソースコードをチェックしてどう変更されたのか確認する、テストをする
        -   ソースコードに馴染んできた時にパッチを送ると良い


### Keynote - (Neo)Vim Made Me a Better Software Developer by TJ DeVries {#keynote--neo--vim-made-me-a-better-software-developer-by-tj-devries}


#### 一言 {#一言}

Neovimの話というよりは仕事のやり方に通じるものだった。
youtuberっぽい警戒なトークで面白すぎた。


#### 内容メモ {#内容メモ}

-   自己紹介
    -   neovimとtelescopeのcontributor
-   より良いソフトウェア開発者の定義
    -   指標がむずかしい
        -   お金とかでは測れない
    -   Leetcodeがうまいとかではない
    -   一緒に開発してる人が喜んでくれるかどうか、作ったものを楽しんで使ってくれるかどうか
-   Goal
    -   vimとinteractionをとる方法
    -   vimがなんでワクワクするか、他の人にどう伝えるか
-   No, Please No.
    -   It's written in C, so it must be fast!
    -   HA! YOU USE A BROWSER TO EDIT TEXT!!
    -   Only noobs use VS C\*de
    -   It looks cool in the coffee shop/interviews
-   Yes, But No.
    -   Better than "C IS FAST!!"
    -   テキスト編集
        -   neovimの方が早いだとかどういうことは言わない
    -   Plugins
        -   問題解決にならなければ意味がない
-   Yes, But (Just Barely) No
    -   OSSは優れているが、全てを再現するのが難しい
    -   Joy
        -   プログラミングはキャリアの中でやってる
            -   マラソンに参加してるようなもの
        -   Neovimを使って色々なことを改善できる
            -   1%の改善でも長くやってれば大きな差になる
        -   Personalized Development Enviroment(PDE)
-   Yes
    -   Epicが最初のキャリア
        -   Fortniteではなく、医療系システム
        -   Life always has tradeodff
        -   やる気がとても大事なので自分ごとにして取り組む
            -   自分のためのものを作る、なにがほしいのかがわかるというのは素晴らしいことである
            -   自分が使って「気持ち悪い」という感覚をもつ
            -   本番環境 = 自分のマシン
        -   練習が大事
-   Prictice
    -   ビジョンを明確にする
    -   デバッグをうまくやる
    -   シンプルさを保つ
    -   他の人と強調する
    -   コミュニケーションする
    -   iterationスピードを上げる
-   Confession
    -   playgroundを作る
    -   Neovimのだけじゃなくてとにかく試す機会を増やす
-   Make it \* vim


### Mastering Quickfix by daisuzu {#mastering-quickfix-by-daisuzu}


#### 一言 {#一言}

QuickfixはEmacsで言うところのembarkのような機能らしい。


#### 内容メモ {#内容メモ}

-   Quickfixについて解説
    -   Basic Operation
        -   List Creation
        -   Managing quickfix window
        -   Jumping
    -   History Listについて
    -   Customizing Quickfixについて
        -   grep programを指定できる
    -   Batch Operation
        -   `:cdo` , `:cfdo` がある
    -   Saving and loading quickfix lsits
    -   Automating with macros
    -   Real-World Example
        -   「エディタの達人」の時便利らしい
    -   THe Essence of Vim Mastery
        -   Vimの語彙を増やしてMasterしよう


### Hacking Vim script by kato {#hacking-vim-script-by-kato}


#### 一言 {#一言}

Vimに関数を生やす話。php-srcと似てたので理解しやすかった。


#### 内容メモ {#内容メモ}

-   Vimのソースコードを手元に落とす
-   ctagsでタグを作る
    -   これで定義ジャンプできるようになる
-   関数実装
    -   C言語で関数を実装する
    -   関数の定義をglobal_functionsに定義する
        -   辞書順にsortされた所に入れる
        -   入力補完には出てくるのに実行時に解決できないことがある
    -   `f_debug()` を実装してみる
        -   src/evalfunc.c
        -   `f_max_argc` や `f_argccheck` などの説明など
-   デバッガ
    -   gdbを使えるし、termdebugがある
    -   `git blame` 便利
-   実行までの流れ
    -   ASTを作って式の評価など
    -   GCの話
-   Vim9 Scriptについて
    -   stack machineにコンパイルされる
    -   stack machine VM説明


### Switch between projects like a Ninja by Yuki Ito {#switch-between-projects-like-a-ninja-by-yuki-ito}


#### 資料 {#資料}

<https://docs.google.com/presentation/d/15QvYTshQ7n7S4MbQUSUN7aHB_d4P1hLlO9E-1-GVC6Y/edit?usp=sharing>


#### 一言 {#一言}

私はEmacsだと [projectile](https://github.com/bbatsov/projectile) を使ってる


#### 内容メモ {#内容メモ}

-   プロジェクトの切り替えについて
    -   インフラプロジェクトとアプリケーションプロジェクトの切り替えをどうする?
        -   sessionの管理どうしよう
-   Vim SessionについてDeepDive
    -   vimにも `mksession` がある
    -   sessionの実装について
-   Advancedな使い方について
    -   shada


### Vim meets Local LLM: Edit Text beyond the Speed of Thought by yuys13 {#vim-meets-local-llm-edit-text-beyond-the-speed-of-thought-by-yuys13}


#### 一言 {#一言}

ellamaを使ってる身としては興味深かった。Emacsの小ネタも入れてくれて嬉しい。


#### 内容メモ {#内容メモ}

-   LLMでコードを生成する話
-   何故Local LLMなのか
    -   仕事でAIにコードを送るのがダメになりがち
    -   Local LLMだと利用用途が広がる
-   Ollama導入
    -   `$ ollama pull tinyllama`
    -   curlで叩く実例
-   仕組み解説
    -   FIM(Fill in the Middle)
    -   FIMのAPI経由で検証
-   Vimとの繋ぎ込み
    -   Plugin実装の話
-   将来性
    -   プロジェクト内のコードを使って生成する
    -   UI体験を考える


### Creating the Vim Version of VSCode Dev Container Extension: Why and How by mikoto2000 {#creating-the-vim-version-of-vscode-dev-container-extension-why-and-how-by-mikoto2000}


#### 一言 {#一言}

devContainer使ったことがなかったのでかなりイメージがついて良かった。


#### 内容メモ {#内容メモ}

-   VSCodeのdevContainerについて
    -   VSCode Server解説
        -   devcontainers/cli
-   devcontainer.vim解説
-   弱点
    -   yank問題など
        -   clipboard data receiverを作ってTCPでやりとりする
-   まとめ
    -   vim integrationツールを作れる


### Neovim for Frontend Developers: Boosting Productivity and Creativity by ryoppippi {#neovim-for-frontend-developers-boosting-productivity-and-creativity-by-ryoppippi}


#### 一言 {#一言}

トークがうますぎる。お前がナンバーワンや!!!


#### 内容メモ {#内容メモ}

-   エディタ遍歴
    -   VSCodeのVim Pluginから始めてNeovim
-   VSCodeについて
    -   世界一人気だけど設定できない
-   Neovimの良い所
    -   hackable
-   モダンwebフロントエンドのNeovim
    -   色々な言語やツールがあって大変
-   ライブコーディング
    -   vim pluginの紹介など
    -   コーディング
    -   テストインテグレーション
    -   ファイル管理
-   結論
    -   Neovim使おう


### Building Neovim Plugins: A Journey from Novice to Pro by 2KAbhishek {#building-neovim-plugins-a-journey-from-novice-to-pro-by-2kabhishek}


#### 一言 {#一言}

`Tips for Plugin Authors` すごい良い話をしてた。


#### 内容メモ {#内容メモ}

-   Neovim遍歴
    -   色々pluginを作ってきた話
-   何故Pluginを開発するのか
    -   Boost Productivity
    -   Make Your Own Tools
    -   Enhance Integration
    -   Empower the Community
-   Plugin開発周りの話
    -   helpやcommentをちゃんと書く
    -   Advanced Plugin
        -   Async API
        -   Integration tools(e.g. docker)
        -   robust UI
        -   tree-sitter/lsp
    -   Tips for Plugin Authors
        -   自分が0番目のユーザ、ドキュメント化する、自動テストをする、パフォーマンスに気をつける、ユーザ設定を尊重する、シェアしてケアする


### Can't Help Falling in Vim ~ Wise men say only fools reinvent the wheel, but I can't help building yet another fuzzy finder: Fall by Λlisue {#can-t-help-falling-in-vim-wise-men-say-only-fools-reinvent-the-wheel-but-i-can-t-help-building-yet-another-fuzzy-finder-fall-by-λlisue}


#### 一言 {#一言}

またFuzzy Finderか!!!


#### 内容メモ {#内容メモ}

-   Fuzzy Finderとは
    -   FuzzyにFindするもの
-   Fuzzy Finder/Tree Viewerの違い
    -   Fuzzy finder
        -   fast filering
        -   partial knowlegdge
    -   tree viewer
        -   quick
        -   ...
-   Fuzzy finder歴史
    -   2007年 FuzzyFinder star: 257
    -   2010年 unite.vim star: 2900
    -   2011年 ctrlp.vim star: 2011
    -   2015年: fzf.vim star: 9600
    -   2016年: denite.nvim start: 2100
    -   2018年: fzf-preview.vim star: 909
    -   2020年: telescope.nvim star: 15500
    -   2021年: ddu.vim star: 292
    -   2024年: Fall star: 30
-   Fall Main Feature
    -   Vim/Neovimサポート
    -   本当に必要なものだけに注力
    -   プログラマフレンドリー
-   Vim/Neovimサポート
    -   両方サポートしてるPlugin少ない
    -   Floating UIサポート
    -   denops使ってる
-   本当に必要なものだけに注力
    -   modeless UI
    -   「忘れるべくして生まれてきた」
    -   Switch behaviors
        -   シームレスに切り替えることができる
    -   submatch to refine
    -   Latency over throughput
-   プログラマフレンドリー
    -   TypeScriptで記述できる
    -   extension開発ができる
    -   TS moduleとして配布できる
-   結論
    -   Fall is venry


### The latest dark deno powered plugins by Shougo Matsushita {#the-latest-dark-deno-powered-plugins-by-shougo-matsushita}


#### 一言 {#一言}

テキストエディタ、つまりこの世の全てが話されていた。


#### 内容メモ {#内容メモ}

「VimはOS/シェル/ターミナルである」「VimはEmacs(のようなアプリケーションプラットフォーム)である」「Vimは全てである」


## LT感想 {#lt感想}

疲れてきてメモ量が少なくなってしまった。

<https://vimconf.org/2024/sessions/#menu-lightning>


### .vimrc and my belief about it by omochice {#dot-vimrc-and-my-belief-about-it-by-omochice}

-   vimは趣味から仕事のツールに変化した
    -   vimと外部APIとの繋ぎ込みを考えることが増えた
    -   他の人のvimrcを読む機会が増えた
-   変わらなかったこと
    -   自分の思考を妨げない、最新のものを使う、明示的に書く


### Plugin dependecny management wih nix by kuuote {#plugin-dependecny-management-wih-nix-by-kuuote}

-   外部依存を管理するならNix
-   Nix is All You Need
    -   <https://zenn.dev/natsukium/articles/b4899d7b1e6a9a>


### Develop iOS apps with Neovim by uhooi {#develop-ios-apps-with-neovim-by-uhooi}

-   DAPの説明
-   neovim pluginは以下をメインで使ってる
    -   xcodebuild.nvim
    -   nvim-dap, nvim-dap-ui


### Future-Proof Your Vim plugins: Strategies for Robust Testing {#future-proof-your-vim-plugins-strategies-for-robust-testing}

-   テスト書いてると色々支障が出る、vimでも同じ
-   テストフレームワーク選定
    -   shellから叩けるか
    -   環境依存を減らしたい
    -   依存プラグインも入れられる
-   [thinca/vim-themis](https://github.com/thinca/vim-themis) を使うと良い


### Tips for natvigating and Exploring Vim's Help by Satoru Kitaguchi {#tips-for-natvigating-and-exploring-vim-s-help-by-satoru-kitaguchi}

-   vim helpの話
    -   色々なhelpの引き方がある


## 交流など {#交流など}

前日は秋葉原周辺でvimmer達と8人一緒に泊まり、朝一で向かいました。

<blockquote class="twitter-tweet"><p lang="qme" dir="ltr"><a href="https://twitter.com/hashtag/vimconf?src=hash&amp;ref_src=twsrc%5Etfw">#vimconf</a> <a href="https://t.co/DUP3ChI5rK">pic.twitter.com/DUP3ChI5rK</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1860126408225525774?ref_src=twsrc%5Etfw">November 23, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

昼飯は今半のすき焼弁当で余ってたので2つ食べました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">めちゃうまい弁当でした！ <a href="https://twitter.com/hashtag/vimconf?src=hash&amp;ref_src=twsrc%5Etfw">#vimconf</a> <a href="https://t.co/GdajLOoEwm">pic.twitter.com/GdajLOoEwm</a></p>&mdash; Conao3 (@conao_3) <a href="https://twitter.com/conao_3/status/1860161245820911821?ref_src=twsrc%5Etfw">November 23, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

また、tadsanとvim-jpラジオの写真を取りました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">ご期待ください <a href="https://twitter.com/hashtag/vimconf?src=hash&amp;ref_src=twsrc%5Etfw">#vimconf</a> <a href="https://t.co/11zkua4BEI">pic.twitter.com/11zkua4BEI</a></p>&mdash; にゃんだーすわん (@tadsan) <a href="https://twitter.com/tadsan/status/1860170503971045786?ref_src=twsrc%5Etfw">November 23, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

懇親会ではvim-jpの人達と交流できたので大満足でした。

特にShougoさんとテキストエディタの思想について交流できたのは個人的には大きかったです。
タイル型VMを使う理由、OSに対しての感覚、AstroNvimのようなフルスクラッチなnvimについての感覚などかねてから聞きたかったことが聞けました。
また、Shougoさんにはかねてからライブコーディングをしてもらいたいとお願いしてた夢が叶いました。

また、Emacsの話をいっぱい出来ました。
ゴリラvimと東京Emacs勉強会コラボとNix Meetupコラボしましょうという話もしました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">実質emacsconfでした <a href="https://t.co/zY7RMle8M3">pic.twitter.com/zY7RMle8M3</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1860288058618445989?ref_src=twsrc%5Etfw">November 23, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


## 終わりに {#終わりに}

本当に充実したVimConfだった。最高だった。


## Backlinks {#backlinks}

-   [2024年 全体振り返り]({{< relref "20241221130328-retrospective_2024" >}})

--------------------------------------------------------------------------------
title: "tcardgenをnixでパッケージ化する方法"
date: "2024-11-22"
--------------------------------------------------------------------------------

## 背景 {#背景}

HugoからOGPを動的に吐き出すツールとして [Ladicle/tcardgen](https://github.com/Ladicle/tcardgen) がある。
2024/11/22 現在当ブログでも利用していて、 [takeokunn/blog](https://github.com/takeokunn/blog) のNix化に伴い tcardgen もNixでパッケージングする必要があった。


## 流れ {#流れ}


### 1. 自作nur-packages に登録 {#1-dot-自作nur-packages-に登録}

[takeokunn/nur-packages](https://github.com/takeokunn/nur-packages) に雑に次のようにパッケージングをした。

```nix
{ buildGoModule, fetchFromGitHub }:
buildGoModule {
  pname = "tcardgen";
  version = "0.0.1";
  src = fetchFromGitHub {
    owner = "Ladicle";
    repo = "tcardgen";
    rev = "2222547ac37c2d6e1961b00acef3771f48ac8220";
    hash = "sha256-6Z4SWpjdPMMCC6xm+xjSNAWQpO2FD91p+Mk9Y+Hh7AY=";
  };
  vendorHash = "";

  doCheck = false;

  meta = {
    description = "Generate a TwitterCard(OGP) image for your Hugo posts.";
    homepage = "https://github.com/Ladicle/tcardgen";
    mainProgram = "tcardgen";
  };
}
```

`src` 部分は [seppeljordan/nix-prefetch-github](https://github.com/seppeljordan/nix-prefetch-github) を利用して取得。

```bash
$ nix-shell -p nix-prefetch-github
$ nix-prefetch-github-latest-release --nix Ladicle tcardgen
let
  pkgs = import <nixpkgs> {};
in
  pkgs.fetchFromGitHub {
    owner = "Ladicle";
    repo = "tcardgen";
    rev = "2222547ac37c2d6e1961b00acef3771f48ac8220";
    hash = "sha256-6Z4SWpjdPMMCC6xm+xjSNAWQpO2FD91p+Mk9Y+Hh7AY=";
  }

```


### 2. 手元のBuildが通ることを確認 {#2-dot-手元のbuildが通ることを確認}

`vendorHash` は空文字にしてbuildをするとエラーメッセージに書いてあるのでそれを埋める。

```bash
$ nix build .#tcardgen
$ ./result/bin/tcardgen --help
Generate TwitterCard(OGP) images for your Hugo posts.
Supported front-matters are title, author, categories, tags, and date.

Usage:
  tcardgen [-f <FONTDIR>] [-o <OUTPUT>] [-t <TEMPLATE>] [-c <CONFIG>] <FILE>...

Examples:
# Generate a image and output to the example directory.
tcardgen --fontDir=font --output=example --template=example/template.png example/blog-post.md

# Generate a image and output to the example directory as "featured.png".
tcardgen --fontDir=font --output=example/featured.png --template=example/template.png example/blog-post.md

# Generate multiple images.
tcardgen --template=example/template.png example/*.md

# Genrate an image based on the drawing configuration.
tcardgen --config=config.yaml example/*.md

Flags:
  -c, --config string     Set a drawing configuration file.
  -f, --fontDir string    Set a font directory. (default "font")
  -h, --help              help for tcardgen
      --outDir string     (DEPRECATED) Set an output directory.
  -o, --output string     Set an output directory or filename (only png format). (default "out/")
  -t, --template string   Set a template image file. (default example/template.png)

```


### 3. CIでコケたものを修正 {#3-dot-ciでコケたものを修正}

goのversionが合わないというエラーだった。

```text
---- 中略 ----
error: builder for '/nix/store/9i29mz8v8dwc6jyy2kxpfbay0sy1xf8r-tcardgen-0.0.1-go-modules.drv' failed with exit code 1;
       last 8 log lines:
       > Running phase: unpackPhase
       > unpacking source archive /nix/store/skjfli0fscc0mqhlagkfjna0x2v1kgq7-source
       > source root is source
       > Running phase: patchPhase
       > Running phase: updateAutotoolsGnuConfigScriptsPhase
       > Running phase: configurePhase
       > Running phase: buildPhase
       > go: go.mod requires go >= 1.23 (running go 1.22.8; GOTOOLCHAIN=local)
       For full logs, run 'nix log /nix/store/9i29mz8v8dwc6jyy2kxpfbay0sy1xf8r-tcardgen-0.0.1-go-modules.drv'.
error: builder for '/nix/store/9i29mz8v8dwc6jyy2kxpfbay0sy1xf8r-tcardgen-0.0.1-go-modules.drv' failed with exit code 1;
       last 8 log lines:
       > Running phase: unpackPhase
       > unpacking source archive /nix/store/skjfli0fscc0mqhlagkfjna0x2v1kgq7-source
       > source root is source
       > Running phase: patchPhase
       > Running phase: updateAutotoolsGnuConfigScriptsPhase
       > Running phase: configurePhase
       > Running phase: buildPhase
       > go: go.mod requires go >= 1.23 (running go 1.22.8; GOTOOLCHAIN=local)
       For full logs, run 'nix log /nix/store/9i29mz8v8dwc6jyy2kxpfbay0sy1xf8r-tcardgen-0.0.1-go-modules.drv'.
error: build of '/nix/store/43rfsfzxs6vlvcy146bz58qapig5lqab-tcardgen-0.0.1.drv^*', '/nix/store/4xfqycxxn4hi5m0xnzvxjwjr11n5nqg1-textlint-rule-preset-jtf-style-2.3.14.drv^*', '/nix/store/7dh43zziij61js5jjcv43b9qp4fc060f-textlint-rule-preset-japanese-10.0.3.drv^*', '/nix/store/9i29mz8v8dwc6jyy2kxpfbay0sy1xf8r-tcardgen-0.0.1-go-modules.drv^*', '/nix/store/acmw7z8i6wk9mqy95gn38mliz6jvyg2z-offline.drv^*', '/nix/store/lvcpa0lck54hbwv46bjjmy8385xivgny-offline.drv^*', '/nix/store/rlxzz85xybhcwb3dvnx6z4a7cw7v6lnj-offline.drv^*', '/nix/store/zmfi7bz7is5d5spiqljqnz0q7f0y3ps0-textlint-rule-preset-ja-spacing-2.4.3.drv^*', '/nix/store/zw27xgidmlcwsvrl6l7j6f5xagpvwy84-isucrud-1.2.2.drv^*' failed
```

2024/11/22 時点ではGo versionが `1.22.8` なので明示的に `1.23` を使ってbuildするように変更しなければならない。

[2c08f7d8b69b6dec04c4f902fae956b5c20354d0](https://github.com/takeokunn/nur-packages/commit/2c08f7d8b69b6dec04c4f902fae956b5c20354d0) のように `buildGoModule` を `buildGo123Module` に差し替えたらエラーが解消された。


### 4. devenvで利用 {#4-dot-devenvで利用}

次のように記述すると[ devenv](https://devenv.sh/) でも利用することが可能。

devenv.yaml:

```yaml
inputs:
  nur-packages:
    url: github:takeokunn/nur-packages
```

devenv.nix:

```nix
{ pkgs, config, inputs, ... }:
let
  pkgs-unstable = import inputs.nixpkgs-unstable { system = pkgs.stdenv.system; };
in
{
  packages = with pkgs; [
    inputs.nur-packages.packages."${pkgs.stdenv.system}".tcardgen
  ];
}
```


## 終わりに {#終わりに}

nur-packagesで自作packageを簡単に作成できるのは便利だし、将来的にはnixpkgs本体にコントリビュートしたい。

--------------------------------------------------------------------------------
title: "2024年版private-isu構築メモ"
date: "2024-11-17"
--------------------------------------------------------------------------------

## 背景 {#背景}

ISUCON14の練習の為[catatsuy/private-isu](https://github.com/catatsuy/private-isu)を自分のAWSに構築しようとしたが、 [tohutohu/private-isu.yaml - gist](https://gist.github.com/tohutohu/024551682a9004da286b0abd6366fa55)が構築できなかったのでメモ。


## 問題点 {#問題点}

[tohutohu/private-isu.yaml - gist](https://gist.github.com/tohutohu/024551682a9004da286b0abd6366fa55) のCloudFormationをそのまま起動しようとするとAMIがないと怒られる。

| Name   | ImageId               | InstanceType |
|--------|-----------------------|--------------|
| server | ami-0d92a4724cae6f07b | c6i.large    |
| bench  | ami-0582a2a7fbe79a30d | c6i.xlarge   |

AMIの検索は以下から行う。
<https://docs.aws.amazon.com/ja_jp/AWSEC2/latest/UserGuide/finding-an-ami.html>


## 修正方法 {#修正方法}

[catatsuy/private-isu#ami](https://github.com/catatsuy/private-isu?tab=readme-ov-file#ami) に動くAMIが記述されているのでそちらに修正し、費用面を考慮して `InstanceType` を次のように修正した。

| Name   | ImageId               | InstanceType |
|--------|-----------------------|--------------|
| server | ami-047fdc2b851e73cad | t2.medium    |
| bench  | ami-037be39355baf1f2e | t2.medium    |

また、 `KeyPairName` は不要なので削除した。

実際のCloudFormationは以下。

```yaml
AWSTemplateFormatVersion: '2010-09-09'
Description: private-isu template
Parameters:
  GitHubUsername:
    Description: "GitHub Username for SSH public key"
    Type: String
Resources:
  VPC:
    Type: AWS::EC2::VPC
    Properties:
      CidrBlock: '192.168.0.0/16'
  MySubnet:
    Type: AWS::EC2::Subnet
    Properties:
      VpcId: !Ref VPC
      CidrBlock: '192.168.1.0/24'
      AvailabilityZone: ap-northeast-1a
  MyInternetGateway:
    Type: AWS::EC2::InternetGateway
  AttachGateway:
    Type: AWS::EC2::VPCGatewayAttachment
    Properties:
      VpcId: !Ref VPC
      InternetGatewayId: !Ref MyInternetGateway
  MyRouteTable:
    Type: AWS::EC2::RouteTable
    Properties:
      VpcId: !Ref VPC
  PublicRoute:
    Type: AWS::EC2::Route
    DependsOn: AttachGateway
    Properties:
      RouteTableId: !Ref MyRouteTable
      DestinationCidrBlock: 0.0.0.0/0
      GatewayId: !Ref MyInternetGateway
  SubnetRouteTableAssociation:
    Type: AWS::EC2::SubnetRouteTableAssociation
    Properties:
      SubnetId: !Ref MySubnet
      RouteTableId: !Ref MyRouteTable
  MySecurityGroup:
    Type: AWS::EC2::SecurityGroup
    Properties:
      GroupDescription: Enable SSH, HTTP, HTTPS access
      VpcId: !Ref VPC
      SecurityGroupIngress:
        - IpProtocol: tcp
          FromPort: 22
          ToPort: 22
          CidrIp: 0.0.0.0/0
        - IpProtocol: tcp
          FromPort: 80
          ToPort: 80
          CidrIp: 0.0.0.0/0
        - IpProtocol: tcp
          FromPort: 443
          ToPort: 443
          CidrIp: 0.0.0.0/0
        - IpProtocol: -1
          CidrIp: 192.168.0.0/16
  ServerInstance:
    Type: AWS::EC2::Instance
    Properties:
      InstanceType: t2.medium
      ImageId: ami-047fdc2b851e73cad
      SubnetId: !Ref MySubnet
      PrivateIpAddress: '192.168.1.10'
      SecurityGroupIds:
        - !Ref MySecurityGroup
      UserData:
        Fn::Base64: !Sub |
          #!/bin/bash
          GITHUB_USER=${GitHubUsername}
          mkdir -p /home/isucon/.ssh
          curl -s https://github.com/$GITHUB_USER.keys >> /home/isucon/.ssh/authorized_keys
          chown -R isucon:isucon /home/isucon/.ssh
          chmod 600 /home/isucon/.ssh/authorized_keys
  BenchmarkerInstance:
    Type: AWS::EC2::Instance
    Properties:
      InstanceType: t2.medium
      ImageId: ami-037be39355baf1f2e
      SubnetId: !Ref MySubnet
      PrivateIpAddress: '192.168.1.20'
      SecurityGroupIds:
        - !Ref MySecurityGroup
      UserData:
        Fn::Base64: !Sub |
          #!/bin/bash
          GITHUB_USER=${GitHubUsername}
          mkdir -p /home/isucon/.ssh
          curl -s https://github.com/$GITHUB_USER.keys >> /home/isucon/.ssh/authorized_keys
          chown -R isucon:isucon /home/isucon/.ssh
          chmod 600 /home/isucon/.ssh/authorized_keys
  ServerEIP:
    Type: AWS::EC2::EIP
  BenchmarkerEIP:
    Type: AWS::EC2::EIP
  ServerEIPAssociation:
    Type: AWS::EC2::EIPAssociation
    Properties:
      InstanceId: !Ref ServerInstance
      EIP: !Ref ServerEIP
  BenchmarkerEIPAssociation:
    Type: AWS::EC2::EIPAssociation
    Properties:
      InstanceId: !Ref BenchmarkerInstance
      EIP: !Ref BenchmarkerEIP
```


## 終わりに {#終わりに}

実際に練習するなら指定された環境のまま起動した方がよいだろうが、あくまで練習として `private-isu` を立ち上げたいだけという今回の用途ではこれで十分。

--------------------------------------------------------------------------------
title: "GnuPG 2.4.4でEmacsで発生していたバグ修正された"
date: "2024-01-27"
--------------------------------------------------------------------------------

## Summary {#summary}

[Emacs内でgpg fileがsaveできなくなった時に対応したことメモ]({{< relref "20230624130858-how_to_escape_emacs_gpg_bug.md" >}}) にもあるとおり、GnuPG 2.4.0を使うとEasyPGが正常に動かないという問題があったが、GnuPGを2.4.4に上げると解決した。


## 一連の流れ {#一連の流れ}

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">以前も見て、私の環境ではならんなと思ってたけど、たんに gpgtools の gpg2 を読んでいたからだった。 <a href="https://t.co/UdI5QtmC4N">https://t.co/UdI5QtmC4N</a> <a href="https://t.co/SNSj5Jd2DT">pic.twitter.com/SNSj5Jd2DT</a></p>&mdash; . (@takaxp) <a href="https://twitter.com/takaxp/status/1751131754465996931?ref_src=twsrc%5Etfw">January 27, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">2.4.4 が降ってくれば直る説。<a href="https://t.co/zG6kkrQg4s">https://t.co/zG6kkrQg4s</a> <a href="https://t.co/YqDEmiDJit">pic.twitter.com/YqDEmiDJit</a></p>&mdash; . (@takaxp) <a href="https://twitter.com/takaxp/status/1751134178488512668?ref_src=twsrc%5Etfw">January 27, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

[Re: epg-encrypt-string in Emacs seems to be incompatible with GnuPG 2.4.1 on macOS, 2.4.0 works](https://www.mail-archive.com/gnupg-users@gnupg.org/msg41435.html) を見ていると、 `2.4.4` で直るっぽいとの記述がある。

GnuPG側の変更は[こちら](https://git.gnupg.org/cgi-bin/gitweb.cgi?p=gnupg.git;a=commit;h=2f872fa68c6576724b9dabee9fb0844266f55d0d)。

Homebrewではすでに[こちらのcommit](https://github.com/Homebrew/homebrew-core/commit/efdeda1c8613c9eda4b75ec6603e876fab593cd9)で対応済みなので `brew update` で更新される。

Nixユーザーは[nixpkgs](https://github.com/NixOS/nixpkgs/blob/nixos-23.11/pkgs/tools/security/gnupg/24.nix)が対応するまでは次のようにoverlayを定義して対応すればよい。

```nix
{
  nixpkgs.overlays = [
    (final: prev: {
      gnupg = prev.gnupg.overrideAttrs (old: {
        src = prev.fetchurl {
          url = "mirror://gnupg/gnupg/gnupg-2.4.4.tar.bz2";
          hash = "sha256-Z+vgFsqQ+naIzmejh+vYLGJh6ViX23sj3yT/M1voW8Y=";
        };
      });
    })
  ];
}
```

実際に自分Emacs環境で実験した所正常に動作することが確認取れた。

--------------------------------------------------------------------------------
title: "2023年のorg-mode活用と今後の抱負"
date: "2024-01-25"
--------------------------------------------------------------------------------

## Introduction {#introduction}

この記事は[Vim駅伝](https://vim-jp.org/ekiden/)の2024-01-24の記事です。

前回の記事はyasunoriさんの「[Vimを勧めるときのすヽめ](https://zenn.dev/vim_jp/articles/0007-vim-recommend-method)」です。

私にとっての2023年はorg-modeの年でした。
org-modeで実現できることは何があるのかと、自分にとってのorg-modeはなんなのか、ということに腰を据えてちゃんと向き合えたので実際に取り組んだことを記事にしておきます。


## Emacsとの出会いと使えるようになるまで {#emacsとの出会いと使えるようになるまで}

私のEmacs歴は6年程度で、[takeokunn/.emacs.d](https://github.com/takeokunn/.emacs.d) のfirst commitは `Sat Nov 3 18:15:51 2018 +0900` です。
もともとSublime Textを使っており、Emacsを使い始めたきっかけは[ハッカーと画家](https://www.amazon.co.jp/%E3%83%8F%E3%83%83%E3%82%AB%E3%83%BC%E3%81%A8%E7%94%BB%E5%AE%B6-%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF%E6%99%82%E4%BB%A3%E3%81%AE%E5%89%B5%E9%80%A0%E8%80%85%E3%81%9F%E3%81%A1-%E3%83%9D%E3%83%BC%E3%83%AB-%E3%82%B0%E3%83%AC%E3%82%A2%E3%83%A0/dp/4274065979)でした。
[ハッカーと画家](https://www.amazon.co.jp/%E3%83%8F%E3%83%83%E3%82%AB%E3%83%BC%E3%81%A8%E7%94%BB%E5%AE%B6-%E3%82%B3%E3%83%B3%E3%83%94%E3%83%A5%E3%83%BC%E3%82%BF%E6%99%82%E4%BB%A3%E3%81%AE%E5%89%B5%E9%80%A0%E8%80%85%E3%81%9F%E3%81%A1-%E3%83%9D%E3%83%BC%E3%83%AB-%E3%82%B0%E3%83%AC%E3%82%A2%E3%83%A0/dp/4274065979)にLispのすばらしさが書いてあり、Lispを書くならEmacsだろうということで安易な気持ちで入門しました。

[風になりたい奴だけがEmacsを使えば良い 2020](https://blog.tomoya.dev/posts/only-those-who-want-to-be-the-wind-should-use-emacs-2020/) などEmacsの魅力を語っている記事がたくさんあったのも理由のひとつでした。

最初の2年はEmacsを操作するのに慣れるまで必死でした。
世の中にはEmacsを入門してすぐに有名なOSSにコントリビューションしたり、自分でキラーアプリケーションを作ったりする天才のような人達がごろごろいるが、私は要領が悪いため残念ながらそういう人間ではありませんでした。
生まれたての小鹿みたいなおぼつかない操作、何をしたらどう動くのか分からないし何がどう動いるのか分からず、どう質問をしてよいのかすら分からない状態が続きました。

3年くらい使ってようやく概要を把握でき、Sublime Textと同じくらいの編集速度を出すことができるようになりました。
徐々にEmacsの気持ちが分かってきて、ざっくり何ができるのか、どのくらいのポテンシャルを秘めているのかということを肌感覚でつかめてきました。
それと同時に、Emacsで実現可能なものの輪郭を見たくなってきました。
その為には他人のEmacsの設定を漁りまくり、少しでも便利そうだと思ったパッケージはすべて検証するという運用をしてみました。

4年目はとにかくinit.elの管理方法と起動速度にこだわった1年になりました。
[Emacsを世界最速級で起動する方法 - Zenn](https://zenn.dev/takeokunn/articles/56010618502ccc) の目的は起動時間を短縮することによって、設定の検証効率を上げることでした。
また、起動速度チューニングすることによってどうEmacs本体がEmacs Lispを実行するのか深く理解できたので非常に有意義な取り組みだったと感じています。


## 課題 {#課題}

ソフトェアの開発は「趣味だろうと仕事だろうとプログラミングに閉じることはできない」という問題があります。
メール確認だったりブログの執筆だったりパスワードマネージャーだったり、「ソフトウェアエンジニアなら必要なもの」というのはかなりあります。

自分がやりたかったのは「Emacs内で最高の環境」を作ることです。Emacsはそれを許容してくれます。
カーソル移動だったり、keybindの最適化だけではなく、自分の普段のワークフローをしっかりEmacsに落としきる必要があります。

通常のプログラミングのためのチューニングとは別に、次のようなことをやりたいと考えていました。

-   メールの確認やパスワード管理を自動化したい
-   日報や工数入力を最短で入力できるようにしたい
-   質の担保されたブログ記事を最短で公開したい
-   すべてのコンピュータ上での作業をメモしたい
    -   たとえ案件が変わろうとPCが壊れようと過去に行ったことを検索可能な状態にしたい
    -   Local LLMに食わせることによって自分専用のAIを作りたい
-   etc

私は特に怠惰でだらしない人間ですので、いかにワークフローを整えて自動化をしてドキュメントとして残すか、サボったツケを効率良く払うことに注力する必要がありました。


## なぜorg-modeなのか {#なぜorg-modeなのか}

私はプレーンテキストに対して強いこだわりがあるので、可能な限りプレーンテキストをGitで管理する運用にしたいと考えていました。

Emacsとの親和性なども考えると[org-mode](https://orgmode.org/ja/)しかないだろう、という結論に至りました。
[org-mode features](https://orgmode.org/features.html) を見ているとまさしく私がやりたかったことを網羅していました。

-   Markup
-   構造的な編集
-   テーブル操作
-   コードブロック
-   エクスポート
-   タスク管理
-   スケジュール
-   時間計測
-   メモ
-   強力な拡張パッケージ

org-modeはコンピュータを使う時に必要なものをすべて用意してくれています。
当然のことながら、Emacsのパッケージなので [org-mode のキーバインド、その先 - Qiita](https://qiita.com/takaxp/items/a5a3383d7358c58240d0) にもあるとおりEmacsのkeybindで操作できます。

コードの実行もできる為コマンド結果の証跡を残すこともでき、プレーンテキストなので当然grepで過去に行ったタスクの検索も容易に行うことができます。
1年くらいorg-modeに注力してみたが、org-modeはすばらしく可能性を秘めており、Emacsが廃れない限りは使い続けられることを確信したので、少なくとも直近5年は投資し続ける覚悟ができました。

[YouTubeの@p-snow氏のチャンネル](https://www.youtube.com/@p-snow) は非常に有益な情報を発信してくれているのでぜひとも確認してみてください。


## 他エディタのorg-mode対応状況 {#他エディタのorg-mode対応状況}

org-modeはEmacs組込みのパッケージなのでEmacsでは当然簡単に使えますが、他エディタでも当然実装例があります。

たとえば、Vimには[jceb/vim-orgmode](https://github.com/jceb/vim-orgmode)や[nvim-orgmode/orgmode](https://github.com/nvim-orgmode/orgmode)があったり、VSCodeでは[vscode-org-mode/vscode-org-mode](https://github.com/vscode-org-mode/vscode-org-mode)などがあります。
JetBrainsでも[org4idea](https://plugins.jetbrains.com/plugin/7095-org4idea)といったorgをSyntax Highlightするプラグインを提供してくれています。

org関係のパッケージに期待することは主に「Syntax Highlight」と「タスク管理のような付属機能」の2つです。
「Syntax Highlight」に関して世の中のだいたいのorg関係のパッケージは対応していますが、「タスク管理のような付属機能」はEmacsのorg-modeがあまりにも高機能すぎて他テキストエディタのパッケージに移植するのは非常に困難です。

一番開発が盛んな[nvim-orgmode/orgmode](https://github.com/nvim-orgmode/orgmode)でさえ完全に移植しきれている訳ではなく、org-modeのポテンシャルを最大限発揮するには現状Emacs以外の選択肢がない状態です。


## 事例 {#事例}

具体的にorg-modeで自分が実践していることをいくつか紹介します。
細かい設定に関しては別途記事にする予定なのでご了承ください。


### init.el管理 {#init-dot-el管理}

[takeokunn/.emacs.d](https://github.com/takeokunn/.emacs.d) でEmacsの設定をorg-modeで管理するようにしています。
GitHub Actions経由で [https://emacs.takeokunn.org/](https://emacs.takeokunn.org/) にHostingするようにしています。

[init.org](https://github.com/takeokunn/.emacs.d/blob/main/index.org) に8000行くらい設定を書いていて、[init.org](https://github.com/takeokunn/.emacs.d/blob/main/index.org) から `init.el` とHTMLを生成できるようにしています。
また、[yasnippets.org](https://github.com/takeokunn/.emacs.d/blob/main/yasnippets.org) や [early-init.org](https://github.com/takeokunn/.emacs.d/blob/main/early-init.org) など `init.el` 以外の設定ファイルもorg-modeから生成できるようにしています。

{{< figure src="/images/8F2EB14A-410B-44C1-8987-69731F119BD5.png" >}}


### ブログ管理 {#ブログ管理}

[takeokunn/blog](https://github.com/takeokunn/blog) にてブログを管理しています。この記事も当然org-modeで書かれています。

[https://www.takeokunn.org/](https://www.takeokunn.org/)

[org-roamで記事を管理しGitHub Actionsで適切に公開する]({{< relref "20231219122351-how_to_manage_blog_by_org_roam.md" >}}) に詳細を書いているのでこちらを参照ください。


### タスク管理 {#タスク管理}

[Emacs org-agenda他を運用して１年経ったのでまとめる](https://maskaw.hatenablog.com/entry/2018/09/21/205910) あたりを参考にタスク管理をorg-modeに寄せました。

次のような運用をしています。

-   週次で `agenda/` 次の `DONE` になったものを `org-archive` でアーカイブする
-   月次で `journal.org` を `journal/yyyy/yyyy-mm.org` に移動する
-   年次で `year/yyyy.org` にまとめる

<!--listend-->

```bash
.
├── agenda
│   ├── anken-a.org
│   ├── anken-b.org
│   └── take.org
├── archive
│   ├── 2023
│   │   ├── 2023-02-03.org
│   │   ├── 2023-02-10.org
│   │   ├── 2023-02-17.org
│   │   ├── --- 中略 ---
│   │   ├── 2023-12-22.org
│   │   └── 2023-12-29.org
│   └── 2024
│       ├── 2024-01-05.org
│       ├── 2024-01-12.org
│       └── 2024-01-19.org
├── journal
│   └── 2023
│       ├── 2023-01.org
│       ├── 2023-02.org
│       ├── 2023-03.org
│       ├── 2023-04.org
│       ├── 2023-05.org
│       ├── 2023-06.org
│       ├── 2023-07.org
│       ├── 2023-08.org
│       ├── 2023-09.org
│       ├── 2023-10.org
│       ├── 2023-11.org
│       └── 2023-12.org
├── journal.org
└── year
    └── 2023.org
```


### `org-tangle` で設定ファイル出力 {#org-tangle-で設定ファイル出力}

`~/.aws/config` など [takeokunn/dotfiles](https://github.com/takeokunn/dotfiles) で管理しきれないものはprivate repoで管理している `secret.org.gpg` から生成するようにしています。
`org-tangle` 変数を扱うことが可能なので設定を分割できます。

```org
#+begin_src conf :noweb-ref aws-config-dummy-default
  [profile default]
  region = ap-northeast-1
  output = json
#+end_src

#+begin_src conf :noweb yes :tangle (expand-file-name "~/.aws/config") :mkdirp yes
  # dummy default
  <<aws-config-dummy-default>>
#+end_src
```


### `org-babel` 活用 {#org-babel-活用}

`org-babel` を使うとorg-mode内でプログラムを実行でき、実行結果を `#+RESULTS:` に出力できます。
インフラ作業で証跡を残したい時やちょっとした検証をする時に非常に重宝しています。

```org
#+begin_src bash
  echo "good"
#+end_src

#+RESULTS:
: good
```

自前でパッケージを書くのも簡単で過去に3つほど自作しました。

-   [takeokunn/ob-treesitter](https://github.com/takeokunn/ob-treesitter)
-   [takeokunn/ob-fish](https://github.com/takeokunn/ob-fish)
-   [emacs-php/ob-phpstan](https://github.com/emacs-php/ob-phpstan)


### 日報作成 {#日報作成}

日報もorg-modeで出力しており、 `org-clock` を利用して日々のタスクにかかった時間を計測できるようにしています。
これにより、月1の工数入力時に何日に何にどれくらい時間がかかったかを自動で出力できるようになり、大幅な時間短縮を実現できました。

以下は具体的に使っている日報の例です。前日と当日分をナローイングして `org-gfm-export-as-markdown` でMarkdownを掃き出し、少し整形してチームメンバーに共有しています。

```org
* 2024
** 2024-01 January
*** 2024-01-23 Tuesday
#+BEGIN: clocktable :maxlevel 2 :scope agenda :block 2024-01-23 :fileskip0 t :tags t :link t
#+CAPTION: Clock summary at [2024-01-24 Wed 10:07], for Tuesday, January 23, 2024.
| File         | Tags | Headline                       | Time   |      |
|--------------+------+--------------------------------+--------+------|
|              | ALL  | *Total time*                   | *3:30* |      |
|--------------+------+--------------------------------+--------+------|
| openlogi.org |      | *File time*                    | *3:30* |      |
|              | MTG  | MTG                            | 3:30   |      |
|              | MTG  | \_  01-23 (Tue) 朝会            |        | 0:15 |
|              | MTG  | \_  01-23 (Tue) モブプロ会       |        | 0:45 |
|              | MTG  | \_  01-23 (Tue) 改善_進捗確認MTG |        | 0:30 |
|              | MTG  | \_  01-23 (Tue) 相談            |        | 0:30 |
|              | MTG  | \_  01-23 (Tue) 1on1           |        | 0:30 |
|              | MTG  | \_  01-23 (Tue) リリース作業     |        | 1:00 |
#+END:
**** Task
- 案件A
  - 連携作業
    - 調査中
  - オペ1次
**** MTG
- 10:15 AM-10:30 AM 朝会
- 10:30 AM-11:15 AM モブプロ会
- 11:15 AM-11:45 AM 改善_進捗確認MTG
- 12:00 PM-12:30 PM 相談
**** 困ってること・相談したいこと
特になし
**** 一言
*** 2024-01-24 Wednesday
#+BEGIN: clocktable :maxlevel 2 :scope agenda :block 2024-01-24 :fileskip0 t :tags t :link t
#+END:
**** Task
- OrderSync
  - 引続き対応する
**** MTG
- 10:15 AM-10:30 AM 朝会
- 4:30 PM-5:00 PM 1on1
**** 困ってること・相談したいこと
特になし
**** 一言
がんばるぞい
```

日報テンプレートスニペットも用意しており、効率良く日報を生成できるようにしています。

```text
# name: diary
# key: diary
# type: snippet
# --
#+BEGIN: clocktable :maxlevel 2 :scope agenda :block ${1:`(format-time-string "%Y-%m-%d" (current-time))`} :fileskip0 t :tags t :link t
#+END:
**** Task
- $0
**** MTG
- 10:15 AM-10:30 AM 朝会
**** 困ってること・相談したいこと
特になし
**** 一言
```

作業時間の記録に関して、[org-clock-in を意識しないで作業時間を記録する - Qiita](https://qiita.com/takaxp/items/6b2d1e05e7ce4517274d) にもあるとおり、ちゃんと設定すればタスクの作業時間を半自動で記録できます。
しかしながら私は非常に怠惰で、これすら面倒で中々できませんので、毎朝の日報を書くタイミングと週次のタスクアーカイブ時に後から手動で時間を入力する運用にしています。

次のようなスニペットを用意しており、朝会などのMTGは自動で時間を計測できるようにしています。

```text
# -*- mode: snippet -*-
# name: diary-mtg-template-friday
# key: diary-mtg-template-friday
# --
** TODO `(format-time-string "%m-%d (%a)" (time-add (current-time) (days-to-time 3)))` 朝会[0/1]
SCHEDULED: <`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 3)))`> DEADLINE: <`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 3)))`>
:LOGBOOK:
CLOCK: [`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 3)))` 10:15]--[`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 3)))` 10:30] =>  0:15
:END:
*** TODO 日報準備
** TODO `(format-time-string "%m-%d (%a)" (time-add (current-time) (days-to-time 3)))` 1on1
SCHEDULED: <`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 3)))`> DEADLINE: <`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 3)))`>
:LOGBOOK:
CLOCK: [`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 3)))` 16:30]--[`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 3)))` 17:00] =>  0:30
:END:
** TODO `(format-time-string "%m-%d (%a)" (time-add (current-time) (days-to-time 4)))` 朝会[0/1]
SCHEDULED: <`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 4)))`> DEADLINE: <`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 4)))`>
:LOGBOOK:
CLOCK: [`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 4)))` 10:15]--[`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 4)))` 10:30] =>  0:15
:END:
*** TODO 日報準備
** TODO `(format-time-string "%m-%d (%a)" (time-add (current-time) (days-to-time 4)))` 1on1
SCHEDULED: <`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 4)))`> DEADLINE: <`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 4)))`>
:LOGBOOK:
CLOCK: [`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 4)))` 16:30]--[`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 4)))` 17:00] =>  0:30
:END:
** TODO `(format-time-string "%m-%d (%a)" (time-add (current-time) (days-to-time 5)))` 朝会[0/1]
SCHEDULED: <`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 5)))`> DEADLINE: <`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 5)))`>
:LOGBOOK:
CLOCK: [`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 5)))` 10:15]--[`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 5)))` 10:30] =>  0:15
:END:
*** TODO 日報準備
** TODO `(format-time-string "%m-%d (%a)" (time-add (current-time) (days-to-time 5)))` 1on1
SCHEDULED: <`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 5)))`> DEADLINE: <`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 5)))`>
:LOGBOOK:
CLOCK: [`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 5)))` 16:30]--[`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 5)))` 17:00] =>  0:30
:END:
** TODO `(format-time-string "%m-%d (%a)" (time-add (current-time) (days-to-time 6)))` 朝会[0/1]
SCHEDULED: <`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 6)))`> DEADLINE: <`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 6)))`>
:LOGBOOK:
CLOCK: [`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 6)))` 10:15]--[`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 6)))` 10:30] =>  0:15
:END:
*** TODO 日報準備
** TODO `(format-time-string "%m-%d (%a)" (time-add (current-time) (days-to-time 6)))` 1on1
SCHEDULED: <`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 6)))`> DEADLINE: <`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 6)))`>
:LOGBOOK:
CLOCK: [`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 6)))` 16:30]--[`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 6)))` 17:00] =>  0:30
:END:
** TODO `(format-time-string "%m-%d (%a)" (time-add (current-time) (days-to-time 7)))` 朝会[0/1]
SCHEDULED: <`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 7)))`> DEADLINE: <`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 7)))`>
:LOGBOOK:
CLOCK: [`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 7)))` 10:15]--[`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 7)))` 10:30] =>  0:15
:END:
*** TODO 日報準備
** TODO `(format-time-string "%m-%d (%a)" (time-add (current-time) (days-to-time 7)))` 1on1
SCHEDULED: <`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 7)))`> DEADLINE: <`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 7)))`>
:LOGBOOK:
CLOCK: [`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 7)))` 16:30]--[`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 7)))` 17:00] =>  0:30
:END:
** TODO `(format-time-string "%m-%d (%a)" (time-add (current-time) (days-to-time 7)))` TGIF
SCHEDULED: <`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 7)))`> DEADLINE: <`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 7)))`>
:LOGBOOK:
CLOCK: [`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 7)))` 17:00]--[`(format-time-string "%Y-%m-%d %a" (time-add (current-time) (days-to-time 7)))` 18:00] =>  1:00
:END:
```


### `org-ai` 活用 {#org-ai-活用}

[org-ai](https://github.com/rksm/org-ai) はorg-mode内でChatGPTと対話できる非常に便利なパッケージです。
org-mode内に残しておけるので将来的にどんな会話をしたのか振り返ることができます。

````org
#+begin_ai
[ME]: 1から10まで足し算するbash scriptを教えて

[AI]: 以下は、1から10までの数を足し合わせるBashスクリプトの例です。

```
#!/bin/bash

sum=0

for (( i=1; i<=10; i++ ))
do
    sum=$((sum + i))
done

echo "合計は $sum です"
```

このスクリプトは、`sum`という変数を使用して1から10までの数を足し合わせます。`for`ループを使用して、`i`が1から10まで順番に増えるように設定し、`sum`に`i`を加算していきます。最後に、`echo`コマンドを使用して合計を表示します。

このスクリプトを実行するには、ターミナルで保存したファイルに実行権限を与え、次のようにコマンドを入力します。

```
chmod +x script.sh
./script.sh
```

これにより、合計が表示されます。
#+end_ai
````

次のようなスニペットを用意しておくと便利です。

````text
#name: ai-block
#key: ai-block
# --
#+begin_ai
[ME]: $0
#+end_ai
````


### ISUCON手順書作成 {#isucon手順書作成}

org-modeはorg-mode内でプログラムを実行できる、タスク管理ができる、設定ファイルも出力できる性質上手順書として非常に有用です。
なのでISUCONのような初期構築手順が決まっているものにはうってつけでした。

実際に本番で使ったファイルは以下です。

[OL001-isucon/isucon13 - isucon13.org](https://github.com/OL001-isucon/isucon13/blob/main/isucon13.org)

ステータスを `DONE` にすると自動的に `DONE` にした時間が出力されるように設定しているので、いつ何の作業をしたのか計測することが容易で、振り返りブログを書く時非常に楽でした。

[ISUCON13にチームOL001として参加しました(インフラ編) - Zenn](https://zenn.dev/takeokunn/articles/20231212144218)


### feed管理 {#feed管理}

RSS Feedに[skeeto/elfeed](https://github.com/skeeto/elfeed)を使っていますが、RSS対象の管理に[remyhonig/elfeed-org](https://github.com/remyhonig/elfeed-org)を使っています。
org-modeで管理をすると対象URLのメモが取れて非常に便利です。


## 今後の展望 {#今後の展望}

「週次で `agenda/` 次の `DONE` になったものを `org-archive` でアーカイブする」運用を開始して1年が経ちました。
つまり1年間取り組んだタスクの詳細が `agenda/` に構造的に保存されており資産として活用できる状態な訳です。

この資産をどう活用するかというのが次の目標です。
[alphapapa/org-ql](https://github.com/alphapapa/org-ql) を使ってよしなに処理をするのか、[s-kostyaev/ellama](https://github.com/s-kostyaev/ellama) のようなLocal LLMを使って対話式に検索できるようにするのかさまざまな方法が考えられます。

抽象化した状態でブログ記事という形で外部へアウトプットできる量を増やすことが自分のキャリアとしても重要だと考えているので取り組んでいきたいです。


## Conclusion {#conclusion}

org-modeは非常に強力なツールであることは疑いようがありません。
org-modeを最大限活用できる方法をどんどん模索していきたいです。


## Backlinks {#backlinks}

-   [2024年 全体振り返り]({{< relref "20241221130328-retrospective_2024" >}})

--------------------------------------------------------------------------------
title: "Zedファーストインプレッション"
date: "2024-01-25"
--------------------------------------------------------------------------------

## Introduction {#introduction}

[Rust製コードエディター「Zed」がオープンソースに ～v1.0リリースへ向けて門戸を開く - 窓の杜](https://forest.watch.impress.co.jp/docs/news/1563594.html) にもあるとおり、[zed-industries/zed](https://github.com/zed-industries/zed)が公開されたのでコードをざっくり読んでみたのでメモする。

Rustへの知見が皆無であること、雑なコードリーディング要素があるのでご了承ください。


## Feature {#feature}

[https://zed.dev/](https://zed.dev/) には次のようなことを書いている。

-   ハイパフォーマンス
-   AIサポート
-   LSP
-   Package
    -   vim-mode
    -   terminal
    -   theme
    -   etc.
-   チーム開発
-   UI/データ構造
    -   マルチコアサポート
    -   Tree-sitterサポート
    -   共同編集アルゴリズム[CRDT](https://en.wikipedia.org/wiki/Conflict-free_replicated_data_type)


## Local Build {#local-build}

[docs/src/developing_zed__building_zed.md](https://github.com/zed-industries/zed/blob/7068161bd7405553fd3fecaf44057449d8137878/docs/src/developing_zed__building_zed.md) にある手順とおりコマンドを実行したら手元で簡単にBuildできた。

[docs/src/system_requirements.md](https://github.com/zed-industries/zed/blob/7068161bd7405553fd3fecaf44057449d8137878/docs/src/system_requirements.md) にはMacしかサポートしてないことが記述されている。


## Docs {#docs}

[docs/src/configuring_zed.md](https://github.com/zed-industries/zed/blob/7068161bd7405553fd3fecaf44057449d8137878/docs/src/configuring_zed.md) に設定方法が書いてあるが、基本的に[json5](https://json5.org/)で管理していて細かい設定ができそうなことが伺える。

[docs/src/configuring_zed__configuring_vim.md](https://github.com/zed-industries/zed/blob/7068161bd7405553fd3fecaf44057449d8137878/docs/src/configuring_zed__configuring_vim.md) にvim-modeの使い方が書かれている。

[docs/src/telemetry.md](https://github.com/zed-industries/zed/blob/7068161bd7405553fd3fecaf44057449d8137878/docs/src/telemetry.md) にサービス改善の為に匿名でzed.devに利用状況を送信することが書かれている。


## コードリーディング {#コードリーディング}

ディレクトリごとに雑にコメントを書いていく。

```bash
$ tree -L 1 .
.
├── CODE_OF_CONDUCT.md
├── CONTRIBUTING.md
├── Cargo.lock
├── Cargo.toml
├── Dockerfile
├── LICENSE-AGPL
├── LICENSE-APACHE
├── LICENSE-GPL
├── Procfile
├── README.md
├── assets
├── crates
├── debug.plist
├── docker-compose.sql
├── docker-compose.yml
├── docs
├── plugins
├── rust-toolchain.toml
├── script
├── target
└── typos.toml
```


### [assets/](https://github.com/zed-industries/zed/tree/7068161bd7405553fd3fecaf44057449d8137878/assets) {#assets}

[font](https://github.com/zed-industries/zed/tree/7068161bd7405553fd3fecaf44057449d8137878/assets/fonts)情報や[icon](https://github.com/zed-industries/zed/tree/7068161bd7405553fd3fecaf44057449d8137878/assets/icons)や[sounds](https://github.com/zed-industries/zed/tree/7068161bd7405553fd3fecaf44057449d8137878/assets/sounds)が入っている。
また、[keymaps](https://github.com/zed-industries/zed/tree/7068161bd7405553fd3fecaf44057449d8137878/assets/keymaps)や[settings](https://github.com/zed-industries/zed/tree/7068161bd7405553fd3fecaf44057449d8137878/assets/settings)にデフォルトの設定がjsonで格納されている。


### [crates/](https://github.com/zed-industries/zed/tree/7068161bd7405553fd3fecaf44057449d8137878/crates) {#crates}

package by featureのような設計になっている。各ディレクトリに `Cargo.toml` があり、それぞれのディレクトリでRustが書かれている。

```bash
$ tree -L 1 crates/
crates/
├── activity_indicator
├── ai
├── assets
├── assistant
├── audio
├── auto_update
├── breadcrumbs
├── call
├── channel
├── cli
├── client
├── clock
├── collab
├── collab_ui
├── collections
├── color
├── command_palette
├── copilot
├── copilot_ui
├── db
├── diagnostics
├── editor
├── feature_flags
├── feedback
├── file_finder
├── fs
├── fsevent
├── fuzzy
├── git
├── go_to_line
├── gpui
├── gpui_macros
├── install_cli
├── journal
├── language
├── language_selector
├── language_tools
├── live_kit_client
├── live_kit_server
├── lsp
├── media
├── menu
├── multi_buffer
├── node_runtime
├── notifications
├── outline
├── picker
├── plugin
├── plugin_macros
├── plugin_runtime
├── prettier
├── project
├── project_panel
├── project_symbols
├── quick_action_bar
├── recent_projects
├── refineable
├── rich_text
├── rope
├── rpc
├── search
├── semantic_index
├── settings
├── snippet
├── sqlez
├── sqlez_macros
├── story
├── storybook
├── sum_tree
├── terminal
├── terminal_view
├── text
├── theme
├── theme_importer
├── theme_selector
├── ui
├── util
├── vcs_menu
├── vim
├── welcome
├── workspace
├── zed
└── zed_actions

84 directories, 0 files
```


### [docs/](https://github.com/zed-industries/zed/tree/7068161bd7405553fd3fecaf44057449d8137878/docs) {#docs}

各ドキュメントが書かれている。


### [plugins/](https://github.com/zed-industries/zed/tree/7068161bd7405553fd3fecaf44057449d8137878/plugins) {#plugins}

[plugins/test_plugin](https://github.com/zed-industries/zed/tree/7068161bd7405553fd3fecaf44057449d8137878/plugins/test_plugin)や[plugins/json_language](https://github.com/zed-industries/zed/tree/7068161bd7405553fd3fecaf44057449d8137878/plugins/json_language)にプラグインの実装例が書いてある。Rustで拡張が書けるらしい。


### [script/](https://github.com/zed-industries/zed/tree/7068161bd7405553fd3fecaf44057449d8137878/script) {#script}

開発用scriptが置いてある。

Mac前提なのかHomebrewの記述がある。
また、[kubectl](https://kubernetes.io/ja/docs/reference/kubectl/)の記述もあるのでどこかしらへのホスティングを想定されているようです。


## 雑感 {#雑感}

Atomの後継として[atom-archive/xray](https://github.com/atom-archive/xray)に期待してたがArchiveされてしまってがっかりしていた身としてはZedに期待したい。

--------------------------------------------------------------------------------
title: "Emacsユーザーから見たvim-jp"
date: "2024-01-19"
--------------------------------------------------------------------------------

## Introduction {#introduction}

この記事は[Vim駅伝](https://vim-jp.org/ekiden/)の2024-01-19の記事です。

前回の記事は[kawarimidoll](https://zenn.dev/kawarimidoll)さんの「[俺自身がVimのstatuslineになることだ](https://zenn.dev/vim_jp/articles/358848a5144b63)」です。


## この記事を読むにあたっての注意点 {#この記事を読むにあたっての注意点}

-   筆者の主観要素
-   筆者のEmacs愛要素
-   筆者のEmacsコミュニティ活動への努力不足要素
    -   2024年はEmacsイベントを精力的に開催します


## 対象読者 {#対象読者}

-   これからEmacsを始めたい人
-   vim-jp slackにまだ参加していない人


## 今北産業 {#今北産業}

-   [エンジニアの楽園 vim-jp - 日々、とんは語る。](https://blog.tomoya.dev/posts/vim-jp-is-a-paradise-for-engineers/)を読み [vim-jpのチャットルームについて](https://vim-jp.org/docs/chat.html) を参考にvim-jp slackに入る
-   `#welcome` で自己紹介をする
-   `#hobby-gourmet` で直近の食事をアップロードする

自己紹介テンプレートは以下。

```text
はじめまして。
これからEmacsを学びたくてvim-jp slackに参加しました。
言語は主に○○を使っていますが、最近は○○を勉強しています。
よろしくお願いします。
```


## Vim/Emacsエディタ戦争について {#vim-emacsエディタ戦争について}

「VimmerとEmacsユーザーは仲が悪い」と[エディタ戦争](https://ja.wikipedia.org/wiki/%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF%E6%88%A6%E4%BA%89)のようなことを巷ではいわれてますが、実際のところはそんなことありません。
エディタ戦争と言っている人達はどちらのテキストエディタも大して使っていない素人であることが多く、実際のところは少なくとも日本人コミュニティでは一切そんなことありません。

たとえば[easymotion/vim-easymotion](https://github.com/easymotion/vim-easymotion)が[abo-abo/avy](https://github.com/abo-abo/avy)で再実装されたように、Vim Pluginで有用なものはEmacs Packageに移植されたり、常に互いを高め合うものとして存在しています。（逆もまた然り）

私個人としてはEmacsが世界最強のテキストエディタでありほかのテキストエディタの追随を許さない圧倒的に優れたものだという思想を持っています。
こういう思想を持った私でもVimコミュニティ内で問題なくVimmerと交流できているので、世間が思っている以上にテキストエディタコミュニティは他テキストエディタに寛容です。


## Emacsコミュニティの抱える問題 {#emacsコミュニティの抱える問題}

私がEmacsを始めたのは5年前くらいですが、私の観測範囲内ではコミュニティ活動するEmacsユーザーの数は5年前からほぼ変わらず、悲しいことに新規で入ってくる人はほとんどいません。
つまりEmacsコミュニティは平均年齢が5歳分上がっているのです。

Emacs日本コミュニティに[emacs-jp slack](https://github.com/emacs-jp/emacs-jp.github.com)があります。
分からないことがあったらちょっとしたことでも `#question` に気軽に投げてほしいし、 `#today-i-learned` に学んだことを共有してほしいです。
しかし残念ながら投稿の流速が遅く、特に初心者は雑談や質問しつらいという現状があります。

同じくらいの初心者が少ない技術コミュニティでは、質問するのも人間関係を構築するのも難易度がどうしても高くなってしまいます。
ベテラン達も「イマドキEmacsを長い時間苦労してやらずにVSCodeとか使った方がいいんじゃないか?」と思っている人も少なくなく、初心者を増やす活動を中々できていないという側面もあります。

本来なら[ゴリラ.vim](https://gorillavim.connpass.com/)のような初心者歓迎イベントを定期開催して、少しでもEmacsへのハードルを下げるべきなのかもしれないなと反省しています。


## vim-jp slackって何？ {#vim-jp-slackって何}

[エンジニアの楽園 vim-jp - 日々、とんは語る。](https://blog.tomoya.dev/posts/vim-jp-is-a-paradise-for-engineers/) に非常に分かりやすくまとまっています。
vim-jpはVimという名前を冠しているにもかかわらず、以下のようなchannelがあり生活全般の会話をできます。（あくまで一例）

-   `#hobby-*`
    -   `#hobby-gourmet` : 食事全般
    -   `#hobby-gadget` : ガジェット全般
-   `#life-*`
    -   `#life-housekeeping` : 家事全般
    -   `#life-healthcare` : 健康全般
-   `#event-*`
    -   `#event-gorillavim` : ゴリラvim関連
-   `#game-*`
    -   `#game-minecraft` : マイクラ関連
-   `#times-`
    -   `#times` : 全員の分報
    -   `#times-take` : 私の分報

Emacsユーザーは以下のチャンネルに入っておくことをお勧めします。

-   `#tech-emacs`
-   `#lang-lisp`
-   `#tech-ime`
-   Emacsユーザーのtimes
    -   `#times-take`
    -   `#times-conao3`
    -   `#times-tomoya`
    -   `#times-ogata`
    -   `#times-rocktakey`
    -   `#times-kamesuke42`

正直 `#tech-emacs` はEmacs-jpよりも流速があるのでこっちで質問した方が回答が来る可能性が高いです。

vim-jp一番の魅力はテキストエディタを第一線でやっている人とコミュニケーションを取れることです。
たとえば [風になりたい奴だけがEmacsを使えばいい 2020](https://blog.tomoya.dev/posts/only-those-who-want-to-be-the-wind-should-use-emacs-2020/) や[［改訂新版］Emacs実践入門](https://gihyo.jp/book/2017/978-4-7741-9235-2)の著者の[tomoya](https://twitter.com/tomoyaton)氏や、Vimのキラーアプリケーションを次々に作っている暗黒美夢王こと[Shougo](https://github.com/Shougo/)氏とも気軽に交流できます。

業界で著名なエンジニアがごろごろいる環境というのはvim-jpくらいじゃないでしょうか。

vim-jpはスタンプによるリアクションも多いところも魅力です。[古き良き雑談文化のインターネット](https://blog.tomoya.dev/posts/vim-jp-is-a-paradise-for-engineers/#%e5%8f%a4%e3%81%8d%e8%89%af%e3%81%8d%e9%9b%91%e8%ab%87%e6%96%87%e5%8c%96%e3%81%ae%e3%82%a4%e3%83%b3%e3%82%bf%e3%83%bc%e3%83%8d%e3%83%83%e3%83%88) を感じることができます。


## vim-jpの歩み方 {#vim-jpの歩み方}

以下の5ステップを行えばあなたも立派なvim-jpの住人といえるでしょう。


### 1. vim-jp slackに参加する {#1-dot-vim-jp-slackに参加する}

[vim-jpのチャットルームについて](https://vim-jp.org/docs/chat.html) を参考にvim-jp slackに参加しましょう。


### 2. #welcome に自己紹介を投げる {#2-dot-welcome-に自己紹介を投げる}

vim-jpには `#welcome` という自己紹介チャンネルがあり、自分の興味関心に応じてチャンネルを紹介してくれます。
自己紹介をどう書けば良いか分からない人は以下のテンプレートをお使いください。

```markdown
はじめまして。
これからEmacsを学びたくてvim-jp slackに参加しました。
言語は主に○○を使っていますが、最近は○○を勉強しています。
よろしくお願いします。
```


### 3. 興味のあるチャンネルに入って雰囲気をつかむ {#3-dot-興味のあるチャンネルに入って雰囲気をつかむ}

[vim-jp slackって何？](#vim-jp-slackって何) で紹介したチャンネルや自分が興味のあるチャンネルを検索して調べてみてください。
たとえばphpを普段書いているなら `#lang-php` だったり、これからNixを始めたいなという人は `#tech-nix` もあります。

「こういうチャンネルない？」という質問は `#random` に気軽に投げてみてください。


### 4. #hobby-gourmet にご飯の画像を投稿する {#4-dot-hobby-gourmet-にご飯の画像を投稿する}

はじめて入ったコミュニティに投稿するのはやはりハードルが高いものです。
そういう時は `#hobby-gourmet` に飯の画像を上げたり、 `#hobby-gadget` に最近買ってよかったガジェットの画像を上げてみましょう。

`#times-take` に「この記事を見てvim-jpに参加しました」と投稿してもらえると嬉しいです。

兎に角投稿へのハードルを下げましょう。


### 5. [optional] 自分のtimesを作成する {#5-dot-optional-自分のtimesを作成する}

`#times-<username>` という命名規則なら自由にチャンネルを作成しても良いです。
作成したら `#times` あたりに「 `#times-<username>` を作りました！!」と投稿しましょう。

`#times-<username>` にはちょっとした作業メモや質問まではいかないちょっとした疑問、楽しかったことなどTwitter的な運用をすると良いです。
dotfilesのコミットログを流している人もいます。


## vim-jp最高!! {#vim-jp最高}

テキストエディタの話を好きなだけできるコミュニティでvim-jpほど適した場所はありません。
vim-jpの住人はみんなテキストエディタが大好きです。

また、vim-jpは非常に巨大なコミュニティなので必ず自分の興味のあるチャンネルがあるはずです。もしないなら作りましょう。

この記事がvim-jp slack参加の一助になれば幸いです。

Enjoy your vim-jp life!!

--------------------------------------------------------------------------------
title: "テキストエディタがPHPをシンタックスハイライトする仕組みとモダンテキストエディタ事情について"
date: "2024-01-18"
--------------------------------------------------------------------------------

## 注意 {#注意}

この記事はPHPerKaigi 2024のパンフレット記事です。A4ページ4枚程度の量を書いています。
書面での掲載につきハイパーリンクがないことをご了承ください。

<https://fortee.jp/phperkaigi-2024/proposal/161b2ec9-c279-4336-8e17-1aa054dacae9>

PDF版は[こちら](https://github.com/takeokunn/blog/blob/main/static/pdf/%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF%E3%81%8CPHP%E3%82%92%E3%82%B7%E3%83%B3%E3%82%BF%E3%83%83%E3%82%AF%E3%82%B9%E3%83%8F%E3%82%A4%E3%83%A9%E3%82%A4%E3%83%88%E3%81%99%E3%82%8B%E4%BB%95%E7%B5%84%E3%81%BF%E3%81%A8%E3%83%A2%E3%83%80%E3%83%B3%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF%E4%BA%8B%E6%83%85%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6.pdf)です。


## Introduction {#introduction}

プログラミング言語は日進月歩で進化し続けています。
処理系のパフォーマンス改善、既存のバグ修正、挙動の変更などさまざまな変更が入るが、ユーザーにとって一番影響があるのは「新規の構文追加」ではないでしょうか？
PHPの場合PHP 8.0以降にmatch式やenum構文は直近5年以内に追加されたものです。
PHPに限らずほか言語のRFCでも新規の構文が提案されている例は枚挙に暇がありません。Goのジェネリクスなどもその一例です。

言語レベルで新規の構文が追加された時、テキストエディタでも適切に色付けできることが望ましいです。
それはオープンソースのテキストエディタだろうと商用エディタだろうと区別はありません。
そもそもテキストエディタはどのように構文を解釈してハイライトしてくれているのか、Tree-sitterなどの最近のテキストエディタ事情も踏まえて解説していきます。

なお私は熱狂的なEmacsユーザーでありEmacsのPHP Packageであるphp-modeのオーナー権限もあるので、Emacsひいきな解説になってしまうのはご了承ください。


## シンタックスハイライト概要 {#シンタックスハイライト概要}

シンタックスハイライトとは、 `public` のようなキーワードや関数名や言語特有の構文に色をつけてくれるものです。
Wikipediaによると、シンタックスカラリングや構文着色ともいうらしいです。

シンタックスハイライトには、「テキストの可読性を向上させ文脈をより明瞭にする」や「記述ミスや括弧の対応のミスなどを防ぐことができる」等、さまざまなメリットがあります。
明確なデメリットは私は思いつきませんが、「流し読みがしやすくなるのでプログラマーはコード全体を理解しようとはしなくなる」ということを主張する人もいるようです。

配色はカラーテーマごとに違います。
世の中には無数のカラーテーマがあり、私はDraculaやSublime Textのdefault themeのmonokaiが好きです。

構文が違うので当然言語の数だけシンタックスハイライトがあります。
それぞれの実装によって方針はまちまちですが、似ている言語から上書きするよう実装することで実装コストを下げる対応をしています。
PHPはCやJavaと記述が似ているので、CやJavaの実装を上書きし、部分的にPHPの構文を追加して対応できます。
実際EmacsのPHP Packageではこのような対応をしています。


## シンタックスハイライトの大まかなしくみ {#シンタックスハイライトの大まかなしくみ}

世の中にはテキストエディタの実装は無数にあります。
プログラミング言語に対応したテキストエディタの実装はおおよそ2つに大別できます。

-   正規表現ベース
-   ASTベース

正規表現ベースのシンタックスハイライトはVimやEmacsのような古くからあるテキストエディタでよく使われています。
当然それぞれのテキストエディタごとに実装は違うので移植性はありません。

ASTベースのシンタックスハイライト実装は2024年1月現在Tree-sitterが一強だと言っても過言ではありません。
Tree-sitterはC/Rust製のツールで、特定のテキストエディタに依存しない形で実装された高速で動作するパーサジェネレータツールです。
Tree-sitterはもともとAtomで使用するためにGitHubによって開発され、2018年にリリースされました。
ソースコードをパースして構文木をS式を出力することにより、各テキストエディタはS式を解釈する実装をすれば各々が構文を解釈する必要がない、という作りになっています。

テキストエディタにおけるシンタックスハイライトの難しいところは以下が挙げられます。

-   常にユーザーが入力し続けるので構文が確定しない
-   1入力ごとにハイライトする必要がある為高速で挙動させる必要がある

また、1言語で複数言語を表現する場合難易度が上がります。
たとえばVue.jsはHTML/CSS/JavaScriptを1ファイル内で記述できるし、PHPももともとHyperText PreprocessorなのでHTMLを記述できます。


## 正規表現によるシンタックスハイライト {#正規表現によるシンタックスハイライト}

正規表現によるシンタックスハイライトを採用しているVimやEmacsでは次のような実装がされています。

-   キーワードは直接色を付ける
-   正規表現によって構文を定義する
    -   `$` の後は確実に変数
    -   `function` の後は確実に関数名になり、その後の括弧は関数の引数になる
    -   `//` 直後はすべてコメントになる

Emacsではシンタックステーブルというものがデフォルトで用意されており、独自の記法で記述する必要があります。

以下は実際にphp-modeで実装されているコードを抜粋したものです。
Emacs Lispの正規表現がそもそも難しいのもあり、複雑怪奇で特殊な訓練しないと読めないことが分かるでしょう。

```emacs-lisp
;; Class modifiers (abstract, final)
("\\_<\\(abstract\\|final\\)\\_>\\s-+\\_<class\\>" 1 'php-class-modifier)

;; Highlight variables, e.g. 'var' in '$var' and '$obj->var', but
;; not in $obj->var()
("\\(->\\)\\(\\sw+\\)\\s-*(" (1 'php-object-op) (2 'php-method-call))
("\\<\\(const\\)\\s-+\\(\\_<.+?\\_>\\)" (1 'php-keyword) (2 'php-constant-assign))

;; Logical operator (!)
("\\(!\\)[^=]" 1 'php-logical-op)

;; Highlight special variables
("\\(\\$\\)\\(this\\)\\>" (1 'php-$this-sigil) (2 'php-$this))
("\\(\\$+\\)\\(\\sw+\\)" (1 'php-variable-sigil) (2 'php-variable-name))
("\\(->\\)\\([a-zA-Z0-9_]+\\)" (1 'php-object-op) (2 'php-property-name))

;; Highlight function/method names
("\\<function\\s-+&?\\(\\(?:\\sw\\|\\s_\\)+\\)\\s-*(" 1 'php-function-name)

;; 'array' and 'callable' are keywords, except in the following situations:
;; - when used as a type hint
;; - when used as a return type
("\\b\\(array\\|callable\\)\\s-+&?\\$" 1 font-lock-type-face)
(")\\s-*:\\s-*\\??\\(array\\|callable\\)\\b" 1 font-lock-type-face)

;; For 'array', there is an additional situation:
;; - when used as cast, so that (int) and (array) look the same
("(\\(array\\))" 1 font-lock-type-face)

; Support the ::class constant in PHP5.6
("\\sw+\\(::\\)\\(class\\)\\b" (1 'php-paamayim-nekudotayim) (2 'php-magical-constant))
;; Class declaration keywords (class, trait, interface)
("\\_<\\(class\\|trait\\|interface\\)\\_>" . 'php-class-declaration)
```

言語内に複数言語あるVue.jsやPHPのような言語では、Emacsの場合カーソル位置によって対象の言語に切り替える処理をしています。

正規表現ベースのシンタックスハイライトには次のようなメリットとデメリットがあります。

-   メリット
    -   低メモリで高速で動く
    -   構文を確定しなくてもハイライトできる
-   デメリット
    -   正規表現の難易度が高い
    -   正規表現エンジンの実装依存になる
    -   複雑な構文を持っている言語だと実装難易度が高い
    -   各テキストエディタごとに実装する必要がある

西暦2000年以前からある機能ですので、現在のコンピュータで動かすと当然パフォーマンスが非常に良く、マシンスペックの低いコンピュータでも問題なく動くようになっています。

一方デメリットに正規表現特有の問題が挙げられます。
ひとつは正規表現エンジンはテキストエディタに内蔵されているエンジン依存になってしまうことです。

ベーシックな正規表現の記法はだいたいの実装でサポートしてくれていますが、先読み後読みなどは実装によってまちまちです。
Emacs組込みの正規表現エンジンは先読み後読みのサポートをしていない為、カーソルを擬似的に動かすことによってむりやり先読みを実現する、といったテクニックが必要になってきます。
正規表現エンジンを取り替えることは基本的にはできないのでそれぞれのエディタに従うほかありません。

また、複雑な構文を持っている言語だと実装難易度が高いという点もあります。
PHPのような割と簡単な単純な言語だとまだマシですが、C++のような複雑怪奇な構文をもつ言語だと正規表現で表現するのは至難の業です。
Emacsにはcc-engineというCに似た言語をまるっとシンタックスハイライトしてくれるコードを提供してくれているのですが、実装は天才が成した仕事なので我々凡人には理解するのは難しいものとなっています。

正規表現エンジンもレンダリングのしくみも違うので当然エディタごとに実装する必要があります。
世の中にプログラミング言語も機能も増えている昨今、Emacsのようなユーザー数が減っているエディタがすべての言語のバージョンアップに対応するのは厳しいという現状があります。
PHPに関しては私やtadsanが対応していくので、我々の目が黒いうちは最新の構文を使えるはずです。


## ASTベースによるシンタックスハイライト {#astベースによるシンタックスハイライト}

ASTベースのシンタックスハイライトのしくみは2024年1月現在Tree-sitterが一強ですので、Tree-sitterを元に解説しますのでご了承ください。
Tree-sitterはRust/Cで書かれていて特定のエディタに依存しない構文解析ツールです。
特定のテキストエディタに依存しないという思想はLSPと似ているので、LSPのような立ち位置のツールだと思っていただいてかまいません。

`tree-sitter` 本体と `tree-sitter-{language}` のような言語ごとのgrammarを提供しています。
各テキストエディタはTree-sitterのC言語部分をwrapしたうえで各エディタでシンタックスハイライトできるように実装しています。

`tree-sitter-php` のgrammarを一部抜粋すると以下です。
yaccを見たことある人は馴染があるような文法で記述されています。

```js
// return <expression>;
return_statement: $ => seq(
    keyword('return'), optional($._expression), $._semicolon,
),

// ++$<_variable>, <_variable>--
update_expression: $ => prec.left(PREC.INC, choice(
    seq($._variable, '++'),
    seq($._variable, '--'),
    seq('++', $._variable),
    seq('--', $._variable),
)),
```

実際にPHPを `tree-sitter parse` した結果は以下です。S式で表現されていてtoken情報と座標を返します。

```treesitter
<?php

final class HelloCommand extends Command
{
    public function __construct() {}
}
```

```lisp
(program [0, 0] - [5, 1]
  (php_tag [0, 0] - [0, 5])
  (class_declaration [2, 0] - [5, 1]
    modifier: (final_modifier [2, 0] - [2, 5])
    name: (name [2, 12] - [2, 24])
    (base_clause [2, 25] - [2, 40]
      (name [2, 33] - [2, 40]))
    body: (declaration_list [3, 0] - [5, 1]
      (method_declaration [4, 4] - [4, 36]
        (visibility_modifier [4, 4] - [4, 10])
        name: (name [4, 20] - [4, 31])
        parameters: (formal_parameters [4, 31] - [4, 33])
        body: (compound_statement [4, 34] - [4, 36])))))
```

また、Tree-sitterは非常に賢いので構文エラーの箇所まで表示してくれます。

```treesitter
<?php

final class HelloCommand extends Command
{
    public function __construct() {}
```

```lisp
(program [0, 0] - [4, 36]
  (php_tag [0, 0] - [0, 5])
  (class_declaration [2, 0] - [4, 36]
    modifier: (final_modifier [2, 0] - [2, 5])
    name: (name [2, 12] - [2, 24])
    (base_clause [2, 25] - [2, 40]
      (name [2, 33] - [2, 40]))
    body: (declaration_list [3, 0] - [4, 36]
      (method_declaration [4, 4] - [4, 36]
        (visibility_modifier [4, 4] - [4, 10])
        name: (name [4, 20] - [4, 31])
        parameters: (formal_parameters [4, 31] - [4, 33])
        body: (compound_statement [4, 34] - [4, 36])))))
/var/folders/cb/3r410lh103x9hthl1pmy3jqw0000gp/T/babel-3wPZaM/tree-sitterNg42xu.php	0 ms	(MISSING "}" [4, 36] - [4, 36])
```

1言語内に複数言語の場合、特定のtoken内は別のgrammarを適用するという処理を書けるというのもTree-sitterの特徴です。

Tree-sitterによるシンタックスハイライトには次のようなメリットとデメリットがあります。

-   メリット
    -   メジャーな言語はだいたいサポートされている
    -   エディタごとの実装をする必要ないのでメンテナンスされる可能性が高い
-   デメリット
    -   構文が確定するまで色がつかない
    -   毎回ASTを作る必要があるので正規表現と比べて低速
    -   テキストエディタ本体はTree-sitterのサポートをし続けないといけない

メリットとしてサポートしている言語もテキストエディタも多いことが挙げられます。
2024年現在使われているプログラミング言語のだいたいのgrammarは公式から提供されています。
Neovimも標準でサポートしており、Emacsでも29からサポートされました。

デメリットとしてはASTとして解釈することに由来するものが挙げられます。
テキストエディタでコードを編集している間構文が確定しない、構文エラーの時間が時間が必ず発生します。
Tree-sitterは構文エラーを最小限にするようなアルゴリズムが採用されていますが、正規表現と比べてどうしても色が付かない時間が発生してしまいます。
また、テキストを編集する毎にASTを作る必要があるので、正規表現で色付けするよりも当然計算コストがかかります。

Tree-sitterを使うとなるとCレイヤを触る必要があります。
基本的にCレイヤをテキストエディタ側は変更することは意図していないので、通常のPackageと違って何か問題が起きた時に修正しつらいという問題もあります。


## 終わりに {#終わりに}

プログラマーが快適にプログラムを編集するには、プログラミング言語の進化にエディタも追従する必要があります。
過去の資産と向き合いながら、新しい技術と上手に付き合っていくことが求められています。

ぜひ普段使ったことのないテキストエディタを使ったり、新しいプラグインにチャレンジしてみてはいかがでしょうか。


## 参考文献 {#参考文献}

-   [シンタックスハイライト - Wikipedia](https://ja.wikipedia.org/wiki/%E3%82%B7%E3%83%B3%E3%82%BF%E3%83%83%E3%82%AF%E3%82%B9%E3%83%8F%E3%82%A4%E3%83%A9%E3%82%A4%E3%83%88)
-   [Tree-Sitter公式サイト](https://tree-sitter.github.io/)
-   [tree-sitter/tree-sitter-php - GitHub](https://github.com/tree-sitter/tree-sitter-php)
-   [emacs-php/php-mode - GitHub](https://github.com/emacs-php/php-mode)
-   [emacsemacs-mirror/emacs - GitHub](https://github.com/emacs-mirror/emacs)


## Backlinks {#backlinks}

-   [PHPカンファレンス北海道2024に参加してきました]({{< relref "20240112063123-retrospective_phpcondo_2024" >}})
-   [2024年 全体振り返り]({{< relref "20241221130328-retrospective_2024" >}})

--------------------------------------------------------------------------------
title: "AquaSKKをDvorak仕様にする方法"
date: "2024-01-15"
--------------------------------------------------------------------------------

## Introduction {#introduction}

[QWERTY配列](https://ja.wikipedia.org/wiki/QWERTY%E9%85%8D%E5%88%97)から[Dvorak配列](https://ja.wikipedia.org/wiki/Dvorak%E9%85%8D%E5%88%97)に移行するにあたって[AquaSKK](https://ja.osdn.net/projects/aquaskk/)もDvorak仕様にする必要があったのでメモ。


## Mac標準キーボード {#mac標準キーボード}

[MacでDvorakキーボードレイアウトを使用する - macOSユーザガイド](https://support.apple.com/ja-jp/guide/mac-help/mh27976/mac) によると、Mac標準キーボードにはDvorakが4種類ある。
自分のユースケースは標準的な使い方なので `Dvorak: 最もよく使用されるキーが指の下に配置されています。` を選択しました。

```text
- Dvorak: 最もよく使用されるキーが指の下に配置されています。
- Dvorak - 左利き: 最もよく使用されるキーが左手の下に配置されています。
- Dvorak - QWERTY ⌘: Commandキーを押したままにしたときに、一時的にレイアウトをQWERTYに変更します。
- Dvorak - 右利き: 最もよく使用されるキーが右手の下に配置されています。
```

次のような設定になってればよい。

{{< figure src="/images/7F6C45FE-1CBF-468E-A23A-4FDA51F8265F.png" >}}


## AquaSKK設定 {#aquaskk設定}

AquaSKKの設定画面にキーボードレイアウトを指定できる場所がある。さきほど指定したDvorak配列を指定する。

{{< figure src="/images/EA7ACD8B-52C4-4927-9EB2-A24906E9263B.png" >}}

即時で反映されない場合は設定反映を押して明示的に反映させる。

{{< figure src="/images/ED26E819-448B-41F9-800A-A5C8F56679F8.png" >}}

--------------------------------------------------------------------------------
title: "PHPカンファレンス北海道2024に参加してきました"
date: "2024-01-12"
--------------------------------------------------------------------------------

## Introduction {#introduction}

2024/1/13（土）に行われたPHPカンファレンス北海道2024に参加してきました。

<https://phpcon.hokkaido.jp/>

今回は2024/1/12（金）〜2024/1/14（日）の2泊3日の旅行でした。
なおこの記事は3日目 自由行動からが本編なのでよしなに飛ばしてもかまいません。

カンファレンス自体は今回登壇もしていないしスタッフもやっていないのでただのガヤですのでご了承ください。


## TL;DR {#tl-dr}

-   海鮮を無限に食べた
-   カンファレンス楽しかった
-   スキースノボしてないのに50回以上滑った
-   小樽最高だった


## 準備 {#準備}

飛行機のチケットを直前の日曜までに取っていなく、あすみかんに指摘されてようやく気がつきなんとか取ることができました。
PHPerKaigiのパンフレット記事の「[テキストエディタがPHPをシンタックスハイライトする仕組みとモダンテキストエディタ事情について]({{< relref "../permanent/20240107122028-how_to_syntax_highlight_in_text_editor.md" >}})」もなんとか提出できて感謝しかないです。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">たけてぃが北海道行けるように、ここを支援する使命感がでてきている　これが母性？ <a href="https://t.co/1zYGCffqTC">pic.twitter.com/1zYGCffqTC</a></p>&mdash; あすみ (@asumikam) <a href="https://twitter.com/asumikam/status/1743892248478265544?ref_src=twsrc%5Etfw">January 7, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

航空券は往復1万2000円、宿は二泊で8000円くらいで安く抑えることができました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">Peachみたけど、12-15まだいっぱいあるからだいじょうぶそ<br>ほてるも、ドミトリーだけど12-15で1万円のところあるからここがいいんじゃないかな <a href="https://t.co/fXwODY4uVZ">pic.twitter.com/fXwODY4uVZ</a></p>&mdash; あすみ (@asumikam) <a href="https://twitter.com/asumikam/status/1743901343692316811?ref_src=twsrc%5Etfw">January 7, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

事前に北海道グルメについてうちのシェフに相談したところ[めんめ](https://tabelog.com/hokkaido/A0101/A010103/1003973/)に行けとアドバイスされましたが、結局時間的に行けなかったです。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">北海道旅行メモ<br><br>めんめには死んでもいけ、めんめにいかないなら帰ってくるな<a href="https://t.co/HNEgHVemaQ">https://t.co/HNEgHVemaQ</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1743583896820941240?ref_src=twsrc%5Etfw">January 6, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


## 1日目 移動〜前夜祭 {#1日目-移動-前夜祭}

全体的に道内はとても暖かかったらしい。


### 自宅〜札幌 {#自宅-札幌}

朝5時半に起床し、池袋成田間6時15分発のバスに乗りました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">バス乗った！勝ったな！</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1745553370117820842?ref_src=twsrc%5Etfw">January 11, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

バスがかなり高速なWi-Fileを提供してくれていたのでPCを弄ることができました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">国際バスFree Wifiあるじゃん最高じゃん</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1745558590612734051?ref_src=twsrc%5Etfw">January 11, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">三半規管つよつよエンジニアなのでバスの中でPC弄るの余裕</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1745559252859765063?ref_src=twsrc%5Etfw">January 11, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

成田空港に1時間以上余裕を持って到着したので第一ターミナルを練り歩いていました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">飛行場テンション上がる <a href="https://t.co/3OnHNAYNT6">pic.twitter.com/3OnHNAYNT6</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1745579070363172915?ref_src=twsrc%5Etfw">January 11, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">common lispで動いてるやつだ！！ <a href="https://t.co/JavUVOje5B">pic.twitter.com/JavUVOje5B</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1745582456097669196?ref_src=twsrc%5Etfw">January 11, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">北へ <a href="https://t.co/1mL7S2L1Wq">pic.twitter.com/1mL7S2L1Wq</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1745593437913784459?ref_src=twsrc%5Etfw">January 11, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

新千歳空港に11時ごろに着きその足で札幌駅に向いました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">テンション上がってきた！ <a href="https://t.co/EISPxLwNaQ">pic.twitter.com/EISPxLwNaQ</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1745624212897980571?ref_src=twsrc%5Etfw">January 12, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

普段旅行しない都民なのでこんなに雪が降っている場所に行ったのは初でした。
雪景色というのは美しいものですね。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">群馬上毛高原から最北端地が更新される</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1745594482651996264?ref_src=twsrc%5Etfw">January 11, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">雪が降ってる！！！！！！！！</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1745631053136757152?ref_src=twsrc%5Etfw">January 12, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


### 昼食〜前夜祭 {#昼食-前夜祭}

13時集合とのことだったので1時間程度時間に余裕がありました。
とりあえず知らない街についたら練り歩くというのが自分のポリシーですので、テレビ塔やすすきのにある狸小路あたりをひたすら歩きました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">シムシティみたいな街だな <a href="https://t.co/7a4SZGs0xZ">pic.twitter.com/7a4SZGs0xZ</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1745636161299927405?ref_src=twsrc%5Etfw">January 12, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">でけー <a href="https://t.co/zpDUZtSA6r">pic.twitter.com/zpDUZtSA6r</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1745641956917805458?ref_src=twsrc%5Etfw">January 12, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

この日は暖かかったので半袖でも全然問題なかったです。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">全然あったかいじゃん <a href="https://t.co/deigjEoufF">https://t.co/deigjEoufF</a> <a href="https://t.co/IyHomyFMOS">pic.twitter.com/IyHomyFMOS</a></p>&mdash; あすみ (@asumikam) <a href="https://twitter.com/asumikam/status/1745659945251754055?ref_src=twsrc%5Etfw">January 12, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

13時にNE組と合流しスープカレーを食べに行きました。[スープカレーのWiki](https://ja.wikipedia.org/wiki/%E3%82%B9%E3%83%BC%E3%83%97%E3%82%AB%E3%83%AC%E3%83%BC)を見ていると北海道発祥なんですね知りませんでした。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">合流 <a href="https://twitter.com/takeokunn?ref_src=twsrc%5Etfw">@takeokunn</a> <a href="https://t.co/MU3QD9hqwf">pic.twitter.com/MU3QD9hqwf</a></p>&mdash; あすみ (@asumikam) <a href="https://twitter.com/asumikam/status/1745659331985694861?ref_src=twsrc%5Etfw">January 12, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">スープカレー <a href="https://t.co/4j1N2vgusN">pic.twitter.com/4j1N2vgusN</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1745668488696569918?ref_src=twsrc%5Etfw">January 12, 2024</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

-   宗教施設がこわかった
-   一旦チェックインをするかということで宿に向かったところ、16時からしかうけつけられないと言われました。
-   別の宿泊客からは「Can you speak Japanese？」と言われ、チェックイン時には「Can you speak English?」と言われた
-   ちょうど着いた時に親切にしてくれた人は電話中だったみたいで「前の旦那と別れてよかったわ〜」みたいな話をしてて知らない人生の一幕を見た


### 前夜祭 {#前夜祭}

前夜際が16:00〜21:00にありました。
<https://fortee.jp/phpcon-hokkaido-2024/timetable>

勉強になるトークが目白押しで非常に面白い会でした。
Wi-Fiが札幌市内Wi-Fiだったのですが、練馬の自宅よりも高速でびっくりしました。


#### セッション - リリースフラグとプログレッシブデリバリーを活用した安全なWEBアプリケーションデプロイ - @pyama86 {#セッション-リリースフラグとプログレッシブデリバリーを活用した安全なwebアプリケーションデプロイ-pyama86}

link: <https://fortee.jp/phpcon-hokkaido-2024/proposal/d60a53ac-1593-4133-99fe-2d812f202476>
link: <https://speakerdeck.com/pyama86/ririsuhuraguto-puroguretusibuderibariwohuo-yong-sita-an-quan-nawebapurikesiyondepuroi>

deployには光と闇がある。
リリースフラグでやるとビッグバンリリースにならずに段階的に安全にリリースできる。

自作ツールを作成している。
kubernatesでよしなにやっている。


#### セッション - 文字とはなにか - PHPの文字コード処理について - @youkidearitai {#セッション-文字とはなにか-phpの文字コード処理について-youkidearitai}

link: <https://fortee.jp/phpcon-hokkaido-2024/proposal/71b18e07-3fd4-4ebf-87a3-2bc9ec8d9481>
link: <https://speakerdeck.com/youkidearitai/wen-zi-tohananika-phpnowen-zi-kodochu-li-nituite?slide=17>

-   <https://twitter.com/takeokunn/status/1745722201192689989>
-   <https://twitter.com/takeokunn/status/1745724656550826176>
-   <https://twitter.com/takeokunn/status/1745725349080793592>


#### セッション - メールアドレス vs 俺たち - @tadsan {#セッション-メールアドレス-vs-俺たち-tadsan}

link: <https://fortee.jp/phpcon-hokkaido-2024/proposal/bac71653-d553-416c-ac22-459a8eb2669d>

-   <https://twitter.com/takeokunn/status/1745730242218754134>
-   <https://twitter.com/takeokunn/status/1745732915403923674>


#### セッション - PHPからはじめるコンピュータアーキテクチャ - @tomzoh {#セッション-phpからはじめるコンピュータアーキテクチャ-tomzoh}

link: <https://fortee.jp/phpcon-hokkaido-2024/proposal/cc6ef8ab-df1d-40fd-b839-f3c35abcfa3c>
link: <https://speakerdeck.com/tomzoh/php-meets-silicon-a-fun-dive-into-computer-structures-15mins-ver>

2種類あるよね

-   CPUでの実行
-   プログラムでの実行

interfaceさえ守れていれば良いので、低レイヤーでは何をしても良い。


#### セッション - 善しと悪し、正と邪の軸から【要はバランス】の正体を探りにいく - @chatii {#セッション-善しと悪し-正と邪の軸から-要はバランス-の正体を探りにいく-chatii}

link: <https://fortee.jp/phpcon-hokkaido-2024/proposal/13ed5ba7-fb0c-4a49-9b2b-825ac8016a0e>

-   「要はバランス」って一体なんなんだろうと思わされる


#### セッション - PHP で作られたゲテモノを色々紹介する（自作他作含めて） - @sji_ch {#セッション-php-で作られたゲテモノを色々紹介する-自作他作含めて-sji-ch}

link: <https://fortee.jp/phpcon-hokkaido-2024/proposal/cc682a76-153c-41dc-95af-062b42066b42>


#### セッション - 闇のPHPに対する防衛術 - @ogi_chotdake_se {#セッション-闇のphpに対する防衛術-ogi-chotdake-se}

link: <https://fortee.jp/phpcon-hokkaido-2024/proposal/4893af64-7fe7-47b4-a8fa-860993eba8b7>


#### LT - 全国700個以上の路線バスGTFS-JPオープンデータを毎日取得、反映し続けて得られた経験 - @8nohe {#lt-全国700個以上の路線バスgtfs-jpオープンデータを毎日取得-反映し続けて得られた経験-8nohe}

link: <https://fortee.jp/phpcon-hokkaido-2024/proposal/0e2763ae-0e88-410e-a8e1-7d22b9f9f863>

Googleが作った公共交通情報用フォーマット、Googleマップ検索へ載せてもらえるもの。
仕様が緩いので特有のつらみがあるらしいし、巨大なデータが降ってくるので処理が大変。


#### LT - Laravelで敢えて試す脆弱性のある書き方 - @kanbo0605 {#lt-laravelで敢えて試す脆弱性のある書き方-kanbo0605}

link: <https://fortee.jp/phpcon-hokkaido-2024/proposal/12b300fc-0df6-4b8c-ad13-d2d2b22ec3d3>
link: <https://speakerdeck.com/bumptakayuki/laraveltegan-eteshi-sucui-ruo-xing-noarushu-kifang>

CSRFとかXSSとか基本的な脆弱性の話をしていた。


#### LT - Webアプリケーション周りのいろいろなアップグレード戦記 - @sogaoh {#lt-webアプリケーション周りのいろいろなアップグレード戦記-sogaoh}

link: <https://fortee.jp/phpcon-hokkaido-2024/proposal/4fc950d6-2c59-4676-8042-438d5900e281>

EC2ベースのものをFargateに移行してPHPなどのミドルウェアのアップグレードの話。


#### LT - ファイルを選択してZIPダウンロードする機能ってどうやって作るの？ - @app1e_s {#lt-ファイルを選択してzipダウンロードする機能ってどうやって作るの-app1e-s}

link: <https://fortee.jp/phpcon-hokkaido-2024/proposal/569f0b56-276e-4aad-822f-29ccb72e86a8>
link: <https://speakerdeck.com/meihei3/phpcondo-2023>

Zipダウンロードは事前生成と動的生成がある。
Pros/Consをちゃんと洗い出して動的生成にする。
動的生成時の構成を紹介してくれている。


#### LT - 社内イベントにおける運営の勘所、まとめておきました - @tomio2480 {#lt-社内イベントにおける運営の勘所-まとめておきました-tomio2480}

link: <https://fortee.jp/phpcon-hokkaido-2024/proposal/19dee3b2-cba2-4e8a-ba36-1febf7fc5e2f>

社内イベントとして抑えとかなくちゃいけないポイントを紹介していた。


#### LT - 実践！冬の上川駆動開発〜富良野・南富良野・占冠・中富良野・東川・東神楽・旭川編 - @tomio2480 {#lt-実践-冬の上川駆動開発-富良野-南富良野-占冠-中富良野-東川-東神楽-旭川編-tomio2480}

link: <https://fortee.jp/phpcon-hokkaido-2024/proposal/062a1cf6-0d99-4c5c-b944-de7c65e4bf02>

人間というのはどんな環境であれ「プログラムを書くぞ」という強い意思があれば書けるということを体現していた素晴しい発表だった。


### 懇親会 {#懇親会}

居酒屋が激安だった。4000円で豪華な飯が出てきたし、LINEの友達キャンペーンが当たって3000円で済んだ。


### 宿 {#宿}

-   一切のいびきがなく静かだった
-   ドミトリー2回目だったけど全然兵器だった
-   トイレシャワー共用だけどみんなやたら綺麗に使っててマナーが異常に良かった


## 2日目 カンファレンス本番 {#2日目-カンファレンス本番}


### 朝食 {#朝食}

海鮮丼を食べに行きました。ラーメンも食べた。
きんじょうさんのこの店の思い出話を聞いてエモい気持ちになった。


### 午前セッション {#午前セッション}


#### セッション - 「DI」と仲良くなる - @akai_inu {#セッション-di-と仲良くなる-akai-inu}

link: <https://fortee.jp/phpcon-hokkaido-2024/proposal/bb71ad8e-e211-49f0-957f-f36333a625b9>

-   依存性の逆転も注入もDI


#### セッション - 日本PHPカンファレンス2024スタンプラリーとその実装 - @koyhoge {#セッション-日本phpカンファレンス2024スタンプラリーとその実装-koyhoge}

link: <https://fortee.jp/phpcon-hokkaido-2024/proposal/0c17b91b-38e1-4cac-bcf4-d61a5268bf3e>
link: <https://speakerdeck.com/koyhoge/phpcon-stamprally>

-   [位置情報 API](https://developer.mozilla.org/ja/docs/Web/API/Geolocation_API) を使ってカンファレンススタンプラリーサービスを作った話
-   イベント期間中のみの運用なのでインフラ構成をどうするか悩ましい
-   GeoLocationはLocalでの開発が面倒


### 昼食 {#昼食}

昼食はvim-jpメンバーと食べました。3人ともSKKユーザでした。
スープカレーは海鮮ではなく鶏肉が元祖なんだぞということを力説されました。

<https://twitter.com/takeokunn/status/1746017257816469631/photo/1>

gentooユーザの話やphpとvimを使ってる人そんなにいない話、org-modeやemacsの入門をそろそろ用意しなければならない話などをしました。


### 午後セッション {#午後セッション}

link: <https://fortee.jp/phpcon-hokkaido-2024/timetable/2024-01-13>

セッションは15分、LTは5分という構成でした。
個人的にはこのくらいの短かさが丁度良いなと思ったので、各カンファレンスは15分枠で統一してみては如何でしょうか。


#### セッション - 例外を投げるのをやめてみないか？あるいは受け入れてみないか？ - @uzulla {#セッション-例外を投げるのをやめてみないか-あるいは受け入れてみないか-uzulla}

link: <https://fortee.jp/phpcon-hokkaido-2024/proposal/fa6c7361-d934-4892-a79b-cf5547acd062>
link: <https://speakerdeck.com/uzulla/li-wai-wotou-gerunowoyameteminaika-aruihashou-keru-reteminaika-how-to-use-exceptions-other-than-throwing>

-   例外はそもそも邪道
-   例外の拡張・活用方法の具体例について
-   結局静的解析に優しいコードを書くのが良いよね


#### セッション - スポンサーセッション - 株式会社インフィニットループ （20分） {#セッション-スポンサーセッション-株式会社インフィニットループ-20分}

-   インフィニットループとphpの関係
-   チート対策等はphp側でしか対応できない


#### セッション - スポンサーセッション - 株式会社サムライズム （20分） {#セッション-スポンサーセッション-株式会社サムライズム-20分}

-   JetBrains公式代理店 株式会社サムライズムの紹介
-   PHPStormの最近の機能について紹介


#### セッション - ベテランのバグ調査の秘訣、こっそり教えちゃいます - @77web {#セッション-ベテランのバグ調査の秘訣-こっそり教えちゃいます-77web}

link: <https://fortee.jp/phpcon-hokkaido-2024/proposal/d88f95c8-85ed-473b-b182-1b712193f3e6>

-   バグ調査の流れについて
-   バグを切り分けて適切に対処する


#### セッション - 失敗例から学ぶSOLID原則 - @asumikam {#セッション-失敗例から学ぶsolid原則-asumikam}

link: <https://fortee.jp/phpcon-hokkaido-2024/proposal/7d223fcd-ecc8-4cfb-92b2-4987749463d8>
link: <https://speakerdeck.com/asumikam/failure-example-solid>

-   機能が拡充した時にどうinterfaceを設計すべきか


#### スポンサーLT - 株式会社PR TIMES {#スポンサーlt-株式会社pr-times}

link: <https://developers.prtimes.jp/2023/12/13/replace-press-release-page-with-nextjs/>

-   プレスリリースをSSRに移行している
-   PHPからNext.jsに移行した時にCDNキャシュ


#### スポンサーLT - 株式会社ビットフォレスト {#スポンサーlt-株式会社ビットフォレスト}

link: <https://docs.google.com/presentation/d/1xGyBfUwC0rmNhlutbjnbz710Pzw61AxGnEZ25RrjqFY/edit#slide=id.p>

-   株式会社ビットフォレスト 製品紹介
    -   VAddy 脆弱性診断ツール
    -   Scutum WAF
    -   Loggol ログ解析


#### スポンサーLT - サイボウズ株式会社 {#スポンサーlt-サイボウズ株式会社}

-   Garoonの製品紹介
-   サイボウズはPHPコミュニティに貢献していく
-   <https://www.php.net/get-involved.php> にコントリビューション方法が書かれている


#### スポンサーLT - 株式会社coco {#スポンサーlt-株式会社coco}

-   副業募集している
-   cocoの製品紹介
-   リモートワークの運用方法の紹介


#### スポンサーLT - Sapporo Engineer Base {#スポンサーlt-sapporo-engineer-base}

-   Sapporo Engineer Baseの紹介
    -   イベント開催の広報支援など
    -   地場のコミュニティをどう支えるのか


#### セッション - 測って見直す開発習慣 可視化を進めて私たちに起きた変化 - @inoco {#セッション-測って見直す開発習慣-可視化を進めて私たちに起きた変化-inoco}

link: <https://fortee.jp/phpcon-hokkaido-2024/proposal/b2b9f4cf-3117-4d70-bd71-46b8d55a7bb9>
link: <https://speakerdeck.com/inouehi/improve-our-development-habits-by-measuring-productivity-and-maintainability>

-   可視化の進め方
    -   Four Keys
    -   Findy Teamsを使っている
    -   データを収集して外部要因を含めて考察する
    -   並列して行っているのでどれが要因なのかはわからない


#### セッション - リーダブルSQL[より良いSQLを書くためのシンプルで実践的なテクニック - @820zacky {#セッション-リーダブルsql-より良いsqlを書くためのシンプルで実践的なテクニック-820zacky}

link: <https://fortee.jp/phpcon-hokkaido-2024/proposal/716256ba-2391-400a-80c2-15d0baa089b7>

-   データ分析のSQLは複雑なSQLになりがち
    -   CTE(MySQLのWITH句)を使おう
    -   リーダブルコードに準拠したSQLにしよう


#### セッション - コードを計測することで捉える問題点 - @blue_goheimochi {#セッション-コードを計測することで捉える問題点-blue-goheimochi}

link: <https://fortee.jp/phpcon-hokkaido-2024/proposal/0e9cdea3-f558-46c4-b8e2-9c9f7b244a7a>
link: <https://speakerdeck.com/blue_goheimochi/phpcondo2024>

-   コードの計測をツールを入れて解析して定量化する
    -   [blue-goheimochi/php-metrics-tools](https://github.com/blue-goheimochi/php-metrics-tools)


#### LT - 新しくEMやってみる人にオススメしたい本を5分で25冊紹介する - @o0h\_ {#lt-新しくemやってみる人にオススメしたい本を5分で25冊紹介する-o0h}

link: <https://fortee.jp/phpcon-hokkaido-2024/proposal/1ddbb28f-e595-45be-baaf-5bb986828cc6>
link: <https://speakerdeck.com/o0h/phpcondo-lt>

-   EMになるための本を読むと良いとのこと
    -   心構えについてなど


#### LT - やるぞ！DBaaS x サーバーレスPHP - @seike460 {#lt-やるぞ-dbaas-x-サーバーレスphp-seike460}

link: <https://fortee.jp/phpcon-hokkaido-2024/proposal/477cb733-17dc-47b0-b871-c8d6fdf72486>
link: <https://speakerdeck.com/seike460/lets-do-it-dbaas-x-serverless-php>

-   DBaaS使おう
-   サーバレスのメリットは料金面やCI/CD面でも良い
-   すぐに立ち上げることが可能


#### LT - 新米PHPerですが、php-srcをちょっとだけ読めちゃった件について - @22kerokero22 {#lt-新米phperですが-php-srcをちょっとだけ読めちゃった件について-22kerokero22}

link: <https://fortee.jp/phpcon-hokkaido-2024/proposal/5db5a4cc-a9a0-48c8-9f92-7d6646e9c7a5>

-   php-srcを読むと難しい


#### LT - 自作ポートスキャナで始める監視生活 - @cakephper {#lt-自作ポートスキャナで始める監視生活-cakephper}

link: <https://fortee.jp/phpcon-hokkaido-2024/proposal/29def3df-44fa-4cd6-ba94-9c1fe182eba7>
link: <https://blog.ichikaway.com/entry/2021/08/09/161426/aite9>

-   TCPとUDPとポートスキャンの違い
-   UDPポートスキャンは難易度が高い


#### LT - テスト嫌いな自分の苦手意識がなくなった話 - @_mkmk884 {#lt-テスト嫌いな自分の苦手意識がなくなった話-mkmk884}

link: <https://fortee.jp/phpcon-hokkaido-2024/proposal/c2572daf-e154-4826-a4df-ccce8c122c28>
link: <https://speakerdeck.com/mkmk884/the-story-of-how-i-lost-my-dislike-of-tests>

-   ペアプロでテストが好きになった話


#### LT - プロポーザルに通したいのでプロポーザルのテキスト分析をします！ - @shunsock {#lt-プロポーザルに通したいのでプロポーザルのテキスト分析をします-shunsock}

link: <https://fortee.jp/phpcon-hokkaido-2024/proposal/27161196-7076-4bd3-91a5-7a674fa90d51>

-   過去のプロポーザルデータをからデータを取得して
    -   クローリングしてよしなに処理をする
    -   GPTに処理させる


### 懇親会 {#懇親会}

懇親会では地元民のおっちゃんに日帰りでスキーに行けること、登別にめっちゃ綺麗な温泉施設があること、オススメのビールやウィスキーなど北海道事情について熱弁してもらいました。
北海道と言っても山側と海側で文化が違うので両方見ておいた方が良いとのことでした。


### 二次会 {#二次会}

二次会は日本酒の美味しい店に連れていってもらいました。
自分以外道民だったので北海道事情について話したり、ゲーム関係の人が多かったのでどのようにしてオンライン対戦が実装されているのか等の話やGPUの話などでめちゃくちゃ盛り上りました。超楽しかったです。
ギークな話はいつだって面白いですね。もっといっぱいしていきたいです。

帰りはすすきのを一通り歩いてから宿まで30分程度歩きました。
すすきのは歌舞伎町と同じような街だったのでなるほどという気持ちにさせられました。


### 宿 {#宿}

2日目はいびきのうるさい外人兄貴が2人いてハーモニーを奏でていました。
前日同様24時くらいに宿に戻ったので静かに着替えてシャワーを浴びる必要があり、多少大変でした。
2日連続2階だったのですが、やはりドミトリーは1階の方が個人的には良いなと思いました。


## 3日目 自由行動 {#3日目-自由行動}

ここからが ****北海道旅行本編**** です。


### 07:00〜 起床 {#07-00-起床}

外人兄貴のアラーム音で目が覚め身支度をしました。
2日泊まるとドミトリーと言えども寂しさを感じてしまう。


### 08:00〜 場外市場で海鮮丼を食べる {#08-00-場外市場で海鮮丼を食べる}

-   JR○○駅から徒歩で向かった
    -   ルイベが売ってた
-   場外市場を散策した
-   昨日と同じ海鮮丼を食べた
    -   マグロをつけてもらった
-   大将から小樽の美味しい飯屋情報をもらった


### 10:00〜 JR小樽駅着〜散策 {#10-00-jr小樽駅着-散策}

-   翔太の寿司ファンとして小樽に行かなければならなかった
-   市場散策した
-   運河を見た
-   埠頭まで行ったが雪道でひたすらコケまくった


### 13:00〜 寿司食べタイム {#13-00-寿司食べタイム}

-   大将の名刺を見せたら一品追加された
-   寿司をひたすら食べた
-   後ろのカップルからひやかされた


### 14:00〜 寿司屋からJR南小樽まで徒歩 {#14-00-寿司屋からjr南小樽まで徒歩}

-   吹雪の中ひたすら歩いた
-   途中スーパーに寄ったらラム肉が売っててびっくりした
    -   100g250円くらいでステーキ肉くらいの感覚なんだな


### 14:30〜 南小樽散策 {#14-30-南小樽散策}

-   オルゴール館
-   LaTao
-   ベネチア美術館
-   まりもっこり
-   とにかく人が多かった


### 16:00〜 JR南小樽〜新千歳空港へ移動 {#16-00-jr南小樽-新千歳空港へ移動}

-   雪の中走る電車が美しい
-   オホーツク海に見惚れてしまった


### 17:00〜 新千歳空港でお土産を買いチェックイン {#17-00-新千歳空港でお土産を買いチェックイン}

-   ロイズのポテトをお土産に沢山買った
-   NE組と合流して同じ飛行機で帰った


### 18:10〜 新千歳空港から成田へ飛行機 {#18-10-新千歳空港から成田へ飛行機}

-   30分くらい寝て起きた時にメガネをつけていることを忘れてメガネどこだとコートをバサバサしてしまったドジっ娘ムーヴ
-   オフラインだけどこの記事をかけるところまで書いた


### 20:40〜 成田から池袋へバス {#20-40-成田から池袋へバス}

-   空港で買った海鮮丼を食べた
-   Wi-Fiがあったのでこの記事を書いた


## まとめ {#まとめ}

北海道最高!!!小樽最高!!!次は夏に行きたいですね。
締めパフェとジンギスカンは食べていないが、海鮮とスープカレーを十二分に食べたので満足かなと思っています。


## 次遠征する時の自分へ {#次遠征する時の自分へ}

[phpカンファレンス福岡2023に参加してきました]({{< relref "20230624093617-retrospective_phpconference_fukuoka_2023.md" >}})の「次遠征する時の自分へ」を参考に準備しました。

今回は真冬の北海道ということで以下を持っていきました。(n=宿泊日数)

-   靴下 n着
-   Tシャツ n着
-   パンツ n着
-   コート 1着
-   セーター 1着
-   長ズボン 1着
-   スニーカー 1足

頑丈に生まれてしまった私としては今回の旅行は一切寒くなく、半袖とコート(もしくはセーター)さえあえば十分という気温でした。
とりあえず初日に半袖で1時間程度札幌周辺を半袖で歩いてみたのですが、多少指先が動かなくなる程度で特に何も支障がありませんでした。

念の為持っていった手袋は一切つけることなく過せたので不要でした。
普段半袖で生活してる私にとってセーターとコートを同時に着るとチートなんだなと思わされたので、次回はセーターかコートのどちらかが不要だなと思いました。
外に出る時間は少ないのであれば、コートくらいあってもいいかもしれないが冬でも半袖で問題ないことが分かりました。

スニーカーに関して、雪の中2万歩以上歩いて50回くらい滑ったのでちゃんとグリップの効く靴にした方が良いかもしれないです。
とはいえ受け身さえ取れれば良いので普通の靴でもなんとかなりそうだなというのが正直なところです。
流石にクロックスは足が凍傷になってしまうので冬の北海道には不向きです。


## Backlinks {#backlinks}

-   [2024年 全体振り返り]({{< relref "20241221130328-retrospective_2024" >}})
-   [2025年2月名古屋旅行]({{< relref "20250224140741-retrospective_nagoya_2025" >}})

--------------------------------------------------------------------------------
title: "Authyからpassword-store-otpに移行した"
date: "2024-01-10"
--------------------------------------------------------------------------------

## Introduction {#introduction}

[Bitwardenからpassword-storeに移行した]({{< relref "20240108211345-migrate_bitwarden_to_password_store.md" >}}) でpassword-storeに移行できたので、TOTPも[ Authy ](https://authy.com/)から移行する。


## Goal {#goal}

-   過去の案件で使ってたものを断捨離する
-   password-store-otp経由でOTP Codeを取得できるようにする
-   Authy管理しているデータをpassword-storeに移行する


## Not Goal {#not-goal}

-   Authyを完全に削除する
    -   Bitwarden同様数年間使わなくても問題なかったら適切に削除する


## 作業手順 {#作業手順}


### 1. password-store-otpを有効にする {#1-dot-password-store-otpを有効にする}

私はNixユーザーなので[Nix Packageからpass](https://search.nixos.org/packages?channel=23.11&show=pass&from=0&size=50&sort=relevance&type=packages&query=pass)を落としてくる。次のような設定で[home-manager](https://github.com/nix-community/home-manager)経由で入れると勝手にExtensionが有効になる。

```nix
{ pkgs, ... }:

{
  home.packages = with pkgs; [
    (pass.withExtensions (extensions: with extensions; [ pass-otp ]))
  ];
}
```

fish shellで拡張を有効にする。

```fish
set -x PASSWORD_STORE_ENABLE_EXTENSIONS true
```


### 2. AuthyからExportする {#2-dot-authyからexportする}

公式のExport方法は見あたらなかったので、[Export TOTP tokens from Authy - gist](https://gist.github.com/gboudreau/94bb0c11a6209c82418d01a59d958c93)を参考にAuthy Desktopから情報を抜き出す。


### 3. password-storeに貼りつける {#3-dot-password-storeに貼りつける}

次のようなフォーマットでパスワードの下に `otppath` を入力する。

```text
P@ssw0rd
otpauth://totp/Discord:foo@gmail.com?secret=XXX&issuer=Discord
url: https://discordapp.com/
username: foo@gmail.com
```


### 4. アクセスできるか確認する {#4-dot-アクセスできるか確認する}

次のコマンドをたたくとclipboardにOTP codeがコピーされる。

```console
$ pass otp -c private/life/tech/discord
Copied OTP code for private/life/tech/discord to clipboard. Will clear in 45 seconds.
```


## Result {#result}

16個のTOTP情報を移行した。


## 所感 {#所感}

Authyに特に問題があった訳ではなく使い勝手が良かったのでこれから導入する人にはお勧めできる。
password-storeを使う方が時代に逆行しているので参考にしない方がよい。


## Backlinks {#backlinks}

-   [BitwardenとAuthyのアカウントを削除した]({{< relref "20250408134929-archive_bitwarden_account" >}})
-   [GPG KeyのYubiKey運用をはじめた]({{< relref "20250514155803-yubikey_gpg_operation" >}})

--------------------------------------------------------------------------------
title: "Bitwardenからpassword-storeに移行した"
date: "2024-01-08"
--------------------------------------------------------------------------------

## Introduction {#introduction}

Bitwardenからpassword-storeに移行したので作業内容をメモしておく。


## Basic {#basic}

-   普段使うものは可能な限りPlain TextとGitで管理したい
-   EmacsやTerminalから簡単に呼び出したい
-   [GnuPG](https://www.gnupg.org/)を可能な限り活用したい


## Goal {#goal}

-   Bitwardenに保存されているすべての情報をpassword-storeに移行する
-   EmacsやTerminalから簡単にパスワードを取得できるようにする


## Not Goal {#not-goal}

-   Bitwardenのアカウントを完全に削除する
    -   数年間使わなくても問題なかったら適切に削除する


## 技術選定 {#技術選定}

[password-store](https://www.passwordstore.org/)を選択した理由は以下。

-   十分に枯れている
-   Plain TextとGitで管理できる
-   password-storeが挙動しなくなってもGPGさえ動けばよい
    -   shell scriptの小さなコードベースで書かれている
    -   GPGが動かない時は `git commit` もできない状態なので根本的に問題
-   2024年現在所属している会社でpassword-storeを使っている
    -   ref. [Pass: The Standard Unix Password Manager の紹介 - Qiita](https://qiita.com/karronoli/items/7ac1984712495fdc570d)
-   [TOTP](https://ja.wikipedia.org/wiki/Time-based_One-time_Password)に対応している
-   Emacs Packageがある

周りのエンジニアに何を使っているのか聞いたところ、[1password](https://1password.com/jp)や[Bitwarden](https://bitwarden.com/)を使っている人が大半だった。


## 作業手順 {#作業手順}


### 1. Bitwardenからパスワードを抽出する {#1-dot-bitwardenからパスワードを抽出する}

[bitwarden/clients](https://github.com/bitwarden/clients) を手元のPCに入れる。

```console
$ bw --version
2023.12.1
```

Loginしてセッションを取得。

```console
$ bw login
```

`bw list items` コマンドを叩いてパスワードを抽出する。

```console
$ bw list items --session <session_id> \
      | jq '.[] | { folderId: .folderId, name: .name, login: .login }' \
      | jq . > /tmp/bw.json
```

次のようなjsonが `/tmp/bw.json` に出力される。

```json
{
  "folderId": "ad72f121-6385-49ea-8983-xxx",
  "name": "foo",
  "login": {
    "fido2Credentials": [],
    "username": "name",
    "password": "pass",
    "totp": null,
    "passwordRevisionDate": null
  }
}
{
  "folderId": "ad72f121-6385-49ea-8983-yyy",
  "name": "bar",
  "login": {
    "fido2Credentials": [],
    "username": "name",
    "password": "pass",
    "totp": null,
    "passwordRevisionDate": null
  }
}
```


### 2. passコマンドをインストールする {#2-dot-passコマンドをインストールする}

私はNixユーザーなので[Nix Packageからpass](https://search.nixos.org/packages?channel=23.11&show=pass&from=0&size=50&sort=relevance&type=packages&query=pass)を落としてくる。次のような設定で[home-manager](https://github.com/nix-community/home-manager)経由で入れる。

```nix
{ pkgs, ... }:

{
  home.packages = with pkgs; [
    (pass.withExtensions (extensions: with extensions; [ pass-otp ]))
  ];
}
```


### 3. password-storeのリポジトリを作成する {#3-dot-password-storeのリポジトリを作成する}

GitHub Private Repoを作成し、[pass - archlinux wiki](https://wiki.archlinux.jp/index.php/Pass)を参考にpassword-storeを作る。

```console
$ pass init <gpg-id or email>
```


### 4. password-storeへパスワードを移行 {#4-dot-password-storeへパスワードを移行}

`folder_id` の一覧APIはなさそうだったので、Bitwardenの画面と照らし合わせて手動でfolder_idを取得する。

```console
$ cat /tmp/bw.json | jq 'select(.folderId == "<folder_id>")'  | jq . > /tmp/<folder>.json
```

抽出したものを手動で次のようなフォーマットに変換した。

```console
P@ssw0rd
url: https://servicename.com/
username: username
```


### 5. Fish Shell設定 {#5-dot-fish-shell設定}

`config.fish` に次の設定を追加する。

```fish
if type -q pass
    set -x PASSWORD_STORE_DIR $HOME/ghq/github.com/takeokunn/password-store
    set -x PASSWORD_STORE_ENABLE_EXTENSIONS true
end
```

Fish Completionはここから落としてくる。

[https://github.com/zx2c4/password-store/blob/master/src/completion/pass.fish-completion](https://github.com/zx2c4/password-store/blob/master/src/completion/pass.fish-completion)


### 6. Emacs Plugin導入 {#6-dot-emacs-plugin導入}

次のように[NicolasPetton/pass](https://github.com/NicolasPetton/pass)を設定する。

```emacs-lisp
(autoload-if-found '(pass pass-view-mode) "pass" nil t)

(add-to-list 'auto-mode-alist (cons (substitute-in-file-name "$HOME/ghq/github.com/takeokunn/password-store/.*\\.gpg") 'pass-view-mode))

(with-eval-after-load 'pass
  (setq pass-suppress-confirmations t))
```

`pass-view-mode` 用に次のような[yasnippet](https://github.com/joaotavora/yasnippet)を設定する。

```text
# -*- mode: snippet -*-
# name: template
# key: template
# --
url: $1
username: $2
memo: $0
```


## Result {#result}

183個の秘匿情報が入ったgpgファイルを作成した。

```console
$ git -C ~/ghq/github.com/takeokunn/password-store ls-files | grep .gpg | wc -l
183
```

次のようなディレクトリ構成を作成した。

```shell
~/.ghq/github.com/takeokunn/password-store/
├── README.org
├── .gpg-id
├── private
|   └── life
|       └── 楽天証券.gpg
├── project-A
├── project-B
└── project-C
    └── shopify
        └── aaa.gpg
    └── infra
        └── aws.gpg
```


## NextStep {#nextstep}

-   ディレクトリ構成を整理する
-   TOTP周りを[Authy](https://authy.com/)から[pass-otp](https://github.com/tadfisher/pass-otp)に移行する
-   GPG Private Keyの管理方法を考える
    -   [YubikeyでOpenPGP鍵をセキュアに使う - κeenのHappy Hacκing Blog](https://keens.github.io/blog/2021/03/23/yubikeywotsukau_openpghen) が良さそう


## 所感 {#所感}

Bitwardenは使いやすく特に文句がなかったので、理由がない限りはでpassword-storeに移行する必要はないし、これからパスワードマネージャーを入れる人はBitwardenを勧めたい。


## Backlinks {#backlinks}

-   [Authyからpassword-store-otpに移行した]({{< relref "20240110123142-migrate_authy_to_password_store_otp" >}})
-   [BitwardenとAuthyのアカウントを削除した]({{< relref "20250408134929-archive_bitwarden_account" >}})
-   [GPG KeyのYubiKey運用をはじめた]({{< relref "20250514155803-yubikey_gpg_operation" >}})

--------------------------------------------------------------------------------
title: "org-roamで記事を管理しGitHub Actionsで適切に公開する"
date: "2023-12-19"
--------------------------------------------------------------------------------

## Introduction {#introduction}

[2023年度Emacsアドベントカレンダー](https://qiita.com/advent-calendar/2023/emacs)2日目の記事です。

当記事ではorg-roamを用いたブログ記事のコンテンツ管理方法と、ZennやHugoへ公開する方法の一連の流れについて解説しています。

個々の技術への深堀は必要に応じて別途記事に認めますのでご了承ください。


## 考え方 {#考え方}


### ブログサービスについて {#ブログサービスについて}

[Zenn](https://zenn.dev/) や [Qiita](https://qiita.com/) などブログサービスを提供している会社は世の中に無数にありますが、「ブログ記事という形式で世の中に公開する」ということには大きく分けて次の2つの要素があります。

-   コンテンツ管理
-   記事公開

2000年代初期と2023年現在求められているブログサービスの必要条件は異なるように、年々求められる必要条件は増えています。
2023年においてSNSに投稿したものを埋め込むことができないブログサービスというのはほぼ存在しないように、有名なブログサービスに乗っかっておけばモダンな環境を常に享受し続けることができます。

しかしながら、ブログサービスにも当然栄枯盛衰があり自分が使っているサービスの行く末など個人には分かりようがありません。
現に私がプログラミングを初めた2014年ごろはQiitaが技術系ブログサービス一強でしたが、2023年現在ではZennが主流になっています。
常によりよいブログサービスが出たら移動することも念頭に置く必要があります。

私が勤めている会社では多少技術的な記事だったとしても広報目的に[note](https://note.com/)に書くという運用がされていたり、以前所属していた会社では、[はてなブログ](https://hatenablog.com/)で技術ブログを運用していました。
ソフトウェアエンジニアとして働く以上「どこに対して記事公開するか」というのは自分ではコントロール効かないという前提があります。

上記で述べたように「記事公開」に関しては自分でどうしようもない部分が多々ありますが、「コンテンツ管理」に関しては完全に自分でコントロールを効かせることができます。
適切なフォーマットで公開すればよいだけですので、どのように記事を管理されようとブログサービスからしたらDBのレコードの1つなだけなでどうでもよいことなのです。


### ソフトウェアエンジニアとして {#ソフトウェアエンジニアとして}

ソフトウェアエンジニアにとって「技術的な文書を書く」という作業は避けられません。
「ドキュメントを書く」「チケットに証跡を書く」「同僚と技術的やりとりをする」等さまざまありますが、「ブログ記事を書く」という行為もそのひとつです。
特定の技術は廃れようと、20年後30年後も「技術的な文書を書く」という行為がなくなることはないでしょう。

私は残念ながらソフトウェアエンジニア以外の仕事が絶望的にできないので、10年後も20年後もソフトウェアエンジニアとして働いているだろうという実感があります。
あまり文章を書くのが得意ではないので、いかに低負荷で一定の品質の文書を書く環境を用意するか、というのが自分のソフトウェアエンジニアとしての人生にとって重要なことだと考えてます。


### すべてをEmacs org-modeに最適化する {#すべてをemacs-org-modeに最適化する}

私は今までさまざまなテキストエディタを使い込んできました。
その中で一番時間をつぎ込んだ時に高みを目指せるのはEmacsだということを確信しました。

「simpleがよいか、easyがよいか」という議論はエンジニア界隈ではよく話題にされます。
私としては簡単さもシンプルさも本当にどうでもよく、たとえ難しかろうと複雑だろうと時間がかかろうと到達点が一番高いものがよいが一番よいと考えています。

今回の記事はorg-modeが主体になりますが、はっきり言ってorg-modeはsimpleでもeasyでもありません。
巷にある「爆速で構築する」系の記事とは正反対です。
初速は一切出ないですし、理解するまで時間がかかるし、運用が軌道に乗るまで本当に時間がかかります。
ただし、org-modeにはプログラマー人生すべてを寄せることができるくらいのポテンシャルがあり、運用に乗った時のパフォーマンスは計りしれません。

少なくとも直近10年は一切Emacsへの投資を惜しまないという覚悟をしているので執筆環境もEmacs org-modeに最適化をしていきます。


## 要件 {#要件}

自分はブログに対して何を求めているのか、ブログとはどうあるべきなのか、をあらためて整理してみました。
以下は個人ブログに対しての考え方ですので、複数人での運用に関しては特に考慮していません。


### 必要条件 {#必要条件}

[The Emacs Editor Manual](https://www.gnu.org/software/emacs/manual/html_node/emacs/index.html) や [Common Lisp Hyperspec](https://www.lispworks.com/documentation/HyperSpec/Front/) のような数十年前のWebサイト程度の要件を最低限満たしていれば最低限ブログサイトとして名乗ってもよいでしょう。


#### コンテンツ管理 {#コンテンツ管理}

-   何がしかの方法で永続的に保存できる
-   MarkdownやOrgのような人間が解釈しやすい形式で記述できる

コンテンツ管理の必要条件は最低限で、データベースやプレーンテキストで保存できれば要件を満たしていると考えています。
またHTMLをベタ書きするのは大ですので、MarkdownやOrgのような人間向きのフォーマットで最低限記述できるようにしたいと考えています。


#### 記事公開 {#記事公開}

-   意図したHyperTextを継続的に配信できる
-   画像やCSSも配信でき、最低限文章を読めるデザインで配信する

最低限Webサイトとしての体を成していればよいと考えています。


### 十分条件 {#十分条件}

必要条件はあまりにも最低限すぎるので、2023年現在このくらいは最低限満たしたい条件を書いています。
一応十分条件と書いてはいるものの2023年においての必要条件に含まれる要素もありそうです。


#### コンテンツ管理 {#コンテンツ管理}

-   MUST
    -   秘密鍵やパスワードが入っていないことを網羅的に検査できる
    -   校正ツールで継続的かつ網羅的に文章を検査できる
    -   エディタの標準的な機能を使うことができる
-   SHOULD
    -   執筆から公開フローが整っている
    -   バージョン管理ができる
    -   下書きができる
    -   過去記事の検索性が優れている
-   MAY
    -   複数のブログサービスにまたがって管理できる

個人でブログを書いているのもあり、誰かが校正してくれることがないので、うっかり不用意な記述やパスワードを公開しないようなしくみ作りが重要だと考えています。


#### 記事公開 {#記事公開}

-   MUST
    -   文章を読みやすいWebデザインで提供する
    -   Twitter埋め込みやYouTube動画埋め込みができる
    -   メジャーなプログラミング言語のコードブロックをシンタックスハイライトできる
-   SHOULD
    -   記事の公開/非公開を切り替えることができる
    -   SEO対策
    -   関連記事を表示できる
    -   OGPが表示できる
    -   マイナーなプログラミング言語のコードブロックをシンタックスハイライトできる
-   MAY
    -   任意のドメインで配信する
    -   バックリンクを貼ることができる
    -   SNSシェアボタンがある
    -   ブログ内検索できる
    -   予約投稿できる

ブログ記事の公開先が不特定多数向けなのか特定少数向けなのかで要件は変わってきます。


## 記事公開先 {#記事公開先}


### 記事の属性 {#記事の属性}

私の場合、ブログ記事の属性として次の4つを想定する必要があります。

-   所属会社の広報用記事
    -   e.g. [PHPConference 2023に登壇してきました - note](https://note.openlogi.com/n/nde050fa4ff2a?magazine_key=m9f98ae49ed2f)
-   所属会社の技術記事
    -   e.g. [PHPConf2023「保守性の高いアプリケーションを作り続けるための基盤整備について」というテーマで登壇します](https://zenn.dev/openlogi/articles/bba928c9e07af3)
-   個人の技術記事
    -   e.g. [PHP8から追加されたJITについて学ぼう!](https://www.takeokunn.org/posts/permanent/20221222111924-about_php_jit/)
-   個人の日記メモ
    -   e.g. [「PHP Lovers Meetup vol.0 ~ はじまりは&lt;?phpから」に参加しました](https://www.takeokunn.org/posts/diary/20230710082646-retrospective_php_lovers_meetup_vol_0/)

上記の記事公開の十分要件を踏まえたざっくりとしたマトリックスは以下。

-   ○ ... 必要
-   △ ... どちらでもよい
-   × ... 不要

<!--listend-->

```text
|                     | 所属会社 広報用記事 | 所属会社 技術記事 | 個人 技術記事 | 個人 日記メモ |
|---------------------+-------------------+-----------------+--------------+--------------|
| Webデザイン          | ○                 | ○               | △            | △            |
| SNS埋め込み          | ○                 | ○               | △            | ○            |
| シンタックスハイライト | △                 | ○               | ○            | △            |
| 記事の公開/非公開設定 | ○                 | ○               | △            | △            |
| SEO対策             | ○                 | ○               | △            | ×            |
| 関連記事             | ○                 | ○               | △            | ×            |
| OGP表示             | ○                 | ○               | △            | ×            |
| カスタムドメイン      | △                 | △               | △            | ×            |
| バックリンク         | △                 | △               | △            | △            |
| SNSシェア           | ○                 | ○               | △            | ×            |
| ブログ内検索         | △                 | △               | △            | ×            |
| 予約投稿             | ○                 | ○               | ×            | ×            |
```

所属企業のブログ記事は広報的な意味も兼ねており、業務時間を使って仕事として書いている側面もあるので、高い要件を満たす必要があります。
モダンはブログサービスを使えばこのあたりの要件をすべてフルマネージドで満たしてくれているので、個人として特に何も対応する必要はありません。

個人としてのブログ記事は求められる要件は非常に少なく好き勝手作ることができます。
好きなデザインテーマを使い、好きなライブラリを選定し、自分好みにブログサービスを作成しても問題がないのです。

所属企業のブログ記事はどちらかというと一枚絵のようなものであまり気軽に文章を変更してはいけないが、個人のブログ記事は気軽に文章を変更することが可能という視点もあります。


### ブログサービスとセルフホスティング {#ブログサービスとセルフホスティング}

基本的には既存のブログサービスの品質は非常に高いのでセルフホスティングするメリットはほぼありません。
はっきり言ってセルフホスティングは何か目的がない限りは時間の無駄であり、あまりお勧めできるようなものではありません。

Webデザインに特別こだわりがあったり、Webサイトを学習目的で作成したり、既存のブログサービスでは実現できないことをやりたい等がない限り、一切やる必要がないです。
私の場合、Webエンジニアとしてのスキルアップの為に作成している面が非常に大きく、既存のブログサービスにどこまで近付けるのか、静的サイトジェネレータのポテンシャルを検証する目的で作成しています。

ブログサービスとセルフホスティングの差はいろいろありますが、一番の差はSEO対策です。
サイト内のコンテンツ数はブログサービスに勝つことは個人ではほぼ不可能です。
不特定多数に見てもらいたいものはブログサービス、特定少数に見てもらいたいものはセルフホスティング先に公開するという運用をしています。


## 全体の流れ {#全体の流れ}


### ワークフロー {#ワークフロー}

{{< figure src="/images/06C3BC2E-F1DD-4FAE-954B-CC8459ED46B7.png" >}}

```text
graph LR
    A[Emacs] --> |push| B[Repo]
    B --> |run CI| C[Linter]
    subgraph GitHub Actions
    C --> D[Export]
    end
    D --> |publish| E[Hugo]
    D --> |publish| F[Zenn]
```

1.  Localで記事を編集する
2.  [takeokunn/blog](https://github.com/takeokunn/blog) のmain branchにpushする
3.  GitHub Actions上で[textlint](https://github.com/textlint/textlint)と[secretlint](https://github.com/secretlint/secretlint)を実行する
4.  各公開先用に[org-export](https://orgmode.org/guide/Exporting.html)して指定の処理をする

個別の配信方法や設定方法は後述しますが、巷によくあるCI/CDの流れを踏襲しています。
分量の多い記事に関しては適宜Pull Requestに切り出して執筆していく運用にしています。


### Zettelkasten {#zettelkasten}

ソフトウェア開発は業界が未成熟な面と日進月歩で進化して続けているという二面があり、知識が陳腐化しやすいという性質を持っています。
長期的にコンテンツ管理をするという前提で、継続的に知見をアップデートをするにあたってどう管理運用をしていけばよいのかを考慮する必要があります。

いろいろ検討した結果Zettelkastenを採用することにしました。

[効率的なノートを作成できるドイツの社会学者が生み出した方法「Zettelkasten」とは？ - gigazine](https://gigazine.net/news/20200604-zettelkasten-note/) にもあるとおり、小さな知識を相互にリンクさせることによって巨大な知識体系を作ることができます。

Zettelkastenについて日本語で解説した記事はあまりなくどう運用すればよいのか非常に悩みました。

jMatsuzaki氏のZettelkasten関連が一番参考になったのでメモしておきます。

[https://jmatsuzaki.com/archives/category/lifestyle/zettelkasten](https://jmatsuzaki.com/archives/category/lifestyle/zettelkasten)

またorg-roamのドキュメントにも簡単に書いてあるので目を通すことをお勧めします。

<https://www.orgroam.com/manual.html#A-Brief-Introduction-to-the-Zettelkasten-Method>


## コンテンツ管理 {#コンテンツ管理}


### org-roam {#org-roam}


#### Basic {#basic}

[org-roam](https://www.orgroam.com/) はorg-modeのキラーアプリケーションの1つです。
org-modeで記述でき、org file間の移動や参照やリンクをスムーズに行うことができるパッケージです。
org file間の関係性をSQLiteで管理していて、[org-roam-ui](https://github.com/org-roam/org-roam-ui)を使えばグラフィカルに表示できます。

「org-roamを使ってみた」といった入門記事は複数あるが、実際に長期的に運用してみた記事が全然ないのでどう運用するのかかなり悩みました。

[🖊知的生産のキラーアプリOrg-roamを１年使い倒し学ぶとはなにか考えたポエム(2022)](https://futurismo.biz/using-org-roam-one-year-2022/) が日本語の記事の中では一番しっかりと書かれており、非常に参考にさせてもらいました。

なお私の運用は完全にZettelkastenに寄せている訳ではありませんので注意してください。


#### ディレクトリ構成 {#ディレクトリ構成}

[Zettelkasten（ツェッテルカステン）で使うノートの種類と構成まとめ - jMatsuzaki](https://jmatsuzaki.com/archives/28172) によると、次のようなディレクトリ構成にすることが推奨されているようです。

-   一時メモ
    -   Fleeting Notes
-   文献ノート
    -   Literature Notes
-   Zettelkasten本体
    -   Permanent Notes
    -   Structure Notes
    -   Index Notes
-   プロジェクト管理
    -   Project Notes

私は次のようなディレクトリ構成で運用しています。

-   org/
    -   fleeting/ ... 技術的なメモ
    -   permanent/ ... 体裁を整えた技術記事
    -   diary/ ... イベント参加記
    -   private/ ... gpgで暗号化した下書き記事
    -   zenn/ ... Zennに出力する記事

なるべく普段からfleetingにメモを取り、形になったタイミングでpermanenteやzennに記事を書くという運用を目指しています。


#### 設定方法 {#設定方法}

この記事を読むような奇特な人は自分でorg-roamのインストールをできるはずなので詳細には書きません。[README](https://github.com/org-roam/org-roam?tab=readme-ov-file#installation)を参考に導入してください。

私はどちらかというとEmacsの設定に関して几帳面なので各Elisp fileごとにsetqをする運用をしています。

次の設定は [org-roam/org-roam](https://github.com/org-roam/org-roam) 内の設定のみですが、[org-roam/org-roam-ui](https://github.com/org-roam/org-roam-ui)や[tefkah/org-roam-timestamps](https://github.com/tefkah/org-roam-timestamps)も導入することをお勧めします。

<!--list-separator-->

-  org-roam

    org-roamは [takeokunn/blog](https://github.com/takeokunn/blog) のみで使っているので、次のように設定しています。

    個人的にはリポジトリ管理は [x-motemen/ghq](https://github.com/x-motemen/ghq) を使うことを推奨しています。

    ```emacs-lisp
    (with-eval-after-load 'org-roam
      (setq org-roam-directory `,(concat (s-trim-right (shell-command-to-string "ghq root"))
                                         "/github.com/takeokunn/blog")))
    ```

<!--list-separator-->

-  org-roam-node

    `org-roam-node-find` と `org-roam-node-insert` はorg-roamを使うにあたって一番使うコマンドと言っても過言ではありません。

    `org-roam-completion-everywhere` を有効にすると補完が効いてくれるようになるが、 `org-roam-node-insert` で明示的にリンクを入力すればよいだけなので好みで有効にしてください。

    ```emacs-lisp
    (autoload-if-found '(org-roam-node-find org-roam-node-insert) "org-roam-node" nil t)
    (global-set-key (kbd "C-c n f") #'org-roam-node-find)
    (global-set-key (kbd "C-c n i") #'org-roam-node-insert)

    (with-eval-after-load 'org-roam-node
      (setq org-roam-completion-everywhere t))
    ```

<!--list-separator-->

-  org-roam-db

    `org-roam-db-autosync-enable` を有効にすることによって、非同期で `org-roam.db` を更新してくれるようです。

    `org-roam-db-gc-threshold` はドキュメントを読んでいると多めに設定しておいてもよいだろうということで多めに設定してます。

    <https://www.orgroam.com/manual.html#Garbage-Collection>

    ```emacs-lisp
    (autoload-if-found '(org-roam-db-autosync-enable) "org-roam-db" nil t)
    (org-roam-db-autosync-enable)

    (with-eval-after-load 'org-roam-db
      (setq org-roam-database-connector 'sqlite)
      (setq org-roam-db-gc-threshold (* 4 gc-cons-threshold)))
    ```

<!--list-separator-->

-  org-roam-capture

    新規に記事を作成する時は `org-roam-capture` 経由で作成しています。

    それぞれのディレクトリごとにファイル名を自動生成して作成できるように設定しています。

    ```emacs-lisp
    (autoload-if-found '(org-roam-capture) "org-roam-capture" nil t)
    (global-set-key (kbd "C-c n c") #'org-roam-capture)

    (with-eval-after-load 'org-roam-capture
      (setq org-roam-capture-templates '(("f" "Fleeting(一時メモ)" plain "%?"
                                          :target (file+head "org/fleeting/%<%Y%m%d%H%M%S>-${slug}.org" "#+TITLE: ${title}\n")
                                          :unnarrowed t)
                                         ("l" "Literature(文献)" plain "%?"
                                          :target (file+head "org/literature/%<%Y%m%d%H%M%S>-${slug}.org" "#+TITLE: ${title}\n")
                                          :unnarrowed t)
                                         ("p" "Permanent(記事)" plain "%?"
                                          :target (file+head "org/permanent/%<%Y%m%d%H%M%S>-${slug}.org" "#+TITLE: ${title}\n")
                                          :unnarrowed t)
                                         ("d" "Diary(日記)" plain "%?"
                                          :target (file+head "org/diary/%<%Y%m%d%H%M%S>-${slug}.org" "#+TITLE: ${title}\n")
                                          :unnarrowed t)
                                         ("z" "Zenn" plain "%?"
                                          :target (file+head "org/zenn/%<%Y%m%d%H%M%S>.org" "#+TITLE: ${title}\n")
                                          :unnarrowed t)
                                         ("m" "Private" plain "%?"
                                          :target (file+head "org/private/%<%Y%m%d%H%M%S>.org.gpg" "#+TITLE: ${title}\n")
                                          :unnarrowed t))))
    ```


#### yasnippet {#yasnippet}

`org-roam-capture` でブログを生成した後、タグの設定など公開するにあたって必要な情報を設定しなければなりません。
出力先に応じて微妙に設定が違う為、[yasnippet](https://github.com/joaotavora/yasnippet)でテンプレートを管理するようにしています。

for Hugo:

```text
# -*- mode: snippet -*-
# name: blog-hugo
# key: blog-hugo
# --

#+AUTHOR: takeokunn
#+DESCRIPTION: ${1:description}
#+DATE: ${2:`(format-time-string "%Y-%m-%dT%T%z")`}
#+HUGO_BASE_DIR: ../../
#+HUGO_CATEGORIES: ${3:fleeting}
#+HUGO_SECTION: posts/$3
#+HUGO_TAGS: $3 $4
#+HUGO_DRAFT: true
#+STARTUP: content
#+STARTUP: nohideblocks
```

for Zenn:

```text
# -*- mode: snippet -*-
# name: blog-zenn
# key: blog-zenn
# --

#+DESCRIPTION: ${1:description}
#+DATE: ${2:`(format-time-string "%Y-%m-%dT%T%z")`}
#+GFM_TAGS: emacs
#+GFM_CUSTOM_FRONT_MATTER: :emoji 👍
#+GFM_CUSTOM_FRONT_MATTER: :type tech
#+GFM_CUSTOM_FRONT_MATTER: :published false
#+STARTUP: content
#+STARTUP: nohideblocks
#+OPTIONS: toc:nil
```


#### gpg暗号化 {#gpg暗号化}

org-roamはgpgで暗号化したファイルも管理下に置くことができます。
<https://www.orgroam.com/manual.html#Encryption>

前述した `org-roam-capture` で `foo.org.gpg` のように拡張子にgpgを付けたファイルを生成するだけで暗号化できます。
なお [Emacs内でgpg fileがsaveできなくなった時に対応したことメモ](https://www.takeokunn.org/posts/fleeting/20230624130858-how_to_escape_emacs_gpg_bug/) にもあるとおり、gpgのversionを下げないとEmacsがHang upしてしまうので注意が必要です。


### textlint {#textlint}

日本語の文章の校正を自動化するにあたって[textlint/textlint](https://github.com/textlint/textlint)を導入しました。
textlintは日本語に特化したルールセットを提供してくれており、日本語のOSS校正ツールとしては一番普及しています。
textlint自体の詳細な解説は省きますが、この記事を執筆するにあたってtextlintのルールセットを新調して次のルールを有効にしました。

-   [textlint](https://www.npmjs.com/package/textlint)
-   [textlint-plugin-org](https://www.npmjs.com/package/textlint-plugin-org)
-   [textlint-rule-preset-ja-spacing](https://www.npmjs.com/package/textlint-rule-preset-ja-spacing)
-   [textlint-rule-preset-ja-technical-writing](https://www.npmjs.com/package/textlint-rule-preset-ja-technical-writing)
-   [textlint-rule-preset-japanese](https://www.npmjs.com/package/textlint-rule-preset-japanese)
-   [textlint-rule-preset-jtf-style](https://www.npmjs.com/package/textlint-rule-preset-jtf-style)
-   [textlint-rule-prh](https://www.npmjs.com/package/textlint-rule-prh)
-   [textlint-rule-spellchecker](https://www.npmjs.com/package/textlint-rule-spellchecker)
-   [textlint-rule-write-good](https://www.npmjs.com/package/textlint-rule-write-good)

.textlintrc:

```json
{
  "rules": {
    "preset-ja-technical-writing": {
      "sentence-length": false,
      "no-doubled-joshi": false,
      "no-exclamation-question-mark": false
    },
    "preset-japanese": {
      "sentence-length": false,
      "no-doubled-joshi": false
    },
    "preset-ja-spacing": true,
    "preset-jtf-style": true,
    "write-good": {
      "weasel": false
    },
    "prh": {
      "rulePaths": [
        "./prh.yml",
        "node_modules/prh/prh-rules/media/WEB+DB_PRESS.yml",
        "node_modules/prh/prh-rules/media/techbooster.yml"
      ]
    }
  },
  "plugins": ["org"]
}
```

prh.yml:

```yaml
version: 1
rules:
  - expected: Zettelkasten
    pattern: zettelkasten
```

またflycheckでもtextlintを有効にすることによってリアルタイムでエラーを出力できるようにしています。

```emacs-lisp
(flycheck-define-checker textlint
  "A linter for prose."
  :command ("npx" "textlint" "--format" "unix" source-inplace)
  :error-patterns
  ((warning line-start (file-name) ":" line ":" column ": "
            (id (one-or-more (not (any " "))))
            (message (one-or-more not-newline)
                     (zero-or-more "\n" (any " ") (one-or-more not-newline)))
            line-end))
  :modes (org-mode))

(with-eval-after-load 'flycheck
  (add-to-list 'flycheck-checkers 'textlint))
```


### secretlint {#secretlint}

[secretlint/secretlint](https://github.com/secretlint/secretlint) はAPIトークンや秘密鍵などのコミットを検知するツールです。
`AWS_SECRET_ACCESS_KEY` などを誤ってGitHubにPushして全世界に公開してしまうと大問題です。

今年取引先の方がAWS CredentialやほかサービスのSecret Tokenを公開して問題になったことがあり、明日は我が身ということで、なるべくすべてのリポジトリでsecretlintを導入しようという方針になりました。

設定自体は非常にシンプルしており、 [@secretlint/secretlint-rule-preset-recommend](https://www.npmjs.com/package/@secretlint/secretlint-rule-preset-recommend) のみ有効にしています。

```json
{
    "rules": [{
        "id": "@secretlint/secretlint-rule-preset-recommend"
    }]
}
```


## Publish {#publish}


### Hugo {#hugo}


#### Target {#target}

「個人の技術記事」と「個人の日記メモ」を対象にホスティングしています。
その為Experimentalな機能を気軽に追加したり、途中アクセスできなくなったりしてもあまり気にしないという運用にしています。


#### Basic {#basic}

[Hugo](https://gohugo.io/) はGo製の静的サイトジェネレータです。
静的サイトジェネレータとは、指定のディレクトリにあるMarkdownや画像ファイルを参照して本番用の静的コンテンツを生成するツールのことです。

類似サービスに[jekyll](https://jekyllrb-ja.github.io/)や[Astro](https://astro.build/)や[Gatsby](https://www.gatsbyjs.com/docs/glossary/static-site-generator/) があります。

機能の豊富さやドキュメント、記事や事例の豊富さ、CIへの組込やすさでHugoを選定しました。

-   [静的サイトジェネレータ「Hugo」と技術文書公開向けテーマ「Docsy」でOSSサイトを作る - さくらのナレッジ](https://knowledge.sakura.ad.jp/22908/)
-   [Hugo で静的なサイト・ブログを構築しよう - Qiita](https://qiita.com/peaceiris/items/ef38cc2a4b5565d0dd7c)

現状特に不満はありませんが、特にHugoにこだわりがある訳ではないので、よりよい静的サイトジェネレータがあれば乗り換える可能性は十分にあります。


#### Org to Markdown {#org-to-markdown}

`export-org-roam-files` を実行してorg-roam管理下のHugoに出力したいディレクトリを指定して[ ox-hugo](https://ox-hugo.scripter.co/) でMarkdownに変換しています。

```emacs-lisp
(require 'package)

(add-to-list 'package-archives '("melpa" . "https://melpa.org/packages/") t)
(package-refresh-contents)
(package-initialize)
(package-install 'ox-hugo)
(package-install 'org-roam)

(require 'ox-hugo)
(require 'org-roam)

(setq org-roam-directory default-directory)
(org-roam-db-sync)

(defun export-org-roam-files ()
  "Exports Org-Roam files to Hugo markdown."
  (interactive)
  (let ((org-id-extra-files (directory-files-recursively default-directory "org")))
    (dolist (f (append (file-expand-wildcards "org/about.org")
                       (file-expand-wildcards "org/diary/*.org")
                       (file-expand-wildcards "org/fleeting/*.org")
                       (file-expand-wildcards "org/index/*.org")
                       (file-expand-wildcards "org/literature/*.org")
                       (file-expand-wildcards "org/permanent/*.org")
                       (file-expand-wildcards "org/structure/*.org")))
      (with-current-buffer (find-file f)
        (org-hugo-export-wim-to-md)))))
```

[org-exportでバックリンクをexport前に挿入 - 🖊知的生産のキラーアプリOrg-roamを１年使い倒し学ぶとはなにか考えたポエム(2022)](https://futurismo.biz/using-org-roam-one-year-2022/#0c2bfe) を参考にバックリンクをMarkdownの最後に出力するようにしています。
GitHub Actions上で動かす関係で、 `org-roam-db-sync` を明示的に実行してCI上で `org-roam.db` を作成する必要があることに注意してください。

```emacs-lisp
(org-roam-db-sync)

(defun collect-backlinks-string (backend)
  (when (org-roam-node-at-point)
    (goto-char (point-max))
    ;; Add a new header for the references
    (let* ((backlinks (org-roam-backlinks-get (org-roam-node-at-point))))
      (when (> (length backlinks) 0)
        (insert "\n\n* Backlinks\n")
        (dolist (backlink backlinks)
          (message (concat "backlink: " (org-roam-node-title (org-roam-backlink-source-node backlink))))
          (let* ((source-node (org-roam-backlink-source-node backlink))
                 (node-file (org-roam-node-file source-node))
                 (file-name (file-name-nondirectory node-file))
                 (title (org-roam-node-title source-node)))
            (insert
             (format "- [[./%s][%s]]\n" file-name title))))))))

(add-hook 'org-export-before-processing-functions #'collect-backlinks-string)
```


#### Hosting {#hosting}

[takeokunn.org](https://takeokunn.org/) はHugoで生成した静的コンテンツを[GitHub Pages](https://docs.github.com/ja/pages/getting-started-with-github-pages/about-github-pages)で配信しています。

[.github/workflows/main.yml](https://github.com/takeokunn/blog/blob/82439967dcbd0cc522d253c93fcb1457b0a7a5ee/.github/workflows/main.yml#L71) に一連の流れが記述されています。

1.  Linterを実行する
2.  OrgをMarkdownに変換
3.  [tcardgen](https://github.com/Ladicle/tcardgen)経由ですべてのOGPを生成
4.  HugoをセットアップしてProduction Build
5.  [actions/deploy-pages](https://github.com/actions/deploy-pages) でGitHub Pagesに出力

カスタムドメインの設定は [カスタムドメインとGitHub Pagesについて - GitHub Docs](https://docs.github.com/ja/pages/configuring-a-custom-domain-for-your-github-pages-site/about-custom-domains-and-github-pages) を参照してください。


#### Theme {#theme}

Hugoは人気静的サイトジェネレータなだけあり、さまざまなテーマを提供してくれています。
<https://themes.gohugo.io/>

私はWebデザインは上手ではないですがCSSはかなり得意なので自作でテーマを作成しました。
<https://github.com/takeokunn/hugo-take-theme>

[Medium](https://medium.com/) のようなごちゃごちゃしていないシンプルなデザインが好みだったので、デザインのテイストを寄せて自分でゼロから作りました。

デザインに変更があり次第、[README.org](https://github.com/takeokunn/blog/blob/main/README.org) に `git submodule` を更新するcode blockを用意しているのでOrg Babelで実行しています。

```org
#+begin_src shell :results output none
   git submodule update --remote --recursive
#+end_src
```


#### OGP {#ogp}

HugoでOGPを自動生成できないかなと調べていたら [Ladicle/tcardgen](https://github.com/Ladicle/tcardgen) というツールがあったので導入しました。

ベースの素材は適当に[canva](https://www.canva.com/ja_jp/)で作成し、shell scriptを実行したらよい感じに出力されるように調整しました。

```shell
tcardgen --fontDir=tcardgen/font --output=static/ogp --config=tcardgen/ogp.yml content/posts/**/*.md
```

tcardgen/ogp.yml:

```yaml
template: tcardgen/ogp.png
title:
  start:
    px: 100
    py: 150
  fgHexColor: "#333333"
  fontSize: 60
  fontStyle: Bold
  maxWidth: 1000
  lineSpacing: 10
category:
  start:
    px: 100
    py: 100
  fgHexColor: "#E5B52A"
  fontSize: 42
  fontStyle: Bold
info:
  start:
    px: 270
    py: 390
  fgHexColor: "#333333"
  fontSize: 38
  fontStyle: Regular
  separator: " - "
tags:
  start:
    px: 270
    py: 460
  fgHexColor: "#FFFFFF"
  bgHexColor: "#333333"
  fontSize: 22
  fontStyle: Medium
  boxAlign: Left
```

{{< figure src="/images/7393CC74-ED44-4DEF-8374-550864B07D49.png" >}}

生成したOGPを反映するには自作テーマ側の変更の必要だったので次のように対応しました。
<https://github.com/takeokunn/hugo-take-theme/blob/88ed46b61d65aabf0bde514a6d6432ea34854b27/layouts/partials/head.html#L32-L53>


### Zenn {#zenn}


#### Target {#target}

「所属会社の広報用記事」「所属会社の技術記事」を対象にしています。
一度公開したものはあまり変更しないようにする必要がある為慎重にリリースする必要があります。


#### Basic {#basic}

[GitHubリポジトリでZennのコンテンツを管理する -  Zenn](https://zenn.dev/zenn/articles/connect-to-github) にもあるとおり、ZennはGitHub連携を提供しています。
リポジトリとブランチを指定してpushにhookして記事が反映されるしくみのようです。

zenn branchを作成して連携するように設定しました。
<https://github.com/takeokunn/blog/tree/zenn>

GitHubで管理する前に書いていた記事がいくつかあった為、Zenn上で記事をExportをして、GitHubにMarkdownのまま管理をしてCI上でよしなに出力できるように調整しました。
<https://zenn.dev/settings/export>


#### Org to Markdown {#org-to-markdown}

`export-org-zenn-files` を実行して `zenn/articles` に出力するようにしました。

```emacs-lisp
(require 'package)

(add-to-list 'package-archives '("melpa" . "https://melpa.org/packages/") t)
(package-refresh-contents)
(package-initialize)
(package-install 'ox-zenn)

(require 'ox-zenn)

(defun export-org-zenn-files ()
  "Exports Org files to Zenn markdown."
  (interactive)
  (let ((org-publish-project-alist `(("zenn"
                                      :base-directory "org/zenn/"
                                      :base-extension "org"
                                      :publishing-directory "zenn/articles"
                                      :publishing-function org-zenn-publish-to-markdown))))
    (org-publish-all t)))
```


## GitHub Actions {#github-actions}


### Actionlint {#actionlint}

[rhysd/actionlint](https://github.com/rhysd/actionlint) はGitHub Actions yamlのLinterです。
導入自体は非常にシンプルで [.github/workflows/ci.yml#L11-L19](https://github.com/takeokunn/blog/blob/82439967dcbd0cc522d253c93fcb1457b0a7a5ee/.github/workflows/ci.yml#L11-L19) の8行程度でCIを設定できます。


### dependabot {#dependabot}

[dependabot](https://docs.github.com/ja/code-security/dependabot/working-with-dependabot) はプロジェクト内の依存関係のバージョンを上げるPull Requestを自動で作成してくれるサービスです。
[takeokunn/blog](https://github.com/takeokunn/blog) ではnpmとGitHub Actionsのみ依存パッケージを管理しているので次のように設定しました。

```yaml
version: 2
updates:
  - package-ecosystem: npm
    directory: /
    schedule:
      interval: weekly
    target-branch: main
  - package-ecosystem: github-actions
    directory: /
    schedule:
      interval: weekly
```

基本的に開発用ツールのみ管理していて本番への影響がない為、mainに直接mergeして配信するようにしています。
逐一Pull Requestをmergeするのが面倒な為 [.github/workflows/auto_merge.yml](https://github.com/takeokunn/blog/blob/main/.github/workflows/auto_merge.yml) を作成して、CIが通ったら自動でmergeするしくみも作っています。


## 今後の展望 {#今後の展望}

記事を執筆する時に必要な機能と公開までのワークフローを整えられました。
さらに自動化できるところがないか模索しつつ技術記事を継続的に執筆していきたいです。


## Backlinks {#backlinks}

-   [2023年のorg-mode活用と今後の抱負]({{< relref "20240112071806-my_relationship_with_org_mode_in_2023_and_how_navigate_in_2024" >}})
-   [org-roam-ui-liteでblogの関係性を可視化する]({{< relref "20250511015532-host_org_roam_ui_lite" >}})
-   [プロポーザルの出し方・心構え]({{< relref "20250722020425-proposal_guide" >}})
-   [はてなブックマークコメント非表示にした]({{< relref "20250709113618-disable_hatena_bookmark_comment" >}})

--------------------------------------------------------------------------------
title: "2023年小田原旅行記"
date: "2023-10-30"
--------------------------------------------------------------------------------

## Introduction {#introduction}

2023年10月27日から1泊2日で小田原に夏休みを利用して旅行しました。
ノープラン要素、適当要素、他人に迷惑をかける要素が存分に含まれているので、迷惑をかけた方本当にすみませんでした。
写真や情報は適宜追加していきます。


## 旅行の流れ {#旅行の流れ}


### 経緯 {#経緯}

きっかけは [他社と合同勉強会をやっている事例](https://zenn.dev/neinc_tech/articles/event-with-linkage) を見ていた自分が「俺もやりてー」ってツイートしたことでした。(元ツイは[こちら](https://twitter.com/takeokunn/status/1683479288106872838))

{{< figure src="/images/CBB820AE-94C9-49B3-B0BD-73F4A59223D8.png" >}}

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">やりゃすか‼️</p>&mdash; あすみ (@asumikam) <a href="https://twitter.com/asumikam/status/1683482937608617985?ref_src=twsrc%5Etfw">July 24, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

合同勉強会の詳細は対外的な記事にまとめるつもりなのでそちら参照してほしいですが、あすみさんと自分の会社はお互い物流関係のシステムを作っているいわば提携先で、絶対おもしろくなるんじゃないかということで開催することにしました。
ちなみに自分はあまりにもこういう「調整作業」が苦手すぎて下準備をほぼすべてをあすみさんにやってもらいました。
「ちゃんと御社側の名簿を作ってありがとう」と褒められる程度の仕事と、居酒屋の予約を取る時に「頑張れ！!!!君なら絶対やりとげられる！!!」とgoogle meets越しに応援する程度の仕事はしました。

[蒲田温泉で前夜祭（PHPカンファレンス非公式）](https://connpass.com/event/296001/)の小田原魅力LTを聞いてしまってからは、勉強会というよりも小田原旅行に行くのが目的になっていたかもしれません。

<iframe class="speakerdeck-iframe" frameborder="0" src="https://speakerdeck.com/player/974a6ef2b91d4e8e8f06f757e9725018" title="温泉紹介します〜小田原からきました〜" allowfullscreen="true" style="border: 0px; background: padding-box padding-box rgba(0, 0, 0, 0.1); margin: 0px; padding: 0px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 40px; width: 100%; height: auto; aspect-ratio: 560 / 315;" data-ratio="1.7777777777777777"></iframe>


### 初日（昼） {#初日-昼}

「わからんけど多分朝から行くわ」と伝えておきながら前日朝3時まで飲んでいたので当然起きられる訳もなく、11時半くらいの新宿発ロマンスカーに乗って小田原にいきました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">いざ <a href="https://t.co/zpHl3KqqnB">pic.twitter.com/zpHl3KqqnB</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1717727956158885929?ref_src=twsrc%5Etfw">October 27, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

気分はこれから温泉旅館で缶詰になって執筆をする文豪のそれでした。ロマンスカーは座れるし充電もできるし車窓も良いので楽しいですね。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">かつて明治大正時代の文豪もロマンスカーで浪漫を感じながら箱根湯本に行ってたんだろうなーと思うと胸が熱くなる</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1717736579324903680?ref_src=twsrc%5Etfw">October 27, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">たのしい <a href="https://t.co/fWIFtplAck">pic.twitter.com/fWIFtplAck</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1717745279041204347?ref_src=twsrc%5Etfw">October 27, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">ついたー <a href="https://t.co/dBbsZmuYF6">pic.twitter.com/dBbsZmuYF6</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1717747701209797080?ref_src=twsrc%5Etfw">October 27, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

12時半ごろ小田原についたので、あすみさんと[まきさん](https://twitter.com/_mkmk884)と合流してお勧めのオシャレな定食屋にいきました。
イベントやTwitterでは話したことはあったものの、よくよく考えたら面と向かってゆっくり話したことがなかったので「練馬は地球の中心であることを忘れるな」「HIKAKINさんにはちゃんと"さん"をつけろ」「普通盛りは入場券なので大盛りがデフォルト」あたりのことを熱弁しました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">きた！！！ <a href="https://t.co/ZCn9G0OZR0">pic.twitter.com/ZCn9G0OZR0</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1717767556021522852?ref_src=twsrc%5Etfw">October 27, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

その後、噂のガンダムSeedっぽいロゴのBarを聖地巡礼してオフィスに向かい、16時ころまで解散になりました。

{{< figure src="/images/FAD38213-32F8-496E-9719-DAC9B56A49A4.png" >}}

小田原城のざっくりの方角を教えてもらったので、とりあえず小田原に来たからには小田原城だよなということで行ってきました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">ニンジャ！！ <a href="https://t.co/rEk1aSeqWS">pic.twitter.com/rEk1aSeqWS</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1717769327292928507?ref_src=twsrc%5Etfw">October 27, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">楽しい <a href="https://t.co/3amizArG8o">pic.twitter.com/3amizArG8o</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1717769763232035131?ref_src=twsrc%5Etfw">October 27, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

途中でアイスが食べたくなってしょうがなくseventeen iceを衝動的に買ってしまったのですが、少し歩くとちゃんとした売店がありました。腹いせに団子を食べました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">ごめん <a href="https://t.co/eOXDVx4l3K">pic.twitter.com/eOXDVx4l3K</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1717770594455052394?ref_src=twsrc%5Etfw">October 27, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">アイス買った後にアイス屋があるとは思わんじゃん <a href="https://t.co/VmCfNp0LJa">pic.twitter.com/VmCfNp0LJa</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1717771055123877960?ref_src=twsrc%5Etfw">October 27, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">デブの力を見せる時が来た <a href="https://t.co/wYSd0BiLal">pic.twitter.com/wYSd0BiLal</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1717772370885353765?ref_src=twsrc%5Etfw">October 27, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">三段腹があれば別腹判定になる</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1717772833454211370?ref_src=twsrc%5Etfw">October 27, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

その後天守閣の登って展示物を楽しみ、頂上からの景色を堪能しました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">最高の景色だなー <a href="https://t.co/ggf5FhKhzs">pic.twitter.com/ggf5FhKhzs</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1717777384236372096?ref_src=twsrc%5Etfw">October 27, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">楽しかった <a href="https://t.co/Sd2pQhdQUh">pic.twitter.com/Sd2pQhdQUh</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1717780347059114389?ref_src=twsrc%5Etfw">October 27, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

「[せっかく海に来たんだから海に行こうぜ](https://dic.nicovideo.jp/a/%E8%AC%8E%E4%BC%9A%E8%A9%B1)」ということで海に来たので海にいきました。さすがに10月終わりの海を1人で泳ぐ度胸はなかったです。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">夏休みだから海に来た！泳ぐぞ！！ <a href="https://t.co/ENIkSLlICy">pic.twitter.com/ENIkSLlICy</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1717785752229306730?ref_src=twsrc%5Etfw">October 27, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


### 初日（勉強会） {#初日-勉強会}

小田原の商店街をぶらぶらして、16時過ぎにNE社のオフィスに戻りました。
1階は [Aruyo](https://aruyo.me/) というコワーキングスペースで2階3階はHameeとNEの合同オフィスでした。

写真は撮っていないのですが、オフィスの内装はオシャレかつ遊び心があり、池袋の雑居ビルに普段出勤している自分にはこんなにも違うものなのか、いっそのこと転職するかと本気で悩まされました。([大丈夫? カジュ面する？](https://twitter.com/asumikam/status/1717324123591041030))
立派なキッチンもあったのでいつか出張料理人ごっこしに行きたいです。

オフィスが2つあることを知らずにオフライン参加の同僚に間違った場所を教えてしまったり、LT発表をする同僚にそもそもオンラインで参加しても良いということを伝え忘れてしまってわざわざ来てもらうことになってしまったり当日もいっぱいやらかしました。
とはいえ、LT大会も懇親会もどちらも大成功で常に明るい雰囲気が流れていたかなということで安心しました。
「ロケ」「出庫検品」などの物流専門用語が通じるのもあってコミュニケーションがスムーズだったのも要因の1つだったと思っています。
どの会社も同じような悩みを抱えているんだなーという安心感を得られるのが合同勉強会の一番の魅力かもしれませんね。


### 初日（懇親会〜2次会） {#初日-懇親会-2次会}

懇親会場所は[ふわり](https://tabelog.com/kanagawa/A1409/A140901/14030339/)という海鮮居酒屋でした。

懇親会は弊社側は4人NE社側は6人くらいの飲み会でした。
刺身は東京の居酒屋の数段上で明らかにおいしいなと感じました。 ~~これもあすみさんが居酒屋の予約を取る時に「頑張れ!!!!君なら絶対やりとげられる!!!」と精一杯応援した自分のお陰かな~~

店員さんがどう考えてもディズニーのキャスト出身だろってくらいノリの良い人でおもしろさに正直嫉妬していました。

序盤は仕事の真面目な話、中盤以降は自分と[jin_siro](https://twitter.com/jin_siro)で半分以上を置いてけぼりにするトークを展開してしまいました。
調子乗ってすみませんでした。 ~~俺達最高に輝いてたよな~~

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">at neさん<br>昨日の飲み会は一生俺達のターンで話続けてすみませんでした</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1718164516121506245?ref_src=twsrc%5Etfw">October 28, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

懇親会は11時くらいに解散し、2次会は[目利きの銀次](https://tabelog.com/kanagawa/A1409/A140901/14061580/)にいきました。
メンバーは自分、[jin_siro](https://twitter.com/jin_siro)、たろーさん（同僚）、[あすみさん](https://twitter.com/asumikam)、[まきさん](https://twitter.com/_mkmk884)、[きんじょうさん](https://twitter.com/o0h_) の6人でした。
酔っぱらってあまり何を話したのか覚えていませんが、きっといつも通り支離滅裂な話をしてたんだと思います。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">練馬には練馬湾があって練馬山もあってねりマグロもあるらしい</p>&mdash; あすみ (@asumikam) <a href="https://twitter.com/asumikam/status/1717960102131765556?ref_src=twsrc%5Etfw">October 27, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">バキの話<br>甲斐性の話<br>たけてぃがサーモンくれた<br>ねりマグロ</p>&mdash; あすみ (@asumikam) <a href="https://twitter.com/asumikam/status/1718789364652937251?ref_src=twsrc%5Etfw">October 30, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">昨日さぞ楽しかったのか、高校時代の友達と何の後腐れも騒いで笑ってる夢を見た<br>しばしば言われる「当時は酒なんか飲まなくても十分だった」みたいなやつを感じる</p>&mdash; 今日も誰かのにちようび(おいしい鮭親子丼) (@o0h_) <a href="https://twitter.com/o0h_/status/1718074709601067191?ref_src=twsrc%5Etfw">October 28, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

盛り上りに盛り上がって午前2時過ぎに解散して、我々同僚3人は[万葉の湯](https://www.manyo.co.jp/odawara/)に宿泊しました。


### 2日目 {#2日目}

万葉の湯で仮眠を取って朝7時に起床しました。9時チェックアウトで暇だったので朝サウナに入り、風呂上がりにジャイアントキリングを読んでました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">昨日は朝2時半くらいまで飲んで温泉泊まって目が覚めた</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1718027122483343748?ref_src=twsrc%5Etfw">October 27, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">幸せとは星が降る夜と朝サウナ後に飲むコーヒー牛乳</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1718039166783832399?ref_src=twsrc%5Etfw">October 27, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

どこも10時以降に開くっぽかったので、とりあえずタリーズで作戦会議をしていました。
駄弁っている時に鳥取県はカレールー消費量が多いという今後の人生で訳に立たなさそうな情報を得ました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">朝タリーズで作戦会議してる</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1718062347309429213?ref_src=twsrc%5Etfw">October 28, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

小田原の旨い飯屋を前日に聞いていたにかかわらず、僕等は鳥頭なので酒を飲みすぎて完全に忘れてしまっていたのでとりあえずあすみさんを招集しました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">おはよう<br>今タリーズを出てたろうさんのコンタクトを調達しようとしてるとこだけど昼飯行く？</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1718071207839531310?ref_src=twsrc%5Etfw">October 28, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

12時ごろにこれそうとのことだったので、とりあえず小田原を適当にぶらぶらして目につくものにひたすら突っ込みを入れ続けていました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">この扉で自動は無理だろ <a href="https://t.co/BT4DuPsoA3">pic.twitter.com/BT4DuPsoA3</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1718081381929206171?ref_src=twsrc%5Etfw">October 28, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">読めなさすぎる <a href="https://t.co/Hf82gQf0zW">pic.twitter.com/Hf82gQf0zW</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1718086954452189530?ref_src=twsrc%5Etfw">October 28, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">小田原城にガチ装備のグリーンベレーの精鋭100人で攻めたら落とせるのかって話しながら散歩してる</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1718090670458696012?ref_src=twsrc%5Etfw">October 28, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

その後合流して[おさしみ天国・小田原海鮮ゴーゴー](https://tabelog.com/kanagawa/A1409/A140901/14077718/)にいきました。どうでも良い話をしすぎて何を話したのか覚えてないですが、目黒のさんまとか落語の話をしてた気がします。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">きた <a href="https://t.co/EnIv81V12i">pic.twitter.com/EnIv81V12i</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1718107537470611727?ref_src=twsrc%5Etfw">October 28, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="zxx" dir="ltr"><a href="https://t.co/TqiEo5MnqP">pic.twitter.com/TqiEo5MnqP</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1718113218768597293?ref_src=twsrc%5Etfw">October 28, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">ポケットモンスター 肩の力抜き方/肩の力入れ方</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1718243125469352098?ref_src=twsrc%5Etfw">October 28, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

その後早川の方まで1時間くらい散歩をしてかき氷を食べました。確か「最近宗教ってアプデ入っていないけどキリスト教は割と入っている方だよね」とかどうでも良い話ばっかしてたと思います。

<blockquote class="twitter-tweet"><p lang="zxx" dir="ltr"><a href="https://t.co/H47yRyoj5c">pic.twitter.com/H47yRyoj5c</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1718144493512503406?ref_src=twsrc%5Etfw">October 28, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

その後早川駅まで歩き小田原にいったん戻り、新宿〜練馬まで帰りました。2日で5万歩くらい歩いている中、池袋にチャリを置きっぱなしだったのでし方がなくチャリに乗って帰りました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">昨日同様今日もずーーーーーーーっと中身のない話を熱量込めて話続けてたから喉が枯れてる</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1718164147882586254?ref_src=twsrc%5Etfw">October 28, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">池袋着いたのでこっからチャリで30分 <a href="https://t.co/hHWfxLMIMU">pic.twitter.com/hHWfxLMIMU</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1718193860755755046?ref_src=twsrc%5Etfw">October 28, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">無事家に着きました</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1718210805525803138?ref_src=twsrc%5Etfw">October 28, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


## 総評 {#総評}

勉強会の為に行ったのに本当にどうでも良い話しかしてなかった。楽しかった。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">小田原いる間常に楽しかった</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1718237208245874899?ref_src=twsrc%5Etfw">October 28, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">人間パソコンばっかせずにたまには旅行した方がいいんだな</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1718177692686905577?ref_src=twsrc%5Etfw">October 28, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


## おまけ {#おまけ}

ボボボーボ・ボーボボは `gzip` で圧縮効率が良い。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">なるほど… <a href="https://t.co/sadZYLSaqT">pic.twitter.com/sadZYLSaqT</a></p>&mdash; にゃんだーすわん (@tadsan) <a href="https://twitter.com/tadsan/status/1718181391626867194?ref_src=twsrc%5Etfw">October 28, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

--------------------------------------------------------------------------------
title: "PHP Exceptionのpropertyにあるcodeはuser-defined error code"
date: "2023-08-01"
--------------------------------------------------------------------------------

## Introduction {#introduction}

仕事でPHPStanの修正をしている時、 `Exception` classのconstructorでcodeを指定しているコードに出くわした。
`Exception` におけるcodeの扱いについて記述している記事がなかったので [php/php-src](https://github.com/php/php-src) のコードにあたってみた。


## 簡易的な調査 {#簡易的な調査}


### Interface定義 {#interface定義}

php.netのUser Contributed Notesに次のような記述がある。
<https://www.php.net/manual/en/language.exceptions.php#91159>

```php
<?php

interface IException
{
    /* Protected methods inherited from Exception class */
    public function getMessage();                 // Exception message
    public function getCode();                    // User-defined Exception code
    public function getFile();                    // Source filename
    public function getLine();                    // Source line
    public function getTrace();                   // An array of the backtrace()
    public function getTraceAsString();           // Formated string of trace

    /* Overrideable methods inherited from Exception class */
    public function __toString();                 // formated string for display
    public function __construct($message = null, $code = 0);
}
```

`code` とは `User-defined Exception code` と書いてあるとおり、ユーザー側が任意の数値を入れられる。

PHPStanを実行すると次のような型として認識されているようだ。

```php
public function __construct(string $message = null, int $code = 0);
```


### php-srcコードリーディング {#php-srcコードリーディング}

Exceptionの定義は以下。

[Zend/zend_exceptions.c#L303-L330](https://github.com/php/php-src/blob/3d5f2394741815ab2166bddd25f31f3958dc2895/Zend/zend_exceptions.c#L303-L330):

```c
/* {{{ Exception constructor */
ZEND_METHOD(Exception, __construct)
{
        zend_string *message = NULL;
        zend_long   code = 0;
        zval  tmp, *object, *previous = NULL;
        zend_class_entry *base_ce;

        object = ZEND_THIS;
        base_ce = i_get_exception_base(Z_OBJ_P(object));

        if (zend_parse_parameters(ZEND_NUM_ARGS(), "|SlO!", &message, &code, &previous, zend_ce_throwable) == FAILURE) {
                RETURN_THROWS();
        }

        if (message) {
                ZVAL_STR(&tmp, message);
                zend_update_property_ex(base_ce, Z_OBJ_P(object), ZSTR_KNOWN(ZEND_STR_MESSAGE), &tmp);
        }

        if (code) {
                ZVAL_LONG(&tmp, code);
                zend_update_property_ex(base_ce, Z_OBJ_P(object), ZSTR_KNOWN(ZEND_STR_CODE), &tmp);
        }

        if (previous) {
                zend_update_property_ex(base_ce, Z_OBJ_P(object), ZSTR_KNOWN(ZEND_STR_PREVIOUS), previous);
        }
}
/* }}} */
```

C言語的には `code` は `long long` で定義されている。

[Zend/zend_long.h#L32](https://github.com/php/php-src/blob/3d5f2394741815ab2166bddd25f31f3958dc2895/Zend/zend_long.h#L32):

```c
typedef int64_t zend_long;
```

Exceptionが提供しているmethodは `getCode` のみ。

[Zend/zend_exceptions.c#L441-L452](https://github.com/php/php-src/blob/3d5f2394741815ab2166bddd25f31f3958dc2895/Zend/zend_exceptions.c#L441-L452):

```c
/* {{{ Get the exception code */
ZEND_METHOD(Exception, getCode)
{
        zval *prop, rv;

        ZEND_PARSE_PARAMETERS_NONE();

        prop = GET_PROPERTY(ZEND_THIS, ZEND_STR_CODE);
        ZVAL_DEREF(prop);
        ZVAL_COPY(return_value, prop);
}
/* }}} */
```


## 使用例 {#使用例}

次のように取得できる。
プロジェクト内でエラーコードをintegerで統一できているなら使い道がありそう。

```php
const ERROR_CODE = 10;

try {
    throw new \Exception(null, ERROR_CODE);
} catch (\Exception $e) {
    var_dump($e->getCode());
}
```

```text
int（10）
```

PHPUnitでcodeを元にexcepionする関数 `TestCase#expectExceptionCode` が生えているのでテスト時に使えそう。
<https://github.com/sebastianbergmann/PHPUnit/blob/main/src/Framework/TestCase.php#L430-L433>

--------------------------------------------------------------------------------
title: "「PHP Lovers Meetup vol.0 ~ はじまりは<?phpから」に参加しました"
date: "2023-07-10"
--------------------------------------------------------------------------------

## Introduction {#introduction}

2023/07/10（Mon）に行われた「PHP Lovers Meetup vol.0 ~ 始まりは&lt;?phpから」に参加しました。

-   connpass
    -   <https://php-lovers-meetup.connpass.com/event/280822/>
-   togetter
    -   <https://togetter.com/li/2184479>
-   repo
    -   <https://github.com/brefphp/bref>

PHP-DIやBrefの作者として有名な [@matthieunapoli](https://twitter.com/matthieunapoli) 氏が来日するということで [@seike460](https://twitter.com/seike460) 氏も福岡から招き、サーバレスフレームワークについて語っていただきました。
自分はBrefを使ったことがないのでBref本体のコードをダラダラ読みながら登壇を聞いていました。


## 会場の雰囲気 {#会場の雰囲気}

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">来た <a href="https://twitter.com/hashtag/phplovers?src=hash&amp;ref_src=twsrc%5Etfw">#phplovers</a> <a href="https://t.co/XU6jAZqOiw">pic.twitter.com/XU6jAZqOiw</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1678341916965113861?ref_src=twsrc%5Etfw">July 10, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

会場は40〜50人程度いて、phpカンファレンスで見慣れた方だらけでした。

<blockquote class="twitter-tweet"><p lang="en" dir="ltr">The PHP meetup in Tokyo was an absolute blast!<br>We went from zero code to 1000 requests/second with Laravel in minutes.<br>In the 2nd talk I discovered how Bref is used at a Japanese company.<br>Incredibly friendly vibes, thanks for the warm welcome! And thanks <a href="https://twitter.com/chatii?ref_src=twsrc%5Etfw">@chatii</a> for inviting me! <a href="https://t.co/ghDixRZi5q">pic.twitter.com/ghDixRZi5q</a></p>&mdash; Matthieu Napoli (@matthieunapoli) <a href="https://twitter.com/matthieunapoli/status/1678565763995807744?ref_src=twsrc%5Etfw">July 11, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

直近[ゴリラvim](https://gorillavim.connpass.com/event/283937/)でも来たのでpixiv社にはお世話になりっぱなしですね。


## トーク内容 {#トーク内容}


### 1000 requests per second with PHP, serverless and 10 yen @matthieunapoli {#1000-requests-per-second-with-php-serverless-and-10-yen-matthieunapoli}

※ 資料は見つけ次第貼ります。

matthieunapoli氏はphperであってsysadminではないのでserverlessを選択したという話を冒頭でしていました。
なるほど、サーバレスはアプリケーションエンジニア向けコンテンツだよなぁというのを新ためて感じさせられました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">俺がbusyな時もコンテナみたいに自分が追加されないかな</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1678349461557497857?ref_src=twsrc%5Etfw">July 10, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

`composer create-project` からlaravel構築し数分でdeployが完了する世界観はすばらしいですね。
しかもECSよりも格段に安いというのは魅力的です。

PHPStanのplaygroundもBrefで動いているというのは初耳でした。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr"><a href="https://twitter.com/hashtag/phplovers?src=hash&amp;ref_src=twsrc%5Etfw">#phplovers</a> brefで動いてるんだ<a href="https://t.co/j2irKh9KzA">https://t.co/j2irKh9KzA</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1678353000505692160?ref_src=twsrc%5Etfw">July 10, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


### AWS Lambda in production with Bref @seike460 {#aws-lambda-in-production-with-bref-seike460}

※ 資料は見つけ次第貼ります。

実案件でBrefを使った時にどう楽だったのかという話をしていました。
アプリケーションエンジニアだけでHerokuのようなノリでdeployできちゃうBrefは本当に便利だなというのが伝わってきました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">え、サーバレスを全てワンオペしている私を解雇ですか？ <a href="https://twitter.com/hashtag/phplovers?src=hash&amp;ref_src=twsrc%5Etfw">#phplovers</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1678365395709997062?ref_src=twsrc%5Etfw">July 10, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

本番デバッグする時どうしているのかといわれたらログを見るかSentryのようなツールを入れるかという選択になるのはまーそうだよなという感じでした。


## 懇親会 {#懇親会}

今回もhanhanさんに ****熱烈なファン**** として「今週のPHPを今週読めることをずっと待ってます」ということを伝えられてよかったです。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">hanhanさんに自己破産を勧められて良い日だった</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1678402753343700994?ref_src=twsrc%5Etfw">July 10, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

げんえいさんと話して、カオナビ社はPHPStanのlevelを5に上げたということを聞いてしまい、自分の会社のプロダクトも負けてられないという気持ちが高まりました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">カオナビさんのphpstanのlevelが5になったという話を聞いて負けてられない!!!!!!!!!!!!という熱い思いが芽生えた</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1678418964915933192?ref_src=twsrc%5Etfw">July 10, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

会場にいた新卒の方にEmacsについて語っていたのですが、こういうのはよくないような気がするので今後自重します。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">テキストエディタの話をするとニチャアってする悪い癖が出た</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1678404159291236353?ref_src=twsrc%5Etfw">July 10, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

後日談ですが、Twitterで静的解析あたりについて話すイベントを開催したいよねという話が出たのでもしかしたら企画するかもしれません。


## 感想 {#感想}

登壇してくれた御二方はもちろんのこと、すばらしいイベントを企画していただいた [@chatii](https://twitter.com/chatii) 氏、 [@tadsan](https://twitter.com/tadsan) 氏、 [@hanhan1978](https://twitter.com/hanhan1978) 氏に本当には感謝しています。
結局将来的にサーバレスが世界を席巻するんだろうなとBrefの話を聞いて本気で思ったので、少しずつ勉強していかなければなと思わされました。

PHP Lovers Meetup続編期待しています。

--------------------------------------------------------------------------------
title: "Emacs内でgpg fileがsaveできなくなった時に対応したことメモ"
date: "2023-06-24"
--------------------------------------------------------------------------------

## Introduction {#introduction}

自分用のメモです。
何もしていないのに急にgpg fileがEmacsでsaveできなくなったので調査した。


## 再現手順 {#再現手順}

1.  MacでEmacsを起動する
2.  Emacsでgpg fileを開く
3.  適当に編集する
4.  `C-x C-s` で `save-buffer` を実行するとsaveできずにhangする


## 原因について {#原因について}

「[emacs org-encrypt-entry hangs when file is modified - stackoverflow](https://stackoverflow.com/questions/76388376/emacs-org-encrypt-entry-hangs-when-file-is-modified)」に同様の問題が投稿されていました。

Emacsのcommitに次のような記述が追加されていました。
[https://git.savannah.gnu.org/cgit/emacs.git/commit/?h=emacs-29&amp;id=1b9812af80b6ceec8418636dbf84c0fbcd3ab694](https://git.savannah.gnu.org/cgit/emacs.git/commit/?h=emacs-29&id=1b9812af80b6ceec8418636dbf84c0fbcd3ab694)

```text
diff --git a/etc/PROBLEMS b/etc/PROBLEMS
index c0cb5b0..82ab48f 100644
--- a/etc/PROBLEMS
+++ b/etc/PROBLEMS
@@ -516,6 +516,13 @@ directory copy is ineffective.
 This is due to an arbitrary limit in certain versions of awk.
 The solution is to use gawk (GNU awk).

+*** Saving, via EasyPG, a file encrypted with GnuPG hangs
+
+This is known to happen with GnuPG v2.4.1.  The only known workaround
+is to downgrade to a version of GnuPG older than 2.4.1 (or, in the
+future, upgrade to a newer version which solves the problem, when such
+a fixed version becomes available)
+
 ** Problems with hostname resolution

 *** Emacs does not know your host's fully-qualified domain name.
```

これによると、GnuPGのversionを下げることによってsave時にhangすることを防げるようです。
自分の手元では `2.4.0` を使っていますが、同様の問題が起きました。

Homebrewで入れる場合はちゃんとlogin shellにパスを通してあげる必要があります。
[https://github.com/takeokunn/dotfiles/commit/55813ec0e37d78a0965a8736b9ff868c6d3bb64a](https://github.com/takeokunn/dotfiles/commit/55813ec0e37d78a0965a8736b9ff868c6d3bb64a)


## 対応方法 {#対応方法}

2023/06/24現在、Homebrewで最新のgpgを入れると `v2.4.0` が降ってきます。

```shell
$ gpg --version
gpg (GnuPG) 2.4.0
```

次のようにGnuPGのversionを下げます。

```shell
$ brew uninstall --ignore-dependencies gpg
$ brew install gnupg@2.2
```

versionを確認する。

```shell
$ gpg --version
gpg (GnuPG) 2.2.41
```

適当なファイルをsaveができればこの問題は解決。


## Backlinks {#backlinks}

-   [GnuPG 2.4.4でEmacsで発生していたバグ修正された]({{< relref "20240127163627-fix_emacs_gpg_bug" >}})

--------------------------------------------------------------------------------
title: "phpカンファレンス福岡2023に参加してきました"
date: "2023-06-24"
--------------------------------------------------------------------------------

## Introduction {#introduction}

2023/6/24(土）に行われたphpconference福岡に参加してきました。
<https://phpcon.fukuoka.jp/2023/>

今回は2023/6/23(金）〜2023/6/26(月）の3泊4日の旅行でした。


## TL;DR {#tl-dr}

-   福岡旅行超楽しかった
-   普段Twitterでしか会えないPHPerと会えた
-   イベント運営、登壇者、スポンサーに圧倒的感謝


## 1日目 移動〜前夜祭 {#1日目-移動-前夜祭}


### 飛行機〜宿 {#飛行機-宿}

普段一切旅行しないので同僚に相談したところ、新幹線よりもLCCの方が圧倒的に安いという話をされました。
池袋〜成田までは高速バスに乗って向かいました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">早速成田第3ターミナルで降りなくちゃいけないところを第1ターミナルで降りてしまった <a href="https://t.co/MJsNzHtfVh">pic.twitter.com/MJsNzHtfVh</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672062327317991425?ref_src=twsrc%5Etfw">June 23, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">福岡行くぞー <a href="https://t.co/p5VdoNpOqC">pic.twitter.com/p5VdoNpOqC</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672076389707829252?ref_src=twsrc%5Etfw">June 23, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

福岡着後、ららぽーとに向かうバスに乗ろうとしたら当然乗るものを間違えて博多駅行きに乗ってしまっていました。
[移動手段は電車よりもバス！福岡の交通あるある３選](https://fukuoka-leapup.jp/common/202005.70) にもある通り、福岡のバスは複雑怪奇で苦労しました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">福岡νガンダム！！！！！ <a href="https://t.co/ht2VfDhGSG">pic.twitter.com/ht2VfDhGSG</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672131507232866305?ref_src=twsrc%5Etfw">June 23, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">νガンダムを見れたし福岡旅行完！！<br>お疲れ様でした！！</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672132809006419969?ref_src=twsrc%5Etfw">June 23, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

ららぽーとから宿に向かう途中、知らない不動産勧誘の人からあおられるなどのランダムイベントがありました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">不動産勧誘「おにいさんちょっといいですか?」<br>俺「なんすか?」<br>不「正社員で年収300万以上だったりします?」<br>俺「俺フリーターすけど...(嘘」<br>不「あーーーやっぱりかーーーーすんません大丈夫っす」<br><br>何が「やっぱり」だよふざけんなって福岡初日キレてた</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1673665483114004484?ref_src=twsrc%5Etfw">June 27, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

宿は一泊3900円のカプセルホテルで人権がないところでした。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">今晩の宿です<br>対戦よろしくお願いします <a href="https://t.co/uDQfvJA8sw">pic.twitter.com/uDQfvJA8sw</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672173040078290944?ref_src=twsrc%5Etfw">June 23, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

大浴場に脱衣場がなく、宿内は半裸で歩いているおじさんだらけで「これが安宿か。..!」と思わされました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">脱衣場がない脱衣所がない言ってるけどまじでこんな感じの間取り <a href="https://t.co/B9ArYX5VcH">pic.twitter.com/B9ArYX5VcH</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672776891496022017?ref_src=twsrc%5Etfw">June 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

知らない街の散歩は楽しいですね。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">昨日撮った博多の自販機 <a href="https://t.co/kJJlWwol8u">pic.twitter.com/kJJlWwol8u</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672548570745167872?ref_src=twsrc%5Etfw">June 24, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

ちなみに会社で「人権がない宿泊まっている」ということを言ったら、以下のような話をされて「お前の泊まった宿は十分に人権がある」ということをつきつけられました。

-   ロドス島からアテネ行きの船に乗った時に、甲板の上で12時間過ごす。船の上で一晩過ごす必要があり、ラウンジで寝てようと思ったら、そのチケットでは入れないといわれて、追い出された。夜の気温が10度以下で、めっちゃつらかった。
-   福岡空港最寄りのドミトリー、普通の二段ベッドとカーテンで仕切られているだけの刑務所仕様。そして夜は爆音いびきのハーモニー。
-   中国の安宿は、経験の少ない若者が経営していることがあって、風呂の設計が悪くて排水がうまくいかず、脱衣場まで水浸し。ということがありましたね。
-   僕はダニ耐性が非常に高いらしく、南京虫の卵だらけのベッドで寝てたとかですかね。一回もさされてないので。


### 前夜祭 {#前夜祭}

「(非公式）PHPカンファレンス福岡前夜祭」に主催者側として参加しました。
<https://connpass.com/event/282285/>

主催者といっても、LINE福岡の皆様が全部やってくれたので、ピザを運ぶ程度しかしてないです。本当にありがとうございました。

イベントは以下の3本柱で行われていました。

-   IRT
-   LT
-   懇親会

IRTでは「会社でやっている業務の話」や「静的解析について」などを話しました。
社内自作FWを使ってWeb開発をしている話とか、PHPStan導入に苦労している話などをしました。

LTでは「スクラムについて」「巨大なソースコードの読み方について」「勉強会への熱意について」を聞いていました。
自分は勉強会に対してあまり熱量が高い方ではないので、ただただ凄さに圧倒されました。

懇親会ではhanhanに「今週のphpについて期待してますよ！」と圧をかけられてよかったです。
いつも応援してますよ！!!
<https://zenn.dev/hanhan1978>


## 2日目 カンファレンス当日 {#2日目-カンファレンス当日}


### 会場の雰囲気 {#会場の雰囲気}

PHPカンファレンス福岡は福岡ファッションビルで行われました。

<blockquote class="twitter-tweet"><p lang="qme" dir="ltr"><a href="https://twitter.com/hashtag/phpconfuk?src=hash&amp;ref_src=twsrc%5Etfw">#phpconfuk</a> <a href="https://t.co/irp4ct2G7w">pic.twitter.com/irp4ct2G7w</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672409003471831040?ref_src=twsrc%5Etfw">June 24, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

会場はかなり広く、たくさんの人が来ていました。
会場内にwifiがなくて少々苦労しましたがスマートフォンのテザリングを駆使してなんとかなりました。格安SIMユーザーにはつらいですね。

ちなみに目の前にあるラーメン屋の[一双](http://www.hakata-issou.com/)は常に混んでいました。


### 推し登壇 {#推し登壇}


#### レガシーコードの回避のPHP開発術: 保守性の高いアプリケーションを作る方法 @hanhan1978 {#レガシーコードの回避のphp開発術-保守性の高いアプリケーションを作る方法-hanhan1978}

<https://fortee.jp/phpconfukuoka-2023/proposal/3c651de4-9926-453a-98d2-69b71bb194e1>

<iframe class="speakerdeck-iframe" frameborder="0" src="https://speakerdeck.com/player/1d1ca7565f9a4d63ab9937e5d6654001" title="レガシー回避のPHP開発術/avoid_php_legacy" allowfullscreen="true" style="border: 0px; background: padding-box padding-box rgba(0, 0, 0, 0.1); margin: 0px; padding: 0px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 40px; width: 100%; height: auto; aspect-ratio: 560 / 315;" data-ratio="1.7777777777777777"></iframe>

感想を語るのもおこがましくなるほどあまりにも良い発表でした。
レガシーコードを扱っている人が全員読んでほしい登壇内容です。

次のPHPカンファレンスでガッツリレガシーコードとの向き合い方について話すつもりなので楽しみにしてください。

また、自分はただ「がんばるぞ」という気合と根性でしか働いてないことを実感しました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">こういうメンタリティでしか働いてない <a href="https://t.co/fNUGskLaH5">pic.twitter.com/fNUGskLaH5</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672209845892833280?ref_src=twsrc%5Etfw">June 23, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


#### The future of tbls and "Documentation as Code" @k1LoW {#the-future-of-tbls-and-documentation-as-code-k1low}

<iframe class="speakerdeck-iframe" frameborder="0" src="https://speakerdeck.com/player/c3e32de991514528bd0fc2f9fdda3026" title="The future of tbls and &quot;Documentation as Code&quot; / phpconfuk 2023" allowfullscreen="true" style="border: 0px; background: padding-box padding-box rgba(0, 0, 0, 0.1); margin: 0px; padding: 0px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 40px; width: 100%; height: auto; aspect-ratio: 560 / 315;" data-ratio="1.7777777777777777"></iframe>

`Documentation as Code` はちょうど自分の中でテーマだったので新ためて重要性を感じた。
最近文芸的プログラミングについての長文ブログを書いているところだったのでちょうど良かったテーマだった。

k1Lowさんはorg-mode使わないのかなという疑問は残る。


### 登壇 {#登壇}

自分用のメモを雑に書いています。


#### 伝えたい！ オフラインのカンファレンスに参加するメリットと参加してから200 楽しむために実践してほしいこと @kotomin {#伝えたい-オフラインのカンファレンスに参加するメリットと参加してから200-楽しむために実践してほしいこと-kotomin}

<https://fortee.jp/phpconfukuoka-2023/proposal/89740c79-2aca-440d-94e2-f227de3a6eb4>

<iframe class="speakerdeck-iframe" frameborder="0" src="https://speakerdeck.com/player/9c2565dbbf2e4bbe8bb01b8e6cdadd17" title="伝えたい！オフラインのカンファレンスに参加するメリットと参加してから200%楽しむために実践してほしいこと" allowfullscreen="true" style="border: 0px; background: padding-box padding-box rgba(0, 0, 0, 0.1); margin: 0px; padding: 0px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 40px; width: 100%; height: auto; aspect-ratio: 560 / 315;" data-ratio="1.7777777777777777"></iframe>

「リアクションを3割増しで大きくする」というのが大事だなーと感じました。


#### フレームワークが生み出す負債や複雑さについて、PHPUnitと向き合っていく @stwile871 {#フレームワークが生み出す負債や複雑さについて-phpunitと向き合っていく-stwile871}

<https://fortee.jp/phpconfukuoka-2023/proposal/e1acbd97-9263-4edc-99b1-ed736b0fad8a>

<iframe class="speakerdeck-iframe" frameborder="0" src="https://speakerdeck.com/player/1f3b05afb6a241bea406a0a2b805b46b" title="フレームワークが生み出す負債や複雑さに対して、PHPUnitと付き合っていく" allowfullscreen="true" style="border: 0px; background: padding-box padding-box rgba(0, 0, 0, 0.1); margin: 0px; padding: 0px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 40px; width: 100%; height: auto; aspect-ratio: 560 / 315;" data-ratio="1.7777777777777777"></iframe>

「担保したい最小単位を定義する」というのが大事だなーと思いました。


#### 育成力 - エンジニアの才能を引き出す環境とチューターの立ち回り - @Y_uuu {#育成力-エンジニアの才能を引き出す環境とチューターの立ち回り-y-uuu}

<https://fortee.jp/phpconfukuoka-2023/proposal/df5f06e8-900e-4e71-94d7-d0c3cc57a0ac>

<iframe class="speakerdeck-iframe" frameborder="0" src="https://speakerdeck.com/player/5ff1c1063e0a48598cc1c3a5c41d9d18" title="育成力 - エンジニアの才能を引き出す環境とチューターの立ち回り -" allowfullscreen="true" style="border: 0px; background: padding-box padding-box rgba(0, 0, 0, 0.1); margin: 0px; padding: 0px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 40px; width: 100%; height: auto; aspect-ratio: 560 / 314;" data-ratio="1.78343949044586"></iframe>

新人研修が充実して羨しかったです。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">初めて入った会社は1人目のエンジニアだったから教育されたことがない</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672433516280451074?ref_src=twsrc%5Etfw">June 24, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


#### 脆弱性もバグ、だからテストをしよう!と唱えて8年が経ちました @cakephper {#脆弱性もバグ-だからテストをしよう-と唱えて8年が経ちました-cakephper}

<https://blog.ichikaway.com/entry/2023/06/29/phpconfuk2023>

「裏の技術は高度に、画面はシンプルに」という言葉はすばらしいですね、実践していきたいです。


#### APIシナリオテストを書くべき10の理由 @_tutida_ {#apiシナリオテストを書くべき10の理由-tutida}

<https://fortee.jp/phpconfukuoka-2023/proposal/9af6e2bc-b64a-4287-baef-ee17ddd21560>

runnを使ってyamlでAPIシナリオテストを作ることによってそのままドキュメントにもなるし、QAに投げる前の安心材料にもなる。


#### 秒間 10,000 リクエストを "簡単に" いなすゲームサーバを Laravel で作る設計 @akai_inu {#秒間-10-000-リクエストを-簡単に-いなすゲームサーバを-laravel-で作る設計-akai-inu}

<iframe class="speakerdeck-iframe" frameborder="0" src="https://speakerdeck.com/player/8efed2188f8c4cb59fbb385ab0addf7e" title="秒間 10,000 リクエストを &quot;簡単に&quot;いなすゲームサーバーを Laravel で作る設計" allowfullscreen="true" style="border: 0px; background: padding-box padding-box rgba(0, 0, 0, 0.1); margin: 0px; padding: 0px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 40px; width: 100%; height: auto; aspect-ratio: 560 / 315;" data-ratio="1.7777777777777777"></iframe>

Eloquentはシャーディングができないから使わなかったと言って、たしかにEloquentにそういう機能はなかったはずだなと思った。
EloquentがないLaravelは本当にLaravelなのか。..?と思わないことはないですね。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">テセウスのlaravel</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672486618694033408?ref_src=twsrc%5Etfw">June 24, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


#### ソフトウェア設計がプロジェクト管理にどのように影響を与えるか @o0h\_ {#ソフトウェア設計がプロジェクト管理にどのように影響を与えるか-o0h}

<iframe class="speakerdeck-iframe" frameborder="0" src="https://speakerdeck.com/player/f7ebdfbff76e45ae89750549d131f1d7" title="#phpconfuk ソフトウェア設計がプロジェクト管理にどのように影響を与えるか" allowfullscreen="true" style="border: 0px; background: padding-box padding-box rgba(0, 0, 0, 0.1); margin: 0px; padding: 0px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 40px; width: 100%; height: auto; aspect-ratio: 560 / 314;" data-ratio="1.78343949044586"></iframe>

ソフトウェアの弾力性を高めようという話でした。


#### PHPの型はいつ消えるのか @aharisu {#phpの型はいつ消えるのか-aharisu}

<https://fortee.jp/phpconfukuoka-2023/proposal/0b0251c8-cc93-4b7f-bda0-3370ea9f880f>

型情報を付けるとエディタが強くなるという話をしていました。


#### PHPerもIaCを使おう! 17年物のインフラをTerraformに大移行 @iwashi623 {#phperもiacを使おう-17年物のインフラをterraformに大移行-iwashi623}

<iframe class="speakerdeck-iframe" frameborder="0" src="https://speakerdeck.com/player/88b8df3b810d4962b096b8dafeb7f07f" title="PHPerもIaCを使おう！ 17年物のインフラをTerraformに大移行" allowfullscreen="true" style="border: 0px; background: padding-box padding-box rgba(0, 0, 0, 0.1); margin: 0px; padding: 0px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 40px; width: 100%; height: auto; aspect-ratio: 560 / 315;" data-ratio="1.7777777777777777"></iframe>

17年もののオンプレを移行する話をしていました。


#### 自社サービスのAWSインフラをフルリプレースした裏側 @ldhdba {#自社サービスのawsインフラをフルリプレースした裏側-ldhdba}

<https://fortee.jp/phpconfukuoka-2023/proposal/74aaf3b0-f7ba-484a-99ea-d8fba73fa224>

雑にインフラを作っていたのでリプレイスをした話をしていました。


### 懇親会 {#懇親会}

昼飯はラーメンを食べました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">ラーメン美味しかった <a href="https://t.co/UZvpwA4zsU">pic.twitter.com/UZvpwA4zsU</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672450896377319424?ref_src=twsrc%5Etfw">June 24, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

今回もk1Lowさんに今回もEmacsあおりができてよかったです。
テキストエディタに対してやる気のないオジサンをあおるのが仕事になりつつあります。

懇親会のような初対面の人が多い場所で立ち話をするのは難しいですね。上手になりたいです。

二次会後の締めのラーメンは[ラーメン海鳴](https://www.google.com/search?q=u7ri&oq=u7ri&aqs=chrome.0.69i59.3253j0j4&sourceid=chrome&ie=UTF-8)に行ってきました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">ラーメン <a href="https://t.co/RNxN9BsFti">pic.twitter.com/RNxN9BsFti</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672614359653318656?ref_src=twsrc%5Etfw">June 24, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

博多の人と天神の人は仲が悪いので「博多天神」と言うと怒るらしいという情報を得たので、今後注意したいと思います。


## 3日目 福岡敢行 {#3日目-福岡敢行}

3日目は完全フリーだったので旅行を堪能しました。


### 昼飯 {#昼飯}

チェックアウトを11時くらいにしてダラダラ向かってたのですが、お勧めされた店が定休日で右往左往しました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">辛い <a href="https://t.co/oBppF7EaYt">pic.twitter.com/oBppF7EaYt</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672787847387189248?ref_src=twsrc%5Etfw">June 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

一蘭本店は激混みで1時間待ちでした。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">ディズニーランドじゃん <a href="https://t.co/UBrYwPfOuC">pic.twitter.com/UBrYwPfOuC</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672789575771758592?ref_src=twsrc%5Etfw">June 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

せっかくだし魚が食いたいなと思い、回転寿司にいきました。九州の醤油って甘いんですね、めちゃくちゃおいしかったです。

<blockquote class="twitter-tweet"><p lang="zxx" dir="ltr"><a href="https://t.co/1cbYSiy271">pic.twitter.com/1cbYSiy271</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672793555667156992?ref_src=twsrc%5Etfw">June 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

全員[天麩羅ひらお](https://www.hirao-foods.net/)に行けと口をそろえて言ってたので、次回の遠征では行こうと思います。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">天ぷらです、天ぷら定食を食べるのです</p>&mdash; suzuki (@suzuki) <a href="https://twitter.com/suzuki/status/1672809054341840898?ref_src=twsrc%5Etfw">June 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


### エンジニアカフェ {#エンジニアカフェ}

昼飯所を探しに散歩してた途中でエンジニアカフェを見付け足ので、せっかくだしということで入りました。
<https://engineercafe.jp/>

建物自体は県の文化財らしく、とてもオシャレでした。
内装は歴史的なテイストを残しつつ、かなりモダンで技術書やモニターやキーボードまで貸し出してくれる充実ぶりでした。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">すげーー <a href="https://t.co/ZamAxx9AdP">pic.twitter.com/ZamAxx9AdP</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672832140290170880?ref_src=twsrc%5Etfw">June 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

スタッフの田中さんという方に九州の位置関係や観光地情報をガチ解説してもらいました。
こういう地図があるだけで旅行のしやすさが格段に変わるのでガチ解説はとにかくありがたいですね。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">エンジニアカフェ来て九州ガチ解説してもらった <a href="https://t.co/NrfTtzqfLP">pic.twitter.com/NrfTtzqfLP</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672830904685953024?ref_src=twsrc%5Etfw">June 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

福岡は食事は最高だけど観光地がないとみんな口をそろえて言っていてびっくりしました。
時間的に北九州がなんだかんだ良いぞということで北九州に向かいました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">福岡のオススメの観光地について聞くと栃木の魅力と同じ反応するのなんなの <a href="https://t.co/VR8CQLgA7w">pic.twitter.com/VR8CQLgA7w</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672834820723048454?ref_src=twsrc%5Etfw">June 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

ついでに登録動線のconsole.logを消した方が良いというクレームを入れました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">クレーマー力が非常に高いので会員登録動線にケチつけといた</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672834278722527232?ref_src=twsrc%5Etfw">June 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


### 北九州 {#北九州}

両親が北九州出身ということで、両親がどういう場所で育ったのか知りたくて北九州に向かいました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">北九州向かってるけど両親はここで育ったんだなと謎の感慨深さを感じてる</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672863830010130432?ref_src=twsrc%5Etfw">June 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

なんとなく各駅停車で行くかーって乗ったら、電車が謎に遅延するし、なんだかんだ新幹線だと17分のところ1時間30分くらいかかりました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">人身事故なのかなんなのか分からないけどもう30分くらい電車が止まってる</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672877827719565312?ref_src=twsrc%5Etfw">June 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

小倉城観光してきました。
最近のお城は解説コーナーが充実して楽しいですね。

<blockquote class="twitter-tweet"><p lang="zxx" dir="ltr"><a href="https://t.co/UV8RwViqUS">pic.twitter.com/UV8RwViqUS</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672896261752762370?ref_src=twsrc%5Etfw">June 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">バキで見たやつだ！ <a href="https://t.co/CB4Op61HRL">pic.twitter.com/CB4Op61HRL</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672902374011330560?ref_src=twsrc%5Etfw">June 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

急に海が見たくなったので小倉にいきました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">自分が今何をしたいのかよく分からないけど海を見たくなって小倉に来た</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672924423337418752?ref_src=twsrc%5Etfw">June 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">フェリーだー <a href="https://t.co/1s0xwddAWk">pic.twitter.com/1s0xwddAWk</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672925780932980737?ref_src=twsrc%5Etfw">June 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

北九州を散歩してたんですが、高度北九州人材がたくさん歩いていて「これが北九州か。...! 両親が育った街か。...!」となりました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">北Q <a href="https://t.co/kqhgbGzuXK">pic.twitter.com/kqhgbGzuXK</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672930291374235648?ref_src=twsrc%5Etfw">June 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">GMOってここにあるのか！ <a href="https://t.co/822M9XXtfR">pic.twitter.com/822M9XXtfR</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672934412617670656?ref_src=twsrc%5Etfw">June 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

1人で入れる良い感じの店が見つからなかったので博多に戻り、雨降ってたので博多駅内でご飯を食べました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">ラスト飯！！ <a href="https://t.co/SNxnBnt28D">pic.twitter.com/SNxnBnt28D</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672949714961195008?ref_src=twsrc%5Etfw">June 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

4日目は朝一で出社する必要があったので、ネカフェで適当に仮眠を取りました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">ラストノー人権宿はネカフェ <a href="https://t.co/YXoqHoGP5W">pic.twitter.com/YXoqHoGP5W</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1672960058785959937?ref_src=twsrc%5Etfw">June 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


## 4日目 博多からエクストリーム出社 {#4日目-博多からエクストリーム出社}

博多から池袋のオフィスに出社をして普通に仕事をしました。
疲労しすぎて何もできなかったので、次はちゃんと有給を取りたいと思います。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">福岡の旅も終わりかー <a href="https://t.co/AMAzDisYj9">pic.twitter.com/AMAzDisYj9</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1673089567648550912?ref_src=twsrc%5Etfw">June 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">ラスト飯！！ <a href="https://t.co/nI4hNLReIW">pic.twitter.com/nI4hNLReIW</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1673090982458589184?ref_src=twsrc%5Etfw">June 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">福岡ありがとう楽しかった <a href="https://t.co/ndQRwMjrhB">pic.twitter.com/ndQRwMjrhB</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1673101125413900289?ref_src=twsrc%5Etfw">June 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">6時にネカフェ出て12時に池袋のオフィス着いたから通勤時間6時間かかった</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1673183110509502464?ref_src=twsrc%5Etfw">June 26, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


## まとめ {#まとめ}

久々の旅行で最高に楽しかった。


## 次遠征する時の自分へ {#次遠征する時の自分へ}

行くと決まったらまず最初に航空券を取りなさい。
半年後だろうがなんだろうが絶対に航空券を取りなさい。

真冬はわからないが、n泊するなら洋服はこれだけあれば十分。(n=3くらい）
当然ズボンは使い回しです。クロックスで行くと靴下を節約できて良い。

-   Tシャツ n着
-   パンツ n着
-   寝間着用の短パン 1着
-   きれいな服を入れるための袋
-   汚れた服を入れるための袋

また、電子機器はこれだけあれば十二分。
全部Type-Cに統一した方が良い。

-   Macbook Pro
-   充電器
-   AfterShokz
-   モバイルバッテリー

余力があれば持っていきたいもの。

-   折り畳み傘
-   Twitterアイコンが書いてある名札

これでカバン1つで余裕で国内旅行できる。


## Backlinks {#backlinks}

-   [PHPカンファレンス北海道2024に参加してきました]({{< relref "20240112063123-retrospective_phpcondo_2024" >}})
-   [2025年2月名古屋旅行]({{< relref "20250224140741-retrospective_nagoya_2025" >}})

--------------------------------------------------------------------------------
title: "ob-phpstanを作った"
date: "2023-04-16"
--------------------------------------------------------------------------------

## Introduction {#introduction}

最近[phpstan](https://phpstan.org/)を弄ることが増えたのですが、逐一[playground](https://phpstan.org/try)を開いてWebエディタ内で編集をするのが面倒に感じていました。
org-mode内で完結をするようにしたいと考えるのはEmacsユーザーなら当然の発想です。
そこで今回は `org-babel` 経由でphpstanの実行結果をorg内で管理できるようにしました。


## 使い方 {#使い方}

[https://github.com/emacs-php/ob-phpstan](https://github.com/emacs-php/ob-phpstan)

2023/04/16現在、melpaにはまだ登録をしていないので各自で落してきてパスを通してください。

```emacs-lisp
(add-to-list 'load-path "/path/to/ob-phpstan.el")
(require 'ob-phpstan)
```

次に `php-mode` を派生させた `phpstan-mode` を作成してください。

```emacs-lisp
(eval-after-load "org" '(add-to-list 'org-src-lang-modes '("phpstan" . phpstan)))
```

`org-babel-phpstan-command` に各自で `phpstan` へのパスを設定してください。

```emacs-lisp
(with-eval-after-load 'ob-phpstan
  (setq org-babel-phpstan-command "/path/to/dir/phpstan"))
```

あとは適宜orgファイル内でコードブロック作成し、 `org-babel` を実行してください。

```org
#+begin_src phpstan :level 0
  class HelloWorld
  {
          public function sayHello(DateTimeImutable $date): void
          {
                  echo 'Hello, ' . $date->format('j. n. Y');
          }
  }
#+end_src

#+RESULTS:
#+begin_example
 ------ ----------------------------------------------------------------------------------
  Line   /var/folders/z5/sk1q5qj96xg4g87vkcp4hq9h0000gn/T/babel-TGYZJB/phpstan-ulqeYI.php
 ------ ----------------------------------------------------------------------------------
  4      Parameter $date of method HelloWorld::sayHello() has invalid type
         DateTimeImutable.
 ------ ----------------------------------------------------------------------------------


 [ERROR] Found 1 error

#+end_example
```


## 実装方法について {#実装方法について}

`ob-phpstan` は100行にも満たない小さなコードで実装されています。
[https://github.com/emacs-php/ob-phpstan/blob/main/ob-phpstan.el](https://github.com/emacs-php/ob-phpstan/blob/main/ob-phpstan.el)

-   `org-babel-temp-file` で一時ファイルを作成
-   コードブロックの頭に `<?php` を追加
-   `with-temp-file` を使って一時ファイルに文字列を追加
-   `org-babel-eval` でphpstanを実行

<!--listend-->

```emacs-lisp
(defun org-babel-execute:phpstan (body params)
  "Org mode fish evaluate function"
  (let ((tmp-file (org-babel-temp-file "phpstan-" ".php"))
        (body (concat "<?php\n" body))
        (level (or (cdr (assoc :level params)) org-babel-phpstan-level)))
    (with-temp-file tmp-file (insert (org-babel-expand-body:generic body params)))
    (org-babel-eval (format "%s analyze %s --level %s --no-progress"
                            org-babel-phpstan-command
                            (org-babel-process-file-name tmp-file)
                            level)
                    "")))
```

phpstanの場合、標準入力でプログラムを渡す方法ではなく、ファイルパスを指定する方法しかありません。
以前[ob-fish](https://github.com/takeokunn/ob-fish)を作ったが、 `org-babel` 周りの知識はからっきしなので [ob-typescript](https://github.com/lurdan/ob-typescript) を参考に実装しました。


## Conclusion {#conclusion}

melpaに申請をしたり、ドキュメントを整えたり、まだやることが残っているので順次進めていきます。

今回の実装を通じて `org-babel` 周りに詳しくなれました。
`org-babel` の実装方法やまとまったドキュメントは存在していないので機会があれば書こうと思いました。

--------------------------------------------------------------------------------
title: "phperkaigi 2023でパンフレット記事寄稿&登壇してきました"
date: "2023-03-27"
--------------------------------------------------------------------------------

## 始めに {#始めに}

[phperkaigi 2023](https://phperkaigi.jp/2023/) に参加しました。

phperkaigiとは、年1回大都会練馬のココネリホールで開催されるphperのためのイベントです。
よくphpカンファレンスとごっちゃにされがちなので一応書いておくと、phpカンファレンスは秋に蒲田で、phperkaigiは春に大都会練馬で開かれる別のイベントです。

去年一昨年は3日間当日スタッフをやっていましたが、今年はDay1の夜終わり際とDay2全日参加をしました。


## 活動報告 {#活動報告}


### パンフレット記事寄稿しました {#パンフレット記事寄稿しました}

[「PHP 8から追加されたJITについて学ぼう!」](https://fortee.jp/phperkaigi-2023/speaker/proposal/view/cb553650-e1be-41ca-b6d4-669dc1d7698a)というテーマで書きました。

パンフレットにもありますが、[こちら]({{< relref "../permanent/20221222111924-about_php_jit.md" >}})にもありますので興味のある方はぜひ読んでください。

自分の人生でパンフレット記事の寄稿のような、自分のブログ以外に自分の文章が載ったのは初でした。
正直自分自身JITについての理解度が低かったり、長文を書くことに慣れていなかったり、そもそも製本して提出する必要があったり、苦労する点は多かったです。

しかし、将来的に `WEB+DB PRESS` のような有名な技術誌に寄稿してみたいと思っていたのでとても良い機会に恵まれたなぁという気持ちでいっぱいです。
また、実際にパンフレットを手に取って自分の記事が載っていることに対しての達成感は何ものにも代えがたいものだなと感じました。

非常に良い経験になったので次回も寄稿できるようにプロポーザルを出します。


### スポンサーセッションで登壇をしました {#スポンサーセッションで登壇をしました}

[約10年もののPHPアプリケーションとの付き合い方と、今後10年改善し続けるための取り組みについて](https://fortee.jp/phperkaigi-2023/proposal/e2cfa96e-46d3-46e5-8269-8ee72c658582) というテーマで登壇をしました。

<iframe src="https://docs.google.com/presentation/d/e/2PACX-1vQU-ac8NFjJbWIP9a1vbt1nrXa7_I898CkrRNNUN0aYa8hA3tnzUF2PUw5cPqKe4hTnB8A_o0kigQq2/embed?start=false&loop=false&delayms=3000" frameborder="0" width="960" height="569" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>

最近入社したにもかかわらず、phperkaigiのスポンサーになってほしいと伝えたところ、一切嫌な顔せずゴールドスポンサーになってくれました。
普段は個人で登壇をしていたのでこういう機会は初でしたが、登壇準備と登壇当日を業務時間として扱ってくれたのが非常にうれしかったです。

ちなみに、当日スタッフをやっていた同僚の `のりぃさん` も業務扱いとして参加していました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr"><a href="https://twitter.com/hashtag/phperkaigi?src=hash&amp;ref_src=twsrc%5Etfw">#phperkaigi</a> 当日スタッフ業務完了！！<br>やり切った！！<br>疲れた！！<br>参加者の皆様、スポンサーの皆様、スタッフの皆様、本当にありがとうございました！<br>久しぶりのオフラインイベント、めちゃくちゃ楽しい。刺戟的な3日間でした！😀✨</p>&mdash; のりぃ (@m_norii) <a href="https://twitter.com/m_norii/status/1639610187727409152?ref_src=twsrc%5Etfw">March 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

OPENLOGIでは積極的にphperとemacser採用しています。僕とphpを書きたい人はぜひ応募してください。

<https://corp.openlogi.com/recruit/>


### イベントで楽しかったこと {#イベントで楽しかったこと}

楽しかったことを適当にピックアップしてざっくばらんに書いていきます。


#### [Day 0] きんじょうさんの発表よかった {#day-0-きんじょうさんの発表よかった}

2023年版「パーフェクトphp」の書籍化、まってます。

<iframe class="speakerdeck-iframe" frameborder="0" src="https://speakerdeck.com/player/c63c9a6f457f4609917543e6d73ac1a9" title="#phperkaigi 名著「パーフェクトPHP」のPart3に出てきたフレームワークを令和5年に書き直したらどんな感じですかね？" allowfullscreen="true" style="border: 0px; background: padding-box padding-box rgba(0, 0, 0, 0.1); margin: 0px; padding: 0px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 40px; width: 100%; height: auto; aspect-ratio: 560 / 314;" data-ratio="1.78343949044586"></iframe>


#### [Day 1] てきめんさんいつもありがとう {#day-1-てきめんさんいつもありがとう}

ファンです。いつも応援してます。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">(このタイミングで言うのもあれだけど、陰ながらいつも応援してます)</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1639192412231991297?ref_src=twsrc%5Etfw">March 24, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">てきめんさんが不具合なく日本語をphpで処理できるようにしてくれてると思ってるので日本人phperは感謝した方が良いとまで思ってる</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1639195470378721280?ref_src=twsrc%5Etfw">March 24, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


#### [Day 1] 会場入り {#day-1-会場入り}

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">仕事ブッチしたので向かう<a href="https://twitter.com/hashtag/phperkaigi?src=hash&amp;ref_src=twsrc%5Etfw">#phperkaigi</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1639185482608410624?ref_src=twsrc%5Etfw">March 24, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="qme" dir="ltr"><a href="https://twitter.com/hashtag/phperkaigi?src=hash&amp;ref_src=twsrc%5Etfw">#phperkaigi</a> <a href="https://t.co/bOtMvLLL14">pic.twitter.com/bOtMvLLL14</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1639190703048921090?ref_src=twsrc%5Etfw">March 24, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


#### [Day 1] NewRelic想像以上に良かった {#day-1-newrelic想像以上に良かった}

NewRelicのサポートの方と話しました。

ずっとNewRelicはAPMのイメージが強かったけど、想像以上にさまざまなインフラレイヤのメトリクスが取れるようになって、terraform管理もできるしDatadogと遜色ないらしいです。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">datadogの営業の方に「common lispのagentがないんすかwwww」みたいなウザ絡みをした前科をフルに生かしてnewrelicの方にもすれば良かったと反省してる</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1639214997560758273?ref_src=twsrc%5Etfw">March 24, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

Ankerの充電器をもらいました。本当にありがとうございます。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">ありがてー <a href="https://t.co/jITyntS0c7">pic.twitter.com/jITyntS0c7</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1639215903773687808?ref_src=twsrc%5Etfw">March 24, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


#### [Day 2] うずらさんの発表よかった {#day-2-うずらさんの発表よかった}

arrayやっぱつらいよね。

<iframe class="speakerdeck-iframe" frameborder="0" src="https://speakerdeck.com/player/084eb5db590e424595c50ec43bb2f5ea" title="PHPの最高機能、配列を捨てよう！！ /  Throw away all PHP array now!!!" allowfullscreen="true" style="border: 0px; background: padding-box padding-box rgba(0, 0, 0, 0.1); margin: 0px; padding: 0px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 40px; width: 100%; height: auto; aspect-ratio: 560 / 314;" data-ratio="1.78343949044586"></iframe>


#### [Day 2] 自分の登壇 {#day-2-自分の登壇}

事前収録で提出した動画は噛みまくってしまったので不安でした。
本番はちゃんとトークできたし、会場でちゃんと笑いを取れたし、言いたいことを全部説明できたので大満足な内容でした。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">Next up: 2023/03/25 12:10 Track B / 約10年もののPHPアプリケーションとの付き合い方と、今後10年改善し続けるための取り組みについて / たけてぃ <a href="https://twitter.com/takeokunn?ref_src=twsrc%5Etfw">@takeokunn</a> <a href="https://twitter.com/hashtag/phperkaigi?src=hash&amp;ref_src=twsrc%5Etfw">#phperkaigi</a> <a href="https://twitter.com/hashtag/b?src=hash&amp;ref_src=twsrc%5Etfw">#b</a><a href="https://t.co/bLwyMrjInY">https://t.co/bLwyMrjInY</a></p>&mdash; PHPerKaigi 2023 @3/23-3/25 (@phperkaigi) <a href="https://twitter.com/phperkaigi/status/1639463369202884608?ref_src=twsrc%5Etfw">March 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

リアルうすゆきさんとも会えてよかったです。配信画面の調整してくれてありがとう。


#### [Day 2] ランチ寿司ビール {#day-2-ランチ寿司ビール}

これが本当の[寿司ビール問題](https://yassu.jp/pukiwiki/index.php?MySQL+%BC%F7%BB%CA%A5%D3%A1%BC%A5%EB%CC%E4%C2%EA)だ！!!

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">寿司ビール問題 <a href="https://t.co/MaxFiqA2iQ">pic.twitter.com/MaxFiqA2iQ</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1639477983860895744?ref_src=twsrc%5Etfw">March 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


#### [Day 2] あつくんとついに会えた {#day-2-あつくんとついに会えた}

イキの良い若手と会えたのよかったです。うれしくてハグしました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">リアルあつさんだ!!! <a href="https://twitter.com/atsuPueri?ref_src=twsrc%5Etfw">@atsuPueri</a> <a href="https://twitter.com/hashtag/phperkaigi?src=hash&amp;ref_src=twsrc%5Etfw">#phperkaigi</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1639493572281106432?ref_src=twsrc%5Etfw">March 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


#### [Day 2] effyさんと設計と品質について語りあった {#day-2-effyさんと設計と品質について語りあった}

ソフトウェア開発は人が死なないから品質への関心度が低いという話をしました。

値オブジェクトについてや、品質は要求から始めないから議論が空中戦になる、型というのはプロジェクトの治安が悪いから必要になってしまっている、レガシーコードどの向き合い方についてなどを話しました。

信頼境界線という単語が印象的でした。

<https://blog.ohgaki.net/how-to-draw-and-protect-trust-boundary>


#### [Day 2] LT大会 {#day-2-lt大会}

ペンライトはライブ感があってめちゃくちゃ良いですね。次回こそはLT登壇したいです。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">LT大会では登壇者の&quot;推し色&quot;のペンライトの波が！！<a href="https://twitter.com/hashtag/peperkaigi?src=hash&amp;ref_src=twsrc%5Etfw">#peperkaigi</a> <a href="https://twitter.com/hashtag/a?src=hash&amp;ref_src=twsrc%5Etfw">#a</a> <a href="https://t.co/iQbOVFHxHD">pic.twitter.com/iQbOVFHxHD</a></p>&mdash; PHPerKaigi 2023 @3/23-3/25 (@phperkaigi) <a href="https://twitter.com/phperkaigi/status/1639179777767792641?ref_src=twsrc%5Etfw">March 24, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


#### [Day 2] 懇親会 {#day-2-懇親会}

どうせコミュ障だから端っこでビール飲むことになるだろうなぁと思っていたけど、想像以上に多くの人と話せて楽しかったです。

Emacsユーザーのオジサンたちで集まって、実質Emacs懇親会を開催できたのが激熱でした。

オジサンたちにPCを広げて最新のEmacs事情を熱く語ったり、駆け出しの方にもEmacsの魅力とスタープログラマーへのあこがれを異常な熱量で語れたのが良かったです。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">多分10個くらい離れてるおじさん達にemacsの最新情報を熱く語る実質emacs懇談会だった<a href="https://twitter.com/hashtag/phperkaigi?src=hash&amp;ref_src=twsrc%5Etfw">#phperkaigi</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1639594361532088320?ref_src=twsrc%5Etfw">March 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">俺もことみんさんみたいに「emacsくんと仲良くなろう！」みたいなテーマで話すべきだなと</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1639596429185515522?ref_src=twsrc%5Etfw">March 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">おじさん達のemacsに対しての意識改革が必要だなと強く感じた</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1639597272093822977?ref_src=twsrc%5Etfw">March 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

結構な相手に認知されていたみたいだけど、プログラムオタクで怖いみたいな印象を持たれているらしいので、もっとフレンドリーな人だと思われる必要があるなと思いました。
あと、登壇したりブログ記事をもっと積極的に書いたりして覚えてもらうべく日々頑張るべきだなぁというのも感じました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">あんまプログラマとして強くないのでつよつよエンジニアみたいな紹介のされ方すると申し訳なくなるな</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1639635867093577731?ref_src=twsrc%5Etfw">March 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">俺みたいな陰キャは登壇したりブログ記事書いたりして相手から声かけてもらえるようにしとかないといけないことを実感した</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1639638569861120001?ref_src=twsrc%5Etfw">March 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">強いキャラ付け大事なのでみんな異常に好きなコンテンツを作ってアピりまくろう!!!</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1639641645217124354?ref_src=twsrc%5Etfw">March 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


## 終わりに {#終わりに}

去年と一昨年に当日スタッフをした時、自分はスタッフ業が絶望的に向いていなく、簡単なことをやらかすし本当にダメすぎるなと思ったので、来年は登壇をしたり別の形で貢献しようと考えていました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">疲労するとADHD度が高まりすぎて迷惑をかけすぎるのでスタッフ業はもうできないなという気持ちになってる</p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1639643758445858817?ref_src=twsrc%5Etfw">March 25, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

そういう意味では今年はちゃんと自分なりの目標を達成できたし、お祭を精いっぱい楽しめました。
phperkaigiはスタッフの方々の情熱に支えられているイベントだなぁと毎年しみじみ思わされます。
毎年本当にありがとうございます。来年も楽しみにしています。

--------------------------------------------------------------------------------
title: "「第149回 PHP勉強会＠東京」で登壇してきました"
date: "2023-02-20"
--------------------------------------------------------------------------------

## 始めに {#始めに}

2023-02-15（水）に [GMO Yours](https://www.gmo.jp/csr/partners/office/#gmo-yours) で行われた [第149回 PHP勉強会＠東京](https://phpstudy.doorkeeper.jp/events/151021) で登壇してきました。
現地には30人、オンラインの視聴者は20人くらいで非常に和気藹々とした勉強会でした。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">GMO Yours に来てます! <a href="https://twitter.com/hashtag/phpstudy?src=hash&amp;ref_src=twsrc%5Etfw">#phpstudy</a></p>&mdash; た҉͜け҉͜て҉͜ぃ҉͜𓁈𓈷 (@takeokunn) <a href="https://twitter.com/takeokunn/status/1625810497215029248?ref_src=twsrc%5Etfw">February 15, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


## 登壇 {#登壇}


### 内容について {#内容について}

[phpstan-strict-rulesでよりbetterなphpを手に入れよう](https://docs.google.com/presentation/d/1WXgJP9oqydr-5Vn1oXDti9Gdfaxc_OhvVg6tgIi5LEs/edit#slide=id.p) というタイトルで話しました。

<iframe
  src="https://docs.google.com/presentation/d/e/2PACX-1vR2CYaDCANUaSo4Aq2RJ82Z0Bh2rxMKTWljxzg9OO-V7fi_7yi0AgaEMCvCdHizHUxFTuVD2HwB9HAi/embed?start=false&loop=false&delayms=3000"
  frameborder="0"
  width="960"
  height="569"
  allowfullscreen="true"
  mozallowfullscreen="true"
  webkitallowfullscreen="true">
</iframe>

関連するツイートはこのあたりです。

-   <https://togetter.com/li/2082268?page=9>
-   <https://togetter.com/li/2082268?page=10>
-   <https://togetter.com/li/2082268?page=11>
-   <https://togetter.com/li/2082268?page=12>
-   <https://togetter.com/li/2082268?page=13>

YouTubeのアーカイブも残っているので気になる人はこちらから見てください。

[https://www.youtube.com/live/k0GkmSYhtrQ?feature=share&amp;t=7526](https://www.youtube.com/live/k0GkmSYhtrQ?feature=share&t=7526)


### 補足など {#補足など}


#### Emacsと申します {#emacsと申します}

[`俺がEmacsだ`](https://dic.pixiv.net/a/%E4%BF%BA%E3%81%8C%E3%82%AC%E3%83%B3%E3%83%80%E3%83%A0%E3%81%A0)


#### PHPStan Tシャツについて {#phpstan-tシャツについて}

いつぞやのイベントでたっどさんから託されたTシャツ。
日本で数人しか持っていない実はレアなやつ。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">日本で数人のPHPStanを着こなしている男 <a href="https://twitter.com/hashtag/phpstudy?src=hash&amp;ref_src=twsrc%5Etfw">#phpstudy</a> <a href="https://t.co/XOW4FRp535">pic.twitter.com/XOW4FRp535</a></p>&mdash; にゃんだーすわん (@tadsan) <a href="https://twitter.com/tadsan/status/1625828730173284353?ref_src=twsrc%5Etfw">February 15, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


#### `php-src` を毎朝 `git pull` していることについて {#php-src-を毎朝-git-pull-していることについて}

自分の好きなプロジェクトを毎朝 `git pull` して変更を見る行為は季節の移ろいを感じられてお勧めです。


#### hanhanさんの「今週の PHP」を毎週かかさずチェックしよう {#hanhanさんの-今週の-php-を毎週かかさずチェックしよう}

`hanhan` さんいつもありがとう。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr"><a href="https://t.co/fGEjRAZuUN">https://t.co/fGEjRAZuUN</a> <a href="https://twitter.com/hashtag/%E4%BB%8A%E9%80%B1%E3%81%AEPHP?src=hash&amp;ref_src=twsrc%5Etfw">#今週のPHP</a> はこちらです。 <a href="https://twitter.com/hashtag/phpstudy?src=hash&amp;ref_src=twsrc%5Etfw">#phpstudy</a></p>&mdash; Ryo Tomidokoro (@hanhan1978) <a href="https://twitter.com/hanhan1978/status/1625827379645153286?ref_src=twsrc%5Etfw">February 15, 2023</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


#### 皆さんは会社や個人のプロジェクトでPHPStanを入れていますか? {#皆さんは会社や個人のプロジェクトでphpstanを入れていますか}

会場は半分くらいの方が手を上げていました。


#### PHPStanのlevelは5より上か下か {#phpstanのlevelは5より上か下か}

会場はさらに半分くらいの方がlevel5よりも上と手を上げていました。


#### PHPStanを入れて良かったかどうか {#phpstanを入れて良かったかどうか}

おおむねみなさん手を上げていました。


#### 初期開発でPHPStan Level Maxを選択 {#初期開発でphpstan-level-maxを選択}

既存のコードがない場合ほど制約を厳しくできて良いですね、という声がちらほらありました。
TypeScriptでも `noImplicitAny` を有効にするには初期じゃないとできない等、既存のコードベースがあるかどうかはかなり大きいです。


#### emptyについて {#emptyについて}

`isset` `empty` `is_null` の比較表をどう頑張っても覚えられないという話をしました。

{{< figure src="/images/27E106C5-239D-4F0F-9504-D6295FFFED78.png" >}}

出典： [PHP isset, empty, is_null の違い早見表](https://qiita.com/shinichi-takii/items/00aed26f96cf6bb3fe62)

また、 `empty` はそもそも使わない方が良いよねっていう共感の声もありました。


#### phpstanは初心者PHPerにこそ使ってほしい {#phpstanは初心者phperにこそ使ってほしい}

PHPはとにかく落し穴が多い言語です。
ベテランのエンジニアほどPHP特有の落し穴について熱く語りがちなのですが、そもそもコードレビューで注意するよりも静的解析で検知してCIで落とすべきだと考えています。

ガードレールを敷いてあげて安全にコードを書ける環境作りこそ、駆け出しのエンジニアに対して我々経験者がやることなのではないでしょうかという話をしました。

ただ自分も年齢的には若手に分類されるので、会場にいるベテラン達には頑張ってもらいたいというあおりもかましてきました。


#### phpstanでちゃんと型をつけることによってJITが効くようになり高速化が期待できる {#phpstanでちゃんと型をつけることによってjitが効くようになり高速化が期待できる}

[PHP8から追加されたJITについて学ぼう!]({{< relref "../permanent/20221222111924-about_php_jit.md" >}}) にも書いたんですが、PHPのJITコンパイラは実行時に型情報を十分に取得してマシンコードを吐き出します。

なのでphpstanで暗黙の型変換を許容しないコーディングをしておけばJITにも優しくなるという得点付きです。


#### コーディングについて {#コーディングについて}

いきなり良いPHPを書こうとせずにまずは既存のコードと足並みを合わせて書くことも重要だと考えています。
なのでemptyを使うべきではないものの、いきなり削除するのではなくて、「emptyを削除する」という合意をチーム内で取ってから置き換えていくべきです。


## 終わりに {#終わりに}

PHP勉強会を配信で部分的に見たことは過去にあったが、オフラインで参加するのは初でした。
どんな人がいるのか不安でだったけどいつも見かけるPHPerが何人もいて安心しました。

発表も多少ネタを入れたのでスベったら嫌だなと不安に思っていたが、会場が非常に暖かい雰囲気だったのもあり無事に終わってホッとしています。

PHP勉強会はPHPに精通してなくても参加できるイベントであり、むしろこれからPHPを学びたい人向けの発表の方が多いので経験が少なくても楽しめるでしょう。
初心者にも優しい勉強会なのでぜひPHPに興味がある人は参加してみてはいかがでしょうか？

--------------------------------------------------------------------------------
title: "Docker VolumeをCopy/Renameする方法"
date: "2023-02-09"
--------------------------------------------------------------------------------

## 前提 {#前提}

`docker volume` のデフォルトの機能にcopyやrenameはありません。
<https://matsuand.github.io/docs.docker.jp.onthefly/storage/volumes/>

[Rename docker volume #31154](https://github.com/moby/moby/issues/31154) というissueも立っているが、対応される見込がないです。

interfaceとして提供してくれていないだけで、実態はDocker File System内どこかにはあるはず。
絶対できるはずだという前提のもと調べてみたらできたのでまとめておきます。


## 準備 {#準備}

`docker engine` を起動して、 `docker volume` を作成する。

```shell
docker volume create --name=my-volume
```


## CopyやRenameのやり方 {#copyやrenameのやり方}

`justincormack/nsenter1` を立ち上げる。

```shell
docker run -it --rm --privileged --pid=host justincormack/nsenter1
```

`docker volume` がある場所に移動する。

```shell
/ # cd /var/lib/docker/volumes/

/var/lib/docker/volumes # ls -la | grep my-volume
drwx-----x    3 root     root          4096 Feb  9 02:59 my-volume
```

あとは `cp` をするなり、 `mv` をするなりでよしなに。

すぐに認識してくれないみたいなので `Docker for Mac` に反映するには再起動が必要そう。

--------------------------------------------------------------------------------
title: "VimとNeovimの使い分けと最小構成"
date: "2023-02-09"
--------------------------------------------------------------------------------

## VimとNeovimの運用方針 {#vimとneovimの運用方針}

[Twitterではずっと主張してること](https://mobile.twitter.com/takeokunn/status/1464971704124710915) だが、VimとNeovimの設定は共通化しない方がよいと考えています。

次のような使い分けをしています。

-   Vim → サーバ用の最小設定
-   Neovim → 日常的な開発用

コンテナ全盛期の現代といえど、サーバに入って作業をする必要がある人も多いんじゃないでしょうか。
不自由な環境でちょっとしたファイルを開いて数行変更するだけに関しては、Vimほど適したテキストエディタはないでしょう。

ただ、設定がまったくされていない素Vimでは少々厳しい場面があります。
`set number relativenumber` で行番号表示するくらいは欲しいものです。
ちょっとしたサーバにも持っていけるような最低限の設定を持っておくとサーバ内で安心して作業できます。

一方、通常の開発でもVimを使いたいという要望はあるでしょう。
現にEmacsをメインで使っている自分もフォールバック先としてNeovimを使うことが多いです。
Emacs自体は本来安定しているのですが、Emacsを毎朝 `git pull` してHEAD Buildしている関係であまり手元環境が安定していないです。

ヘビーカスタマイズをすると、VimとNeovim両方を考慮したコードを書くのはかなり厳しい印象があります。
最新のVim事情はわかりませんが、Python製Pluginが流行っていた時かなりしんどかったです。
カスタマイズをする方を完全にNeovim側に寄せることによって、Vimの場合の条件分岐が減るので考慮することが減ります。


## 最低限のVimの設定 {#最低限のvimの設定}

次のcommandをたたけば入ります。

```shell
curl -s https://raw.githubusercontent.com/takeokunn/dotfiles/master/modules/vim/dot.vimrc > ~/.vimrc
```

自分が最低限必要な設定は次の30行です。

```vimrc
set encoding=utf-8
set fileencodings=utf-8,euc-jp,cp932
set clipboard+=unnamed
set backspace=2
set tabstop=2
set shiftwidth=2
set laststatus=2
set statusline=%y
set showmatch
set wrapscan
set hlsearch
set showcmd
set title
set number relativenumber
set cursorline
set nofoldenable
set noswapfile
set expandtab
set splitbelow
set splitright
set incsearch
set ignorecase
set smartcase

nnoremap / /\v
nnoremap <Leader><Leader> V
nnoremap <Esc><Esc> :nohlsearch<CR><Esc>

syntax on
filetype plugin indent on
```

ファイルを開いて文字列を検索することが多いので次の設定がお気に入りです。

```vimrc
nnoremap <Esc><Esc> :nohlsearch<CR><Esc>
```


## Backlinks {#backlinks}

-   [2025年2月 Neovimセットアップ]({{< relref "20250211111032-setup_neovim" >}})

--------------------------------------------------------------------------------
title: "aws-cliとecs-cliのconfigをorgで管理してdefault値を一切設定しない運用をする"
date: "2023-01-19"
--------------------------------------------------------------------------------

## 前提 {#前提}

私は普段次のような条件でAWSを触っています。

-   AWSアカウントを複数社分扱っている
-   SwitchRoleで複数扱っている
-   手元から頻繁にコマンドをたたく

さまざまな環境で作業をしていると、「想定と違う環境に対してAPIを投げてしまう」「意図したリソースが取得できない」等さまざまなトラブルに直面します。
全部CI/CDで管理をして、localからは一切なにもしないというのは1つの理想ではあるものの、そうはいかないのが現実というものです。

あらためて自分の手元の環境を見直したところ、そもそもデフォルト値を指定せずにちゃんと指定すれば事故が起きないのではという結論に至ったのでまとめておきます。


## 運用方法 {#運用方法}


### org fileですべてを管理する {#org-fileですべてを管理する}

そもそも設定がゴチャゴチャしたり、ミスをしたり、間違ったコマンドを流してしまうのはどうしてでしょうか？
答えは簡単で、明示的にコマンドや設定ファイルを用意していないからです。

普段使う設定やコマンドをドキュメントとして管理をし、明示的に変更を加える運用にすれば事故ることが格段に減ります。

その為のツールとしてEmacsの[org-mode](https://orgmode.org/ja/)はおあつらえ向きです。
Markdown同様手軽に文章を書け、分割した設定も管理でき、ファイルに出力でき、 `org-babel` を使えばコマンドを実行できます。

たとえば次のようにコードブロックを作って `org-babel` すると `RESULTS` に結果が出力されます。

```org
#+begin_src shell
echo "hello world"
#+end_src

#+RESULTS:
: hello world
```

また、秘匿情報を扱う場合は `sandbox.org.gpg` のように接尾辞に `.gpg` をつけるとEmacsが勝手にEncryptしてくれるのでセキュアに管理できます。
私はprivate repoでこのような秘匿情報をorg fileで管理しています。


### aws-cli周り {#aws-cli周り}

`~/.aws/config` は次のように `org-mode` で管理をしています。
`:noweb-ref` でimportできるようにして、 `:tangle` で出力先を設定し、 `M-x org-babel-tangle` でファイルを出力するようにしています。

`~/.aws/config` と同様 `~/.aws/credential` も `org-mode` で管理をしています。

****デフォルト値を一切設定しない**** 運用にしています。

```org
* aws
** config
*** alice
#+begin_src conf :noweb-ref aws-config-alice
  [profile alice]
  source_profile = alice-dev
  role_arn = arn:aws:iam::xxx
  region = ap-northeast-1
  output = json
#+end_src
*** bob
#+begin_src conf :noweb-ref aws-config-bob
  [profile bob]
  region = ap-northeast-1
  output = json
#+end_src
*** all
#+begin_src conf :noweb yes :tangle (expand-file-name "~/.aws/config") :mkdirp yes
  # alice
  <<aws-config-alice>>

  # bob
  <<aws-config-bob>>
#+end_src
```

コマンドを流す時は次のようにいったんorgファイルに記述したうえで `org-babel` なりterminalなりで実行するようにしています。
`aws` コマンドは `--profile` オプションがあり、 ****必ず指定**** するようにしています。

<https://docs.aws.amazon.com/ja_jp/cli/latest/userguide/cli-configure-profiles.html>

```org
* aws commands
** get s3 buckets list
#+begin_src shell
aws s3 ls --profile alice
#+end_src

#+RESULTS:
| 2022-07-19 | 19:29:50 | demo-bucket |
```

terraformを手元から流す場合にも影響が出ますが、次のように `terraform init` をすればよいでしょう。

[https://developer.hashicorp.com/terraform/language/settings/backends/configuration#partial-configuration](https://developer.hashicorp.com/terraform/language/settings/backends/configuration#partial-configuration)

```shell
terraform init -backend-config="profile=${aws_profile}"
```


### ecs-cli周りについて {#ecs-cli周りについて}

私は `ecs-cli` が大好きなのでこちらも設定しておきます。
`ecs-cli configure` で `~/.ecs/config` に設定が追加更新されるのですが、これもorgで管理をしています。

`~/.aws/config` と違って `~/.ecs/config` は `default` を指定しないとエラーになるので `dummy` というものを作っておきました。

```org
** ecs
*** dummy
#+begin_src yaml :noweb-ref aws-ecs-dummy
  dummy:
    cluster: dummy
    region: ap-northeast-1
    default_launch_type: FARGATE
#+end_src
*** alice
#+begin_src yaml :noweb-ref aws-ecs-alice
  alice-fargate-dev:
    cluster: alice-fargate-dev
    region: ap-northeast-1
    default_launch_type: FARGATE
#+end_src
*** config
#+begin_src yaml :noweb yes :tangle (expand-file-name "~/.ecs/config") :mkdirp yes
  version: v1
  default: dummy
  clusters:
    <<aws-ecs-dummy>>
    <<aws-ecs-alice>>
#+end_src
```

`ecs-cli` の場合、 `--aws-profile` と `--ecs-profile` という引数で指定できます。

```shell
ecs-cli \
    compose \
        --aws-profile alice \
        --ecs-profile alice-fargate-dev \
        --project-name alice-logging \
        --cluster alice-fargate-dev \
        --file ./path/to/docker-compose.yml \
        --ecs-params ./path/to/ecs-params.yml \
    service up
```

--------------------------------------------------------------------------------
title: "PHP8から追加されたJITについて学ぼう!"
date: "2022-12-22"
--------------------------------------------------------------------------------

## 始めに {#始めに}

2023年現在、PHPは世界中の企業で使われており、もっとも成功しているプログラミング言語の1つと言っても過言ではないくらい開発者から愛されています。
WikipediaやWordPressもPHP製のプロダクトですので、開発者でなくてもPHPの恩恵を受けている人は多いでしょう。

私も5年以上PHPを用いて開発していますが、日進月歩で進化し続けるPHPにワクワクさせられています。

PHP 8.0が2020年11月にリリースされ、さまざまな便利な新機能が追加されました。
特に `Match式` は複雑な条件分岐を「式」で書くことができ、より柔軟な記述が可能になります。

高く評価されている新機能の1つに `JIT (ジャストインタイム) コンパイラ` があります。
JITを正しく使うと、条件によってはアプリケーションの1.5倍以上高速化できるということを公式のリリースページに書いてあります。

そもそもJITとは何か、PHP上でどのようにJITが動作しているのかを知れば、アプリケーションの記述を変えずに高速化できるでしょう。


## JITについての概要 {#jitについての概要}

JIT自体の歴史は長く、さまざまな言語の処理系で実装されています。
JavaScriptの処理系であるV8 EngineもJITを導入することによって大幅な高速化を実現しました。

Ruby 3.1ではYJITが導入されました。
YJITはShopify社製のJIT Compilerで、同社はRailsアプリケーションが `20%~40%` 程度高速化できたという報告をしています。

私の普段使っているEmacsでもJIT Compilerがサポートされて、体感速度として感じられるくらい動作がサクサクになったという実感があります。

PHP、Ruby、JavaScriptのような動的型付き言語は、CやRustのような静的型付き言語よりも実行速度が遅いです。
遅い理由は様ありますが、実行時に字句解析、構文解析、コンパイルをして中間コードを吐き出し、VM上で実行をしているのが原因です。
変数や関数の型情報の多くは実行時に決まり、実行時にVM上で最適化が走るので、どうしても遲くなってしまいます。

高速に実行するアプローチの1つにJIT Compileがあります。
JIT Compileは実行時にマシンコードを吐き出し、キャッシュ上に乗せ、再度実行する時にキャッシュ上のマシンコードを実行するというアプローチです。
マシンコードにすることによって、中間コードにわざわざ変換をしてVM上で変換をする必要がないので高速に動かすことができます。

ちなみに、JITの対比として、C言語のような事前にコンパイルする通常の手法はAOT（Ahead-Of-Time）コンパイルと呼びます。

JIT Compilerの実装挟まざまありますが、PHPではDynASMを使っています。
DynASMはLuaでも使われており、すでに実績を残しています。


## PHPのJITの基本的なしくみ {#phpのjitの基本的なしくみ}

2023年1月現在、JITはOPCacheのサブセットとして提供されています。
OPCacheとJITの立ち位置について解説していきます。


### PHPのみの場合 {#phpのみの場合}

{{< figure src="/images/E629D887-07A8-4018-9F8A-D2F8EDA7F579.png" >}}

PHPは通常、図のような処理が行われます。

字句解析で文字列をトークン化、構文解析で `opcode` を含む構文木（AST）を作り、VM上で実行をする、というフローをたどります。

`opcode` は中間コードのことであり、VMで解釈できるような命令セットのことです。
VMの仕事は中間コードを読み込み、最適化したうえで処理を実行をすることです。

PHPのVMは `ZendEngine` と呼ばれており、ZendEngineがCPUアーキテクチャ間の際を吸収しています。
私達が普段 `M1 Mac` でも `Intel x86` でも同じコードから同じ実行結果を得られるのは `ZendEngine` があるからこそです。

通常PHPは実行時にこれら一連の処理を毎回行っています。
PHPサーバのプロセスを再起動せずにコードが反映されるというメリットがあります。
しかし、毎回一連の処理をするのは非効率です。

適切にcacheを効かせて実行時の処理を減らす機構こそがOPCacheです。


### OPCacheの場合 {#opcacheの場合}

{{< figure src="/images/9187F38B-4144-4714-ACCE-A2B61E58AFBC.png" >}}

OPCacheを有効にすると、図のような処理が行われます。

字句解析や構文解析をした結果をOPCacheでキャッシュをすることによって、2回目以降（キャッシュが存在する場合）処理をせずに済みます。

OPCacheでキャッシュされたものは共有メモリに保存されます。
共有メモリに保存されることによって、 `apache` や `php-fpm` のような複数プロセスが動かすような環境にも対応しています。

OPCacheはPHP 5.5で標準機能として取り込まれたもので、それ以前から `pecl` 経由でインストールできました。
歴史と実績のある機能で、ほとんどのPHPを使っている企業ではOPCacheを有効にして運用しているはずです。

ただOPCacheを有効にしたところで、結局は `ZendEngine` 上で逐次実行をしているのでどうしても遲くなってしまいます。
`ZendEngine` を経由せずに直接マシンコード生成し、CPU上で実行をする手法がJITというものです。


### JITの場合 {#jitの場合}

{{< figure src="/images/83898EDD-3E79-48F6-B725-8298DC6428CF.png" >}}

JITを有効にすると、図のような処理が行われます。
Tracerで実行時前後の型情報を集め、JITコンパイルをしてマシンコードを生成、OPCache内のJIT Bufferにマシンコードをキャッシュをします。
2回目以降（キャッシュが存在する場合）は、マシンコードをそのままCPU上で実行することによってZend Engineすら動かさずにPHPコードを実行できます。

JITを有効にしたら必ずしも高速化するかといわれたらそうではない場合もあります。
最初にJITコンパイルが実行されるタイミングはどうしてもコストがかかってしまいます。
偶にしか実行されないPHPコードも含め全部JITコンパイルをするのは無駄が多く発生してしまいます。
ベンチマークで結果が出ていない場合はだいたいこれが原因だと推測できます。

何度も呼ばれている関数のみを計画的にJITコンパイルする方が筋のよい方法でしょう。

PHPのJITには `tracing` という機能があります。
関数がどれくらい呼ばれたか、どのような引数の型で呼ばれたのか等、実行時の情報を収集する機能があります。
関数呼び出し回数の閾値が超えたタイミングでJITコンパイルをします。


## インストール方法 {#インストール方法}

JITを利用するにあたって、 `php.ini` のOPCache周りの設定を有効にする必要があります。

```ini
[opcache]
opcache.enable=1
opcache.enable_cli=1
```

JITを次のように有効にします。

```ini
opcache.jit=tracing ; function
opcache.jit_buffer_size = 128M
```

`opcache.jit` のオプションは大きく分けて `tracing` と `function` の2つがあります。
`tracing` や `function` という文字列はエイリアスであって、4桁の整数値 `CRTO` を直接指定するという高度な使い方もあります。

CRTOはそれぞれ次の略称です。

-   C （特定のCPU向けの最適化フラグ）
-   R （レジスタの割り付け）
-   T （JITを行うトリガ）
-   O （最適化レベル）

`opcache.jit_buffer_size` はコンパイル済みのJITコードを保存する共有メモリの合計サイズです。
少なめに指定してしまうとJITを有効に活用できないので、OPCacheで割り当てた共有メモリの `50%` 程度指定するとよいでしょう。

`opcache.jit` を `tracing` で有効にした場合、 `opcache.jit_hot_loop` や `opcache.jit_hot_func` など細かく指定できます。
基本的にはデフォルトの設定で問題ないですが、チューニングしたい場合はこのあたりの設定を弄るとよいでしょう。


## JITに適したコード {#jitに適したコード}

次のような `A` と `B` のコードはどちらがJITに適したコードでしょうか？

A:

```php
function A($a, $b)
{
    return $a + $b;
}
```

B:

```php
declare(strict_types=1);

function B(float $a, float $b): float
{
    return $a + $b;
}
```

答えは `B` です。

JIT Compilerは実行時前後に型情報を集め、最適化されたマシンコードを吐き出します。

`declare(strict_types=1);` は厳格な型検査モードの指定構文です。
暗黙な型変換を抑えることができます。

PHP 7以降型をより厳格に書けるようになり、PHPStanやPsalmのような静的型検査ができるツールも普及してきています。
それらのツールを使い、厳格に記述すればするほどJIT Compilerの恩恵を受けることができるでしょう。


## 終わりに {#終わりに}

冒頭にも書きましたが、PHPという言語は常に正しく、安全に、高速に動かすべく進化をしています。
10年前では考えられないほど堅牢に記述でき、実行時のバグが圧倒的に減ったはずです。

PHPのバージョンを常に上げ続けるのは苦労します。
今まではWarningで済んでたものがErrorになったり、依存するComposer packageが対応していなかったり、大きいプロダクトであればあるほどたいへんさが増します。
しかし、バージョンを上げることによって多くのメリットを享受できるので、普段から上げやすい体勢を整えることが求められています。

あなたが関わっているPHPプロジェクトも8.0に上げてJITを有効にし、高速化してみてはいかがでしょうか。


## 参考記事 {#参考記事}

-   [The Unofficial DynASM Documentation](https://corsix.github.io/dynasm-doc/index.html)
-   [YJIT: Building a New JIT Compiler for CRuby](https://shopify.engineering/yjit-just-in-time-compiler-cruby)
-   [PHP JIT in Depth](https://php.watch/articles/jit-in-depth)
-   [JIT のコードを読んでみた](https://www.slideshare.net/y-uti/jit-70023246)
-   [JITあれこれ](https://keens.github.io/blog/2018/12/01/jitarekore/)
-   [ネイティブコンパイルEmacsの登場](https://blog.tomoya.dev/posts/hello-native-comp-emacs/)
-   [PHP8でのJIT導入の背景について調べてみた](https://tech.griphone.co.jp/2021/12/23/php8jit/)


## Backlinks {#backlinks}

-   [phperkaigi 2023でパンフレット記事寄稿&amp;登壇してきました]({{< relref "20230327015058-phperkaigi_2023_report" >}})
-   [php-srcとyieldについて調査メモ]({{< relref "20250625115611-yield_in_php_src" >}})
-   [巨大なLaravelレポジトリでphpactorを使うTips]({{< relref "20250515004832-phpactor_performance_huge_projects" >}})
-   [「第149回 PHP勉強会＠東京」で登壇してきました]({{< relref "20230220161138-phpstudy_149_report" >}})

--------------------------------------------------------------------------------
title: "sitemap.xmlからURLを良い感じに抽出してPlaywrightでUIを目視確認する"
date: "2022-12-22"
--------------------------------------------------------------------------------

## やりたいこと {#やりたいこと}

フレームワークや言語のバージョンを上げたり、UI周りのリファクタリングをした際に、500やデザイン崩れがないかを確認したい。
理想をいうとxUnitのようなテストコードを書いたりする方がよいのだが、テストコードを書くと工数が非常にかかるし、もともとテストコードがない環境だとしんどい。

また、テストコードでは当然UIの目視確認まではできない。

サクっと主要なページを目視で眺める方法ないかなと考えてたところ、「確認したいページリストを `sitemap.xml` から生成してよい感じに自動でスクロールすればよいのでは。..?」ということを思いついたので書いていく。

特に拘泥がなかったので [2021年現在、Puppeteerを使う理由はなくなった。Playwrightを使おう。](https://zenn.dev/yusukeiwaki/articles/db1cd8d7aa87ed) を読んでPlaywrightを選んだ。


## ソースコード {#ソースコード}

必要packageは次の3つ。

```shell
$ npm install playwright
$ npm install axios
$ npm install xml2json
```

コード全体像は以下。

```js
const axios = require("axios");
const parser = require("xml2json");
const { chromium } = require("playwright");

const BASE_URL = "<edit your url>";

const fetchSitemap = async () => {
    const res = await axios.get(`${BASE_URL}/sitemap.xml`);
    const body = JSON.parse(parser.toJson(res.data));
    return body.urlset.url.map((url) => url.loc);
};

const filterSitemapUrls = (urls) => {
    const cb = (path) => {
        let count = 0;

        return (url) => {
            if (!url.match(path)) return true;
            if (count === 3) return false;

            count++;
            return true;
        };
    };

    return urls
        .filter(cb(/posts\//))
        .filter(cb(/articles\//));
};

const evaluateScript = async () => {
    const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
    for (let index = 0; index < document.body.scrollHeight / 10; index += 100) {
        window.scrollTo(0, index * 10);
        await delay(1000);
    }
};

const runSitemapScenarios = async (page) => {
    const urls = await fetchSitemap();
    for (const url of filterSitemapUrls(urls)) {
        await page.goto(url);
        await page.evaluate(evaluateScript);
    }
};

const main = async () => {
    const browser = await chromium.launch({ headless: false });
    const page = await browser.newPage();

    await runSitemapScenarios(page)

    await browser.close();
};

main();
```


## 解説 {#解説}

`<base_url>/sitemap.xml` を `axios` で取得し、 `xml2json` でxmlをjsonに変換後、playwrightで下までスクロールする。
ただ、純粋に `sitemap.xml` をすべて眺めるのは厳しい。
`/articles/<id>` のような動的に生成されたページをすべて見るのは無駄だ。

特定のパターンのURLは先頭3つのみにするなど丸める必要があったので次のようなコードを書いた。

```js
const filterSitemapUrls = (urls) => {
    const cb = (path) => {
        let count = 0;

        return (url) => {
            if (!url.match(path)) return true;
            if (count === 3) return false;

            count++;
            return true;
        };
    };

    return urls
        .filter(cb(/posts\//))
        .filter(cb(/articles\//));
};
```

また、ページを開いてから一番下まで目視確認できるようにゆっくりスクロールするようにした。

```js
const evaluateScript = async () => {
    const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
    for (let index = 0; index < document.body.scrollHeight / 10; index += 100) {
        window.scrollTo(0, index * 10);
        await delay(1000);
    }
};

const runSitemapScenarios = async (page) => {
    const urls = await fetchSitemap();
    for (const url of filterSitemapUrls(urls)) {
        await page.goto(url);
        await page.evaluate(evaluateScript);
    }
};
```

--------------------------------------------------------------------------------
title: "Emacsを世界最速級で起動する方法"
date: "2022-12-17"
--------------------------------------------------------------------------------

[Emacs Advent Calendar 2022](https://qiita.com/advent-calendar/2022/emacs) 19日目です。

[Vim Advent Calendar 2022](https://qiita.com/advent-calendar/2022/vim) 3日目の [爆速で起動する Neovim を作る](https://qiita.com/delphinus/items/fb905e452b2de72f1a0f) に触発されて、「自分もEmacs版を書くぞ！」ということで書いていきます。

なお、VimとEmacsの比較をし易くするためになるべく文章の構成を寄せて書くことをご了承ください。


## 始めに {#始めに}

「Emacsを高速に起動する」ということに対して、多くのEmacsユーザーは興味がありません。
本来Emacsというのは常に起動し続けるものであり、必要に応じてEmacs Lispを適用し、テキストエディタをカスタマイズしていくものです。
現に「Emacs, 起動、 高速化」と検索すると、「4000msを1000msにした」のような秒単位での高速化の記事ばかりみつかります。

もしあなたが設定を変えずに手軽に高速に起動したい場合は `emacs --daemon` でdaemonを立ち上げ、 `emacsclient` でつなぐようにすればよいでしょう。
私は他人のdotfilesを読むのが趣味なのですが、多くのEmacsユーザーは `EDITOR=emacsclient` と設定しています。

また、起動時間のみを考慮するなら `~/.emacs.d/init.el` を削除して素で起動すればよいでしょう。
そうなると純粋にマシンスペックの勝負になります。
Emacsは素の状態でも十分魅力的な機能を多数盛り込まれているが、カスタマイズしてこそ真価を発揮するエディタなのでアプローチとしてはイマイチでしょう。

この記事を読む前に [Emacs の起動時間を""詰める""](https://zenn.dev/zk_phi/books/cba129aacd4c1418ade4) を熟読することを推奨しています。
特に次のChapterは非常に有益なテクニックが詰め込まれており、大幅な速度改善を見込めます。

-   [autoload と with-eval-after-load](https://zenn.dev/zk_phi/books/cba129aacd4c1418ade4/viewer/abb04ff2351b3564a1a0)
-   [擬似非同期ロードによる"待たされ感"改善](https://zenn.dev/zk_phi/books/cba129aacd4c1418ade4/viewer/c47f8eb7cd547b95ba91)
-   [その他のテクニック：不要な処理を省くハックたち](https://zenn.dev/zk_phi/books/cba129aacd4c1418ade4/viewer/dcebc13578d42055f8a4)

本のあらすじにも書いてあるとおり、Emacs自体にすでに大量のファイルがある状態で高速に起動する時点で自分の設定を見直さなければならないことは明白でしょう。

> しかし、考えてみれば Emacs には 1000 以上の Emacs Lisp ファイルが初めから同梱されているわけで、そこに数十のプラグインを足しただけで爆裂に遅くなるのは、なにか設定にも問題がある気がします。

詳細は後述しますが、現在の私のEmacsは15〜25ms程度で起動をします。
一切設定を読まずに素で起動するコマンド `emacs -Q` で起動させると2ms程度です。
まだまだ高速に起動させる余地はありますが、「高速に起動させることができている」と自負しても問題ないでしょう。

```text
Emacs booting time: 20 [msec] = ‘emacs-init-time’.
Loading init files: 10 [msec], of which 1 [msec] for ‘after-init-hook’.
```


## 前提 {#前提}


### 環境 {#環境}

2022年12月現在、 `Macbook Pro 16-inch, 2019` の標準モデルを使っています。

```shell
$ neofetch
                    'c.          take@obaranoMacBook-Pro.local
                 ,xNMM.          -----------------------------
               .OMMMMo           OS: macOS 13.1 22C65 x86_64
               OMMM0,            Host: MacBookPro16,1
     .;loddo:' loolloddol;.      Kernel: 22.2.0
   cKMMMMMMMMMMNWMMMMMMMMMM0:    Uptime: 1 day, 18 hours, 29 mins
 .KMMMMMMMMMMMMMMMMMMMMMMMWd.    Packages: 347 (brew)
 XMMMMMMMMMMMMMMMMMMMMMMMX.      Shell: fish 3.5.1
;MMMMMMMMMMMMMMMMMMMMMMMM:       Resolution: 1792x1120@2x
:MMMMMMMMMMMMMMMMMMMMMMMM:       DE: Aqua
.MMMMMMMMMMMMMMMMMMMMMMMMX.      WM: Quartz Compositor
 kMMMMMMMMMMMMMMMMMMMMMMMMWd.    WM Theme: Blue (Dark)
 .XMMMMMMMMMMMMMMMMMMMMMMMMMMk   Terminal: tmux
  .XMMMMMMMMMMMMMMMMMMMMMMMMK.   CPU: Intel i7-9750H (12) @ 2.60GHz
    kMMMMMMMMMMMMMMMMMMMMMMd     GPU: Intel UHD Graphics 630, AMD Radeon Pro 5300M
     ;KMMMMMMMWXXWMMMMMMMk.      Memory: 9716MiB / 16384MiB
       .cooc,.    .,coo:.
```

Emacsのversionは `30.0.50` です。
日々HEAD buildをしているので最新のversionとは微妙に差異がありますが、起動速度にはそこまで大きな差が出ないでしょう。

```shell
$ emacs -version
GNU Emacs 30.0.50
Development version 6a390fd42ec4 on master branch; build date 2022-12-17.
Copyright (C) 2022 Free Software Foundation, Inc.
GNU Emacs comes with ABSOLUTELY NO WARRANTY.
You may redistribute copies of GNU Emacs
under the terms of the GNU General Public License.
For more information about these matters, see the file named COPYING.
```


### 設定について {#設定について}

-   [takeokunn/.emacs.d](https://github.com/takeokunn/.emacs.d)
-   [init.el](https://emacs.takeokunn.org/)
-   [early-init](https://emacs.takeokunn.org/early-init)

2022年現在、 `init.el` と `early-init.el` は6800行（空白を除くと5800行）程度あります。
設定を別ファイルに切り分けたりしておらず、 `init.el` 1つで管理をしています。

すべての設定を `org-mode` で管理しており、GitHub ActionsでbuildをしGitHub Pagesにhostingしています。

`el-get` で導入しているpackage数は384個です。

```shell
$ ls -l ~/.emacs.d/el-get | wc -l
     384
```


## 起動速度の測り方 {#起動速度の測り方}


### そもそも起動速度とはなんなのか {#そもそも起動速度とはなんなのか}

Emacsはざっくり次のような起動プロセスを踏みます。

-   boot処理（C言語）
-   [lisp/startup.el](https://github.com/emacs-mirror/emacs/blob/master/lisp/startup.el) が読み込まれる
-   [normal-top-level](https://github.com/emacs-mirror/emacs/blob/6a390fd42ec4ef97d637899fc93f34ea65639e3c/lisp/startup.el#L577-L850) が実行される
-   [command-line](https://github.com/emacs-mirror/emacs/blob/6a390fd42ec4ef97d637899fc93f34ea65639e3c/lisp/startup.el#L1125-L1639) が実行される
-   `~/.emacs.d/early-init.el` が読み込まれる
    -   [https://github.com/emacs-mirror/emacs/blob/6a390fd42ec4ef97d637899fc93f34ea65639e3c/lisp/startup.el#L1358-L1367](https://github.com/emacs-mirror/emacs/blob/6a390fd42ec4ef97d637899fc93f34ea65639e3c/lisp/startup.el#L1358-L1367)
-   `~/.emacs.d/init.el` が読み込まれる
    -   [https://github.com/emacs-mirror/emacs/blob/6a390fd42ec4ef97d637899fc93f34ea65639e3c/lisp/startup.el#L1482-L1507](https://github.com/emacs-mirror/emacs/blob/6a390fd42ec4ef97d637899fc93f34ea65639e3c/lisp/startup.el#L1482-L1507)

Emacs自体にpatchを当てない限り、 `~/.emacs.d/early-init.el` より前には手が出せません。
[lisp/proced.el](https://github.com/emacs-mirror/emacs/blob/master/lisp/proced.el) のような既存のEmacs Lispファイルは[portable dumper](https://www.emacswiki.org/emacs/DumpingEmacs)ですでに実行可能なbinaryに出力されており、fileをloadすることなく実行されているようです。

Emacsのbuild時に自分の `init.el` を読み込ませて `pdump` を生成するのが真の最速であり、5ms以内での起動を期待できます。
たとえ記述がほぼないとしても `init.el` と `early-init.el` を読み込み実行するというのは重いもので、File I/Oというのは重いものだと実感させられました。
しかし、それではEmacsのカスタマイズ性というのを殺すことになるので今回は含めないこととします。


### 計測方法 {#計測方法}

`init.el` に次のようなコードを記述します。

```emacs-lisp
(defconst my/before-load-init-time (current-time))

;;;###autoload
(defun my/load-init-time ()
  "Loading time of user init files including time for `after-init-hook'."
  (let ((time1 (float-time
                (time-subtract after-init-time my/before-load-init-time)))
        (time2 (float-time
                (time-subtract (current-time) my/before-load-init-time))))
    (message (concat "Loading init files: %.0f [msec], "
                     "of which %.f [msec] for `after-init-hook'.")
             (* 1000 time1) (* 1000 (- time2 time1)))))
(add-hook 'after-init-hook #'my/load-init-time t)

(defvar my/tick-previous-time my/before-load-init-time)

;;;###autoload
(defun my/tick-init-time (msg)
  "Tick boot sequence at loading MSG."
  (when my/loading-profile-p
    (let ((ctime (current-time)))
      (message "---- %5.2f[ms] %s"
               (* 1000 (float-time
                        (time-subtract ctime my/tick-previous-time)))
               msg)
      (setq my/tick-previous-time ctime))))

(defun my/emacs-init-time ()
  "Emacs booting time in msec."
  (interactive)
  (message "Emacs booting time: %.0f [msec] = `emacs-init-time'."
           (* 1000
              (float-time (time-subtract
                           after-init-time
                           before-init-time)))))

(add-hook 'after-init-hook #'my/emacs-init-time)
```

参考記事はこちら。

-   [起動時間を計測する 改訂版 - すぎゃーんメモ](https://memo.sugyan.com/entry/20120120/1327037494)
-   [init.org - takaxp/emacs.d](https://github.com/takaxp/emacs.d/blob/master/init.org#241-emacs-%E8%B5%B7%E5%8B%95%E6%99%82%E3%81%AE%E5%91%BC%E3%81%B3%E5%87%BA%E3%81%97%E9%A0%86)

そうすると起動後 `*Minibuffer*` に起動時間の出力がされるはずです。

```text
Emacs booting time: 20 [msec] = ‘emacs-init-time’.
Loading init files: 10 [msec], of which 1 [msec] for ‘after-init-hook’.
```


### 評価のし方 {#評価のし方}

高速化する上で重要なのは、評価指標をマシンスペックに依存しない形で評価をすることでしょう。

次のような `init.el` を作成すれば、起動時にどのような処理が行われているのか知ることができます。

`init.el`:

```emacs-lisp
(require 'profiler)
(profiler-start 'cpu)

;;; --------- 処理中略 ---------

(profiler-report)
(profiler-stop)
```

上記のような、処理が空の `init.el` を用意して起動すると次のようなreport bufferが起動するでしょう。

```text
Samples    %   Function
      7 100% - normal-top-level
      7 100%  - command-line
      7 100%   - startup--load-user-init-file
      7 100%    - load
      7 100%       byte-code
      0   0% + ...
```

多少ブレがあるものの、自分の `init.el` で実行をするとSamples数が15以内で起動します。
Sample数が素に近ければ近いほど、高速に動いているといえます。


## この記事で達成する目標 {#この記事で達成する目標}

皆さんのEmacsの起動速度はどうでしょうか？
私の感覚になりますが、だいたい次のように分類できるでしょう。

-   5000ms以上
    -   だいぶ遅い
    -   外部への通信（パッケージの更新等）が多数走ってしまっている可能性が高い
-   1000ms 〜 5000ms
    -   一般的な速度
    -   だいたいのEmacsユーザーはこの辺だろう
    -   パッケージ管理ツールを普通に使って普通に設定しているとこのくらい
-   100ms 〜 1000ms
    -   パッケージ管理ツールで高速化をするとだいたいこの辺になる
    -   そこそこ頑張る必要がある
-   100ms以下
    -   すべての設定をパッケージ管理ツールを使わずに素で書いているか、高速化にこだわった設定をしている
    -   かなり頑張る必要がある
    -   `EDITOR=emacs` 設定するのを視野に入れられる

[NeoVimの場合](https://qiita.com/delphinus/items/fb905e452b2de72f1a0f#3-%E3%81%93%E3%81%AE%E8%A8%98%E4%BA%8B%E3%81%A7%E9%81%94%E6%88%90%E3%81%99%E3%82%8B%E7%9B%AE%E6%A8%99)はこちら。
Neovimでは「50ms以下」から「500ms以上」を話題にしているので明らかにEmacsはスタート地点が遅い。

この記事では当然100ms以下を目指している。


## 具体的なアプローチ方法 {#具体的なアプローチ方法}


### パッケージ管理ツールについて {#パッケージ管理ツールについて}

多くの人は `use-package` や `leaf` を使っていることでしょう。
`use-package` の実態はパッケージ管理ツールというよりはmacroです。

`use-package` 内に適切の設定を記述すると、パッケージを落としパスを通し、関数や変数の設定を記述したりする `s式` を生成してくれます。
私は `use-package` には疎いので正確なことは書けませんが、~s式~ の効率がよいかといわれたら最高速をたたき出せるものではありません。

普通にEmacsの設定をするなら間違いなく使うべきものですが、今回のようなパフォーマンスを求める場合あまりお勧めできるものではありません。


### NativeComp {#nativecomp}


#### EmacsをFull NativeCompでBuildする {#emacsをfull-nativecompでbuildする}

多くの人はHomebrewのようなパッケージマネージャーで落してBuildしたEmacsを使っていることでしょう。
それだと細かいbuildの設定もできないし、かゆい所に手が届きません。

まずは `git clone` をします。

```shell
$ git clone git://git.sv.gnu.org/emacs.git
$ cd emacs
```

次にNativeCompでbuildします。
私は毎日 `git pull` したうえで次のコマンドを叩いてbuildしています。

```shell
$ ./autogen.sh && ./configure --with-native-compilation=aot --without-ns --without-x --with-libxml2=/usr/bin/xml2-config && make -j8
$ sudo make install
```

`--with-native-compilation=aot` が特に重要です。

[ネイティブコンパイルEmacsの登場](https://blog.tomoya.dev/posts/hello-native-comp-emacs/)に書いてありますが、2021年4月ころにNative Compがサポートされました。
`foo.el` というファイルから `foo.eln` という拡張子のファイルを生成します。
`brew install libgccjit` などをしてちゃんと `libgccjit` をinstallする必要があります。
[EmacsのNative Compilationの性能を測定する](https://www.grugrut.net/posts/202104272222/)でも検証されているが、かなりの高速化が期待できます。

[Add --with-native-compilation=aot configuration option](https://github.com/emacs-mirror/emacs/commit/e245c4f226979ccb717cccc8f82b2b0a0f96bdac) で `aot` を指定してbuildするとEmacsのFull Native Compが実行されるようになりました。
`make -j <proc>` でproc数を多くすると処理が重すぎてPCが固まるので少なめに設定しておく方がよいです。


#### NativeCompした結果のファイル（eln）が優先的に読み込まれる {#nativecompした結果のファイル-eln-が優先的に読み込まれる}

Emacs Lispで別のファイルを呼び込む際に `(load "/path/to/dir/file")` のように書きます。

実際に、[command-line](https://github.com/emacs-mirror/emacs/blob/6a390fd42ec4ef97d637899fc93f34ea65639e3c/lisp/startup.el#L1125-L1639)から `init.el` や `early-init.el` を読み込む時にも `load` は使われています。

[コード(startup--load-user-init-file)](https://github.com/emacs-mirror/emacs/blob/6a390fd42ec4ef97d637899fc93f34ea65639e3c/lisp/startup.el#L1011-L1120)はここです。

[load関数の定義](https://github.com/emacs-mirror/emacs/blob/6a390fd42ec4ef97d637899fc93f34ea65639e3c/src/lread.c#L1173-L1628) を見てみると、優先的に `.eln` を読むようになっているようなので早めにNativeCompする必要があります。


#### init.elとearly-init.elをbyte-compileする {#init-dot-elとearly-init-dot-elをbyte-compileする}

[バイトコンパイル - Emacs の起動時間を""詰める""](https://zenn.dev/zk_phi/books/cba129aacd4c1418ade4/viewer/972544d4b66cf5c1a75c)について。

Byte Compileの[ドキュメント](https://ayatakesi.github.io/emacs/24.5/elisp_html/Byte-Compilation.html)には次のような記述があります。

> Emacs Lispには、Lispで記述された関数を、より効率的に実行できるバイトコード(byte-code)と呼ばれる特別な表現に翻訳するコンパイラー(compiler)があります。コンパイラーはLispの関数定義をバイトコードに置き換えます。バイトコード関数が呼び出されたとき、その定義はバイトコードインタープリター(byte-code interpreter)により評価されます。

こんな感じでbyte-compileするとよいです。

```shell
$ emacs -Q --batch -f batch-byte-compile early-init.el
$ emacs -Q --batch -f batch-byte-compile init.el
```

基本的にはnative compが優先的に読まれるので意味がないといわれたらそうなのですが、後述する `el-get` はbyte-compile時に発行させるので流す必要があります。


#### NativeCompの設定 {#nativecompの設定}

`native-comp-speed` と `native-comp-async-jobs-number` を設定するとよいです。

`native-comp-speed` は最適化オプションで0〜3があります。
[ソースコード](https://github.com/emacs-mirror/emacs/blob/6a390fd42ec4ef97d637899fc93f34ea65639e3c/lisp/emacs-lisp/comp.el#L46-L58)はこちら。
「Warning: with 3, the compiler is free to perform dangerous optimizations.」と書いてありますが、半年以上この設定で問題なく使えているので気にしなくてよいでしょう。

`native-comp-async-jobs-number` はjob数で大きめに設定するとPCが極端に重くなってしまうので低めに設定しておくことをお勧めします。

```emacs-lisp
(with-eval-after-load 'comp
  (setq native-comp-async-jobs-number 8)
  (setq native-comp-speed 3))
```


#### init.elとearly-init.elをNativeCompする {#init-dot-elとearly-init-dot-elをnativecompする}

`native-compile-async` でNativeCompileできます。
コンパイル結果の出力は `*Async-native-compile-log*` bufferです。

```emacs-lisp
(native-compile-async "~/.emacs.d/init.el")
(native-compile-async "~/.emacs.d/early-init.el")
```


### early-init.elについて {#early-init-dot-elについて}

[early-init.el - Emacs の起動時間を""詰める""](https://zenn.dev/zk_phi/books/cba129aacd4c1418ade4/viewer/dcebc13578d42055f8a4#early-init.el)について。

`early` と書いてあるとおり、初期段階で読み込まれるものです。
「初期段階」で読み込まれるとは具体的に何でしょうか？
`early-init.el` に書くべき処理とそうでない処理の違いとはなんなのでしょうか？

[49.4.6 The Early Init File](https://www.gnu.org/software/emacs/manual/html_node/emacs/Early-Init-File.html)には次のように記述されています。

> By contrast, the normal init files are read after the GUI is initialized.

要するに「GUIを初期化するより前に読み込まれる」としか書いてないです。

`early-init.el` と `init.el` が読み込まれる間のコードを読むしかないです。

[https://github.com/emacs-mirror/emacs/blob/6a390fd42ec4ef97d637899fc93f34ea65639e3c/lisp/startup.el#L1369-L1479](https://github.com/emacs-mirror/emacs/blob/6a390fd42ec4ef97d637899fc93f34ea65639e3c/lisp/startup.el#L1369-L1479)

実行されている主な関数は以下。

-   startup--update-eln-キャッシュ
-   package-activate-all
-   window-system-initialization
-   frame-initialize
-   tool-bar-setup
-   normal-erase-is-backspace-setup-frame
-   tty-register-default-colors

この辺に関係する設定をすればよいでしょう。

またC言語側のコードは先に読まれるはずです。
GC関係のコードは[src/alloc.c](https://github.com/emacs-mirror/emacs/blob/master/src/alloc.c)に記述されているので、 `gc-cons-threshold` は `early-init.el` に書く方がよいです。

余談ですが、EXWM環境の場合 `(setq frame-inhibit-implied-resize t)` をするとEXWMがwindow resizeできなくなるので描画がおかしくなるので注意が必要です。


### Compile時処理 {#compile時処理}


#### el-get-bundleをeval-when-compile時に落とす {#el-get-bundleをeval-when-compile時に落とす}

私は `el-get` ユーザーなので別のpackage managerのことはわかりませんが、package installはbyte-compile時に行っています。
[dimitri/el-get](https://github.com/dimitri/el-get)の `Installation` を参考に設定していきます。

`eval-when-compile` はbyte-compile時にしか発行せず、生成された `elc` には処理結果が記述されるというものです。

私は `el-get` で380個程度のpackageを落としている関係上、非常に時間がかかるのでshallow cloneするようにしています。

```emacs-lisp
(eval-when-compile
  (add-to-list 'load-path (locate-user-emacs-file "el-get/el-get"))
  (with-current-buffer
      (url-retrieve-synchronously
       "https://raw.githubusercontent.com/dimitri/el-get/master/el-get-install.el")
    (goto-char (point-max))
    (eval-print-last-sexp))

  (with-eval-after-load 'el-get-git
    (setq el-get-git-shallow-clone t)))
```

実際にinstallするpackageは次のように記述しています。

```emacs-lisp
(eval-when-compile
  (el-get-bundle "yasnippet"))

(eval-when-compile
  (el-get-bundle takeokunn/yasnippet-org))
```


#### 環境ごとのif文をmacroで定義する {#環境ごとのif文をmacroで定義する}

私のEmacs環境は3つあります。

-   Mac CLI環境
-   Mac GUI環境
-   Guix exwm環境

前提にも書いたとおり、今回高速化するにあたって「Mac CLI環境」にフォーカスして話していたが、実際運用している環境は3つあります。
たとえば「Mac環境ではexwm関係のpluginは不要」のような、環境ごとに必要な処理やライブラリが微妙に違うので条件分岐が必要になってきます。

3環境を分岐できるようなmacroを作成し、byte-compile時に条件分岐しました。

```emacs-lisp
;;; Mac CLI環境
(defmacro when-darwin (&rest body)
  (when (string= system-type "darwin")
    `(progn ,@body)))

;;; Mac GUI環境
(defmacro when-darwin-not-window-system (&rest body)
  (when (and (string= system-type "darwin")
             window-system)
    `(progn ,@body)))

;;; Guix exwm環境
(defmacro when-guix (&rest body)
  (when (string= system-type "guix")
    `(progn ,@body)))
```


### ライブラリ周りの読み込み {#ライブラリ周りの読み込み}


#### async loadをする {#async-loadをする}

[擬似非同期ロードによる"待たされ感"改善 - Emacs の起動時間を""詰める""](https://zenn.dev/zk_phi/books/cba129aacd4c1418ade4/viewer/c47f8eb7cd547b95ba91) について。

`run-with-timer` で起動n秒後にqueue内の処理を順次実行するというアプローチです。

私はpackageを380個程度入れているので、起動した瞬間に使いたいpackageがなかなかdequeueしてくれないという問題が出てきました。
早く読まれてほしいpackageが以下です。

-   dash.elやs.elのようなbasic packages
-   amx
-   magit
-   ddskk
-   projectile
-   swiper/ivy/counsel
-   doom

普通にEmacsを起動した時最初にたたくコマンドは `projectile` であることや、 `EDITOR=emacs git commit` で立ち上がった時さっさと日本語入力できるようにしたいものです。
また、fish shellから `M-g` でmagitを起動できるようしています。

```fish
function magit
    set -l git_root (git rev-parse --show-toplevel)
    emacs -nw --eval "
(progn
  (add-to-list 'load-path (locate-user-emacs-file \"el-get/dash\"))
  (add-to-list 'load-path (locate-user-emacs-file \"el-get/compat\"))
  (add-to-list 'load-path (locate-user-emacs-file \"el-get/transient/lisp\"))
  (add-to-list 'load-path (locate-user-emacs-file \"el-get/ghub/lisp\"))
  (add-to-list 'load-path (locate-user-emacs-file \"el-get/magit-pop\"))
  (add-to-list 'load-path (locate-user-emacs-file \"el-get/with-editor/lisp\"))
  (add-to-list 'load-path (locate-user-emacs-file \"el-get/magit/lisp\"))
  (require 'magit)
  (setq magit-display-buffer-function #'magit-display-buffer-fullframe-status-v1) (magit-status \"$git_root\"))"
end


function fish_user_key_bindings
    bind \eg magit
end
```

元記事を参考に優先順位高いqueueを処理する機構も作りました。

```emacs-lisp
(defvar my/delayed-priority-high-configurations '())
(defvar my/delayed-priority-high-configuration-timer nil)

(defvar my/delayed-priority-low-configurations '())
(defvar my/delayed-priority-low-configuration-timer nil)

(add-hook 'emacs-startup-hook
          (lambda ()
            (setq my/delayed-priority-high-configuration-timer
                  (run-with-timer
                   0.1 0.001
                   (lambda ()
                     (if my/delayed-priority-high-configurations
                         (let ((inhibit-message t))
                           (eval (pop my/delayed-priority-high-configurations)))
                       (progn
                         (cancel-timer my/delayed-priority-high-configuration-timer))))))
            (setq my/delayed-priority-low-configuration-timer
                  (run-with-timer
                   0.3 0.001
                   (lambda ()
                     (if my/delayed-priority-low-configurations
                         (let ((inhibit-message t))
                           (eval (pop my/delayed-priority-low-configurations)))
                       (progn
                         (cancel-timer my/delayed-priority-low-configuration-timer))))))))

(defmacro with-delayed-execution-priority-high (&rest body)
  (declare (indent 0))
  `(setq my/delayed-priority-high-configurations
         (append my/delayed-priority-high-configurations ',body)))

(defmacro with-delayed-execution (&rest body)
  (declare (indent 0))
  `(setq my/delayed-priority-low-configurations
         (append my/delayed-priority-low-configurations ',body)))
```


#### autoload/with-eval-after-loadを活用する {#autoload-with-eval-after-loadを活用する}

[autoload と with-eval-after-load - Emacs の起動時間を""詰める""](https://zenn.dev/zk_phi/books/cba129aacd4c1418ade4/viewer/abb04ff2351b3564a1a0)について。

`autoload` の挙動は上記の記事に詳細に書かれているので省きます。
ただ、 `autoload` というのは1つの関数名しか引数に取れないので非常に不便です。
次のような `autoload-if-found` という関数を作成ました。

```emacs-lisp
(defun autoload-if-found (functions file &optional docstring interactive type)
  "set autoload iff. FILE has found."
  (when (locate-library file)
    (dolist (f functions)
      (autoload f file docstring interactive type))
    t))
```

使い方はこんな感じです。

```emacs-lisp
(autoload-if-found '(lsp lsp-deferred) "lsp-mode" nil t)
```

`with-eval-after-load` は `require` が実行されたタイミングで読まれるものです。
`autolaod-if-found` ですべての処理を遅延している関係で、すべてのpackageに対して丁寧に指定する必要があります。
もし設定をしなければ、未定義変数になって起動時にWarningなりErrorが吐かれてしまいます。

次の `php-mode-` の例のように、 `with-eval-after-load` には3種類の設定をするようにしています。

-   hook
-   keybind（map）
-   custom

<!--listend-->

```emacs-lisp
(with-eval-after-load 'php-mode
  ;; hook
  (add-hook 'php-mode-hook #'lsp-deferred)

  ;; keybind
  (define-key php-mode-map (kbd "C-c C--") #'php-current-class)
  (define-key php-mode-map (kbd "C-c C-=") #'php-current-namespace)

  ;; config
  (setq php-mode-coding-style 'psr2))
```


### 設定 {#設定}


#### Magic File Name を一時的に無効にする {#magic-file-name-を一時的に無効にする}

[Magic File Name を一時的に無効にする - Emacs の起動時間を""詰める""](https://zenn.dev/zk_phi/books/cba129aacd4c1418ade4/viewer/dcebc13578d42055f8a4#magic-file-name-%E3%82%92%E4%B8%80%E6%99%82%E7%9A%84%E3%81%AB%E7%84%A1%E5%8A%B9%E3%81%AB%E3%81%99%E3%82%8B) について。

FileのI/Oは非常にコストがかかる行為だとあらためて感じました。

次の記述を書くだけです。
書くだけでかなり改善するのでコスパのよい対応だと感じています。

```emacs-lisp
;;; 行頭
(defconst my/saved-file-name-handler-alist file-name-handler-alist)
(setq file-name-handler-alist nil)

;;; 行末
(setq file-name-handler-alist my/saved-file-name-handler-alist)
```


#### GCの設定 {#gcの設定}

[GC を減らす - Emacs の起動時間を""詰める""](https://zenn.dev/zk_phi/books/cba129aacd4c1418ade4/viewer/dcebc13578d42055f8a4#gc-%E3%82%92%E6%B8%9B%E3%82%89%E3%81%99)について。

起動時にGCが回ることはっきり言ってコストでしかないです。
起動時に一度もGCを回さない程度の大きさで設定しておくとよいです。

GCが回ったかどうかは前述の「評価のし方」で `profile-report` が出力してくれるので、そこで判断できるでしょう。
私は `early-init.el` に次のように設定しています。

```emacs-lisp
(setq gc-cons-threshold (* 128 1024 1024))
```


## その他 {#その他}


### add-to-listについて {#add-to-listについて}

[安全な関数を諦める - Emacs の起動時間を""詰める""](https://zenn.dev/zk_phi/books/cba129aacd4c1418ade4/viewer/395aeb41a34a616f58bd#%E5%AE%89%E5%85%A8%E3%81%AA%E9%96%A2%E6%95%B0%E3%82%92%E8%AB%A6%E3%82%81%E3%82%8B) について。

`add-to-list` を使わずに `push` を使うほうが重複チェックを行わない関係で速くなるということが書かれています。

`add-to-list` はプログラミング言語の `major-mode` や `mior-mode` で設定する時に使うことが多いです。
私は数十のpackageを入れているのですが、 `push` に置き換えて事故って動かなくなったことがあります。

重複チェックをするかどうかで変わる秒数は1msよりも圧倒的に少ないだろうし、安全性を捨てるデメリットと比較してメリットが薄いように感じているので却下しました。

またasync loadしている関係で言語系の処理は遅延読み込みしているので、起動時には影響が出ないです。


### Porテーブル Dumperについて {#porテーブル-dumperについて}

[ポータブルダンパー - Emacs の起動時間を""詰める""](https://zenn.dev/zk_phi/books/cba129aacd4c1418ade4/viewer/e27557c39fceefe6c4f6#%E3%83%9D%E3%83%BC%E3%82%BF%E3%83%96%E3%83%AB%E3%83%80%E3%83%B3%E3%83%91%E3%83%BC) について。

あらかじめpackageを読み込んでおいた状態のmemoryをdumpするしくみ。
今回の遅延評価をするアプローチでは `Portable Dumper` は活躍できませんでした。

記述量がほぼない状態のEmacs Lispファイルを用意してmemory dumpして読み込ませてみたところ、180ms程度かかりました。

そもそもNativeCompしているライブラリはdumpできなかったりといろいろな落とし穴があるらしく、非常に使いにくいものとなっています。
Emacsを自前Buildしたタイミングで生成されるdumpに自分のコードを埋め込むくらいすれば高速になりますが、別途用意をすると非常に遲くなります。


### lsp-modeのperformanceについて {#lsp-modeのperformanceについて}

今回の起動時の高速化には関係ないが、 `lsp-mode` を高速化するTipsが公式サイトにあります。
私は `lsp-mode` をヘビーユーズしているので、パフォーマンスが大幅に改善されて生産性が上がりました。

[Performance - lsp-mode](https://emacs-lsp.github.io/lsp-mode/page/performance/)


### el-getのpackageもNativeCompする {#el-getのpackageもnativecompする}

これも今回の起動時の高速化には関係ないが、el-getで落としてきたpackageも一括でNativeCompする方がよいでしょう。
次のような関数を用意し、あらかじめ実行しておくとよいです。

`el-get/**/*.el` と `elpa/**/*.el` のすべてのファイルを再帰的にNativeCompするため時間がかかります。

```emacs-lisp
(defun my/native-comp-packages ()
  (interactive)
  (native-compile-async "~/.emacs.d/init.el")
  (native-compile-async "~/.emacs.d/early-init.el")
  (native-compile-async "~/.emacs.d/el-get" 'recursively)
  (native-compile-async "~/.emacs.d/elpa" 'recursively))
```


## 終わりに {#終わりに}

2022年はEmacsとひたすら向きあった1年でした。
今後10〜15年耐えられる設定とはなんなのかを考えた結果の1つに「起動時間の高速化」というのがありました。
ゼロから設定を見直し、より高速かつメンテナンス性の高い記述方法はなんなのか、 `emacs.d` はどうあるべきか、より善く生きていくためにはどうすればよいのかを考えつくしました。

Emacs起動時間を高速化するにあたって、Emacs本体のソースコードを読む機会が増えて多くの知識を得ることができました。
ぜひ皆さんも自分の設定をあらためて見直すきっかけにしていただけると幸いです。

いつもTwitterで疑問に答えてくれるEmacs Hackerの皆さんのおかげでこの記事を書くことができました。
今後ともよろしくお願いします。

--------------------------------------------------------------------------------
title: "aws-sdk-php v3.245.0でBC breakをおこす"
date: "2022-12-14"
--------------------------------------------------------------------------------

## 結論 {#結論}

-   `aws-sdk-php` の `v3.245.0` で `AwcClient` のconstructorの引数が変わった
-   `SqsClient` などの継承しているclassにも影響が出る
-   Composer.jsonで `"aws/aws-sdk-php": "^3.0"` のように指定しているとversionが上がって事故る


## 現象 {#現象}

2022年11月に `aws-sdk-php` の `v3.245.0` がリリースされた。

[https://github.com/aws/aws-sdk-php/releases/tag/3.245.0](https://github.com/aws/aws-sdk-php/releases/tag/3.245.0)

リリース内容の中に[Feature bearer token #2517](https://github.com/aws/aws-sdk-php/pull/2517)という変更があり、これによって `AwsClient` の記述のし方が次のように変わる。

before:

```php
$client = new AwsClient([
    'version' => 'latest',
    'region' => $_ENV['AWS_REGION'],
    'credientials' => [
        'key' => $_ENV['AWS_ACCESS_KEY_ID'],
        'secret' => $_ENV['AWS_SECRET_ACCESS_KEY'],
        'token' => $_ENV['AWS_SESSION_TOKEN'],
    ]
]);
```

after:

```php
$client = new AwsClient([
    'version' => 'latest',
    'region' => $_ENV['AWS_REGION'],
    'token' => $_ENV['AWS_SESSION_TOKEN'],
    'credientials' => [
        'key' => $_ENV['AWS_ACCESS_KEY_ID'],
        'secret' => $_ENV['AWS_SECRET_ACCESS_KEY'],
    ],
]);
```

`AwsClient` はいろいろなbase classとなっているので呼び出し方に注意が必要になってくる。

[https://github.com/aws/aws-sdk-php/search?q=%22extends+AwsClient%22](https://github.com/aws/aws-sdk-php/search?q=%22extends+AwsClient%22)

--------------------------------------------------------------------------------
title: "fluent-bitに入門する"
date: "2022-12-07"
--------------------------------------------------------------------------------

## 始めに {#始めに}

複数のサーバを管理すればする程、loggingの重要性が高まります。
特に2022年はコンテナ最盛期と言っても過言ではないくらいコンテナ化が進んでいています。

logを適切に扱うことができればできるほど、運用の質を上げることができます。


## fluent-bitとは {#fluent-bitとは}

fluent-bitは高速なlogging libraryです。

[https://github.com/fluent/fluent-bit](https://github.com/fluent/fluent-bit)

{{< figure src="/images/A53EA3D4-B9C5-4885-9E28-A36801B82581.png" >}}

FluentdはRuby実装で、fluent-bitはC実装です。
シングルバイナリで提供できるので、Dockerではfluent-bitの方を用いられることが多いです。

fluent-bitと調べてもあまりまとまった情報がなく、非常にとっつきにくいので後学のためにまとめておく。


## 環境構築 {#環境構築}

[fluent-bitをDockerで動かす]({{< relref "../fleeting/20221207173426-run_fluent_bit_docker.md" >}}) を参考に作るとよい。


## どうやって詳しくなっていけばよいか {#どうやって詳しくなっていけばよいか}

fluent-bitは `input` `parser` `filter` `routing` 部分を弄ることになる。

それぞれ次のドキュメントに細かく書いてある。
[https://docs.fluentbit.io/manual/pipeline/pipeline-monitoring](https://docs.fluentbit.io/manual/pipeline/pipeline-monitoring)

input値挟まざまな値を取ることができる。

[https://docs.fluentbit.io/manual/pipeline/inputs/dummy](https://docs.fluentbit.io/manual/pipeline/inputs/dummy)

input値を変えてみたり、filterやoutput（routing）を変えながらどのように風に変化するか弄ってみるとよい。

--------------------------------------------------------------------------------
title: "fluent-bitをDockerで動かす"
date: "2022-12-07"
--------------------------------------------------------------------------------

## プロジェクト構成 {#プロジェクト構成}

次のように適当なディレクトリを作成する。

```shell
$ tree .
.
├── Dockerfile
├── application.conf
└── docker-compose.yml

0 directories, 3 files
```

`Dockerfile`:

```dockerfile
FROM public.ecr.aws/aws-observability/aws-for-fluent-bit:2.21.3

COPY application.conf /fluent-bit/etc/application.conf
```

`docker-compose.yml`:

```yaml
version: "3.8"
services:
  fluentbit:
    build: .
    command: ["/fluent-bit/bin/fluent-bit", "-c", "/fluent-bit/etc/application.conf"]
    volumes:
      - ./application.conf:/fluent-bit/etc/application.conf
```

`application.conf`:

```cfg
[SERVICE]
    Flush 5
    Log_Level info

[INPUT]
    Name dummy
    Tag  *-firelens-*
    Dummy {"date":"2022-01-23T03:10:33.317817Z","source":"stdout","log":"time:2022-01-23T03:10:33+00:00\tprotocol:HTTP/1.1\tstatus:200\tsize:1450\treqsize:150\treferer:-\tvhost:10.10.18.102\treqtime:0.176\tcache:-\truntime:-\t"}

[OUTPUT]
    Name stdout
    Match *
```


## 実行方法 {#実行方法}

`docker compose up` を立ち上げると上記の `[INPUT]` に記述したdummyのinputが出力される。

```shell
$ docker compose up

fluent-bit-sandbox-fluentbit-1  | [0] *-firelens-*: [1668664184.902488203, {"date"=>"2022-01-23T03:10:33.317817Z", "source"=>"stdout", "log"=>"time:2022-01-23T03:10:33+00:00   protocol:HTTP/1.1       status:200      size:1450       reqsize:150     referer:-     vhost:10.10.18.102      reqtime:0.176   cache:- runtime:-       "}]
fluent-bit-sandbox-fluentbit-1  | [1] *-firelens-*: [1668664185.900364801, {"date"=>"2022-01-23T03:10:33.317817Z", "source"=>"stdout", "log"=>"time:2022-01-23T03:10:33+00:00   protocol:HTTP/1.1       status:200      size:1450       reqsize:150     referer:-     vhost:10.10.18.102      reqtime:0.176   cache:- runtime:-       "}]
fluent-bit-sandbox-fluentbit-1  | [2] *-firelens-*: [1668664186.900453923, {"date"=>"2022-01-23T03:10:33.317817Z", "source"=>"stdout", "log"=>"time:2022-01-23T03:10:33+00:00   protocol:HTTP/1.1       status:200      size:1450       reqsize:150     referer:-     vhost:10.10.18.102      reqtime:0.176   cache:- runtime:-       "}]
fluent-bit-sandbox-fluentbit-1  | [3] *-firelens-*: [1668664187.900391678, {"date"=>"2022-01-23T03:10:33.317817Z", "source"=>"stdout", "log"=>"time:2022-01-23T03:10:33+00:00   protocol:HTTP/1.1       status:200      size:1450       reqsize:150     referer:-     vhost:10.10.18.102      reqtime:0.176   cache:- runtime:-       "}]
```


## 解説 {#解説}

特に何も指定せずに `docker compose up` をすると `/fluent-bit/bin/fluent-bit -c /fluent-bit/etc/fluent-bit.conf` で起動をしている。

```shell
$ docker compose exec fluentbit /bin/bash
bash-4.2# ps aux | grep fluent-bit
root         1  0.2  0.5 2442384 46640 ?       Ssl  05:50   0:00 /fluent-bit/bin/fluent-bit -e /fluent-bit/firehose.so -e /fluent-bit/cloudwatch.so -e /fluent-bit/kinesis.so -c /fluent-bit/etc/fluent-bit.conf
root        41  0.0  0.0   8996   932 pts/1    S+   05:51   0:00 grep fluent-bit
```

デフォルトのconfigである `/fluent-bit/etc/fluent-bit.conf` はserverが立っており、tcpでやりとりができるようになっている。

```shell
$ docker compose exec fluentbit /bin/bash
bash-4.2# cat /fluent-bit/etc/fluent-bit.conf
[INPUT]
    Name        forward
    Listen      0.0.0.0
    Port        24224

[OUTPUT]
    Name cloudwatch
    Match   **
    region us-east-1
    log_group_name fluent-bit-cloudwatch
    log_stream_prefix from-fluent-bit-
    auto_create_group true
```


## Backlinks {#backlinks}

-   [fluent-bitに入門する]({{< relref "20221207214034-about_fluent_bit" >}})

--------------------------------------------------------------------------------
title: "2021年に自分がemacs.dのカスタイマイズしたことについて"
date: "2021-12-03"
--------------------------------------------------------------------------------

[Emacs Advent Calendar 2021](https://qiita.com/advent-calendar/2021/emacs) 5日目の記事。

今年も[takeokunn/.emacs.d](https://github.com/takeokunn/.emacs.d) をかなり改造した。 `git log --reverse` してみるとfirst commitが `Sat Nov 3 18:15:51 2018 +0900` のようなので3年使っているようだ。

最初と比べて圧倒的に快適になってはいるものの、分からないことが増えていく一方だ。
とはいえ使っていくうちに理解が深まっていくのも事実。
ざっくりやったことについてまとめていく（去年やったことも含まれているが御愛嬌）

-   emacs28にしてlibgccjitを動かした
    -   defaultのcompilerをllvmからgccに変えるとスマートフォンアプリケーション開発やら別の開発に影響が出るので動かしただけ
-   use-packageからleafへの移行した
    -   caskを消した
    -   遅延ロードになったおかげで起動が高速になった
-   orgでinit.elを生成するようにした
    -   [Makefile](https://github.com/takeokunn/.emacs.d/blob/master/Makefile) 参照
-   GitHub Pagesで見られるようにした
    -   [https://takeokunn.github.io/.emacs.d/](https://takeokunn.github.io/.emacs.d/)
-   byte-compileをできる限りでするようにした
    -   多少のwarningは無視している
-   ddskkを実用レベルでちゃんと使えるようにした
    -   ddskkの設定は[dotfiles](https://github.com/takeokunn/dotfiles/blob/master/modules/skk/dot.skk)で管理している
    -   AZIKを完全に理解した
-   company周りの設定が増えた
-   wanderlustで自分のGmailを操作できるようにした
    -   しただけでちゃんと運用できているわけではない
-   elfeedを充実させた
    -   しただけでちゃんと運用できているわけではない
-   magitを使いこなせるようになった
    -   magit-forgeでGitHubにPull Requestを投げられるようにした
-   dap-modeを使えるようになった
    -   なっただけ
-   yasnippetの設定が増えた
    -   snippetをorgで管理するようにした
        -   [https://github.com/takeokunn/.emacs.d/blob/master/yasnippets.org](https://github.com/takeokunn/.emacs.d/blob/master/yasnippets.org)
    -   snippet自体も増えた
    -   ivy-yasnippetで検索できるようにしている
    -   ついでに[AndreaCrotti/yasnippet-snippets](https://github.com/AndreaCrotti/yasnippet-snippets)にPull Requestを投げたが音沙汰がない
        -   <https://github.com/AndreaCrotti/yasnippet-snippets/pull/434>
        -   <https://github.com/AndreaCrotti/yasnippet-snippets/pull/433>
-   tab-modeを使えるようになった
    -   が、実用性あるのか....?っていなっている
-   fish scriptの開発環境が整った
    -   [takeokunn/fish-repl.el](https://github.com/takeokunn/fish-repl.el)を作った
    -   [takeokunn/ob-fish](https://github.com/takeokunn/ob-fish) を作った
-   org-modeの設定が増えた
    -   日常的なメモはorgで書くようになった
    -   org-Babelを使いこなせるようになった
    -   工数管理とか細かい使い方がいまだに分らない
-   英語の執筆環境が整った
    -   flycheckとtextlintをちゃんと設定した
-   言語ごとの開発環境を整えた
    -   php, golang, solidity etc...
-   TypeScript reactはtreesitterとlspでなんとかするのが最適だと分かった
-   `M-x` の候補だがsmexからamxに変えたら欲しい候補が出るようになった

ざくっと思い出せるのはこれくらいなのでまた何かあれば追記をしていくつもり。
来年はorg-modeを使いこなせるようになりたいなぁ。

--------------------------------------------------------------------------------
title: "TwitterUIDの挙動とJavaScriptのBigIntについて"
date: "2020-10-28"
--------------------------------------------------------------------------------

TwitterのUIDについて調べてたら、自分の浮動小数点の挙動についての理解度が低かったので調べたことについてまとめておく。

---

ことの発端は、spreadsheet上の人力で管理されているTwitterのユーザー情報をデータベースに入れる作業をしていた時だった。

以前同じような作業をしたとき結構漏れがあったので、Twitter UIDの妥当性やscreen nameが本当に存在するかどうかを確認する必要があった。

[TwitterのIDチェッカー](https://idtwi.com/)などのWebサイトを利用してもよかったが、100件を超える量のデータを手動で確認取るのは面倒だったため、次のような検証scriptを雑に書いた。

```shell
#!/bin/bash
while read row; do
    TWITTER_ID=`echo ${row} | cut -d , -f 1`
    TWITTER_UID=`echo ${row} | cut -d , -f 2`
    TWITTER_REQUEST_UID=`curl -X GET -H "Authorization: Bearer <TWITTER_TOKEN>" -s "https://api.twitter.com/1.1/users/show.json?screen_name=${TWITTER_ID}" | jq ".id"`
    if [ ${TWITTER_REQUEST_UID} -ne ${TWITTER_UID} ]; then
        echo "${TWITTER_ID}: ${TWITTER_UID} → ${TWITTER_REQUEST_UID}"
    fi
done < ~/Desktop/twitter.csv
```

そうしたら半分くらいのTwitter UIDがずれてしまった。明らかにおかしいと思ったので、きちんと調査することにした。

---

Twitter Developer Documentに `Twitter IDs` という記事がある。

<https://developer.twitter.com/en/docs/twitter-ids>

次のようなことが書かれていた。

-   ユーザーの増加によりTwitterのUIDは64bit
-   unsignedでuniqueな値として管理されている
-   JavaScriptの整数のサイズは53bitに制限されている
-   api responseでは整数(`id`)と文字列(`id_str`)の両方を返すような実装になっている

ここから分かるのは、自分は↑のshell scriptで `id` を見ていたから正しい値をとれていなかった、~id_str~ を使うべきだったことが分かる。

たしかに、次のように `toString()` をしたらずれることについて確認がとれたがどうしてだろうか。
また、今回はbash scriptを書いたのにJavaScriptと同じ挙動をするのはどうしてなのか調べる必要がある。

```shell
~ ｡+ﾟ(∩´﹏'∩)ﾟ+｡ < node
Welcome to Node.js v15.0.1.
Type ".help" for more information.
> (10765432100123456789).toString()
'10765432100123458000'
```

---

JavaScriptの数値については [JavaScriptの数値型完全理解](https://qiita.com/uhyo/items/f9abb94bcc0374d7ed23)が一番良くまとまっていた。

これによると、JavaScriptの数値型はすべて `IEEE 754` 倍精度の浮動小数点（double型）で表現されている。たしかに、[MDNのNumberの記事](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Number)にも同じような記述がある。

double型で安全に表現できる最大値は `Number.MAX_SAFE_INTEGER` で取ることができ、 `Number.isSafeInteger()` などでもチェックできる。

```shell
> Number.isSafeInteger(10765432100123456789)
false
> Number.MAX_SAFE_INTEGER
9007199254740991
```

JavaScriptには `bigint` も用意されている。

MDNには次のように書かれているので日常使いするのは辞めておくべきだろう。

> Number と BigInt との間の型変換は精度が落ちる可能性があるため、 BigInt
> は値が論理的に253以上になる場合にのみ使用し、この2つの型の間で型変換を行わないこと推奨します。

<https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/BigInt>

さきほどの巨大な値でも正確に出力できる。

```shell
> (10765432100123456789n).toString()
'10765432100123456789'
```

[caniuse](https://caniuse.com/bigint)を見ているとほとんどのブラウザがBigIntに対応されているので問題なく使えるみたいだ。

---

浮動小数点にの挙動についてもう少し見てみる。

ググったらいっぱい出てくるので計算方法は割愛するが、[浮動小数点数型と誤差](https://www.cc.kyoto-su.ac.jp/~yamada/programming/float.html)に分かり易くまとまっている。

```text
double の表す値　＝　(-1)^符号部 × 2^(指数部-1023) × 1.仮数部
```

{{< figure src="https://www.cc.kyoto-su.ac.jp/~yamada/programming/double.png" >}}

-   符号は、0なら正、1なら負
-   指数部は、「2^指数」の指数の部分に1023を引いたものが11bit符号なしの整数の形で格納されている
-   仮数部は、実際の仮数部の先頭の「1」を取り除いた残りが格納されている

という風に格納される。

仮数部が52bitだが、double型の精度が53bitなのは `1.仮数部` の `1`
部分もカウントされるからみたいだ。

[ヒドン(Hidden)ビットで精度を1ビットを稼ぐ](https://news.mynavi.jp/article/architecture-93/)がおもしろかった。

今回の問題はJavaScriptというよりは浮動小数点の問題なのでbashでも同じ。

---

昔CSの授業で習った気もするけどすっかり忘れていたので今一度勉強できてよかった。

--------------------------------------------------------------------------------
title: "MacBookProの生前整理をする"
date: "2020-10-03"
--------------------------------------------------------------------------------

## 不要な情報の削除 {#不要な情報の削除}

まずは整理整頓の基本である不要なモノを捨てるところから。次のような手順を踖んだら容量カツカツ状態から62GB開けることができた。

[hardlink.pyを使ったらディスクの空き容量が劇的に増えた](https://hnw.hatenablog.com/entry/20131117) こういうのもあるが今回は使わない。


### 不要repoの削除 {#不要repoの削除}

僕はすべてのソースコードをghqで管理している。snippet的なコードは適当なファイルやディレクトリを作って書き、終わったらブログにまとめてから削除するという運用をとっている。

気になるrepoはすぐにghq getでcloneして容量を食いまくっていたので、次のscriptでガンガン削除していった。

```text
$ ls ~/.ghq/github.com | peco | xargs rm -fr
$ ghq list --full-path | peco | xargs -L1 rm -fr
```


### 不要なbrew packageの削除 {#不要なbrew-packageの削除}

勢いでbrew installしたpackageなどが相当あったのでいらないものは削除していった。

```text
$ brew list | peco | xargs brew uninstall
```


### 不要なnpm/go/gem packageの削除 {#不要なnpm-go-gem-packageの削除}

普段 `npm i -g xxx` や `go get -u xxx` や `gem install xxx` などで気軽にpackageをいれてたので削除していった。


### chromeのcacheやextensionの削除 {#chromeのcacheやextensionの削除}

意外と大事。新しい環境でも同じ体験ができるように一度消してみるのもよいだろう。

bookmarkなどは一切使わなく、url barに直接入力する運用をとっているので削除した直後は不便にはなるが、何が必要なのか分かるのでそれはそれでよい（パスワード周りとか特にそう）


### Docker関係の整理 {#docker関係の整理}

[Dockerのあれこれを断捨離する](https://qiita.com/ksato9700/items/b0075dc54dfffc64b999) この記事がすごい良かった。Dockerは再現性のある環境なはずなので一度すべてを消してもよいだろう。

このへんを適当にたたくとだいたい消えてくれる。

```shell
$ docker ps -q | xargs docker rm -f
$ docker images -q | xargs docker rmi -q
$ docker system prune
$ docker image prune
$ docker container prune
$ docker volume prune
```


### 不要なDesktop Applicationの削除 {#不要なdesktop-applicationの削除}

入れたはよいけど使わなかったものは多いだろう。必要ならまたinstallすればよいのでいったん消すというのもあり。VSCodeなどを削除した。


### 不要なprocessの削除 {#不要なprocessの削除}

PCを長持ちさせるためにもなるべく余計なprocessはkillしたい。
`Activity Monitor` や `htop` でprocessを見ておかしなものがないか、いらないものはないか洗い出す。

~~SKYSEAやウィルスバスターはウィルスだよな~~


## データの管理 {#データの管理}


### ソースコード {#ソースコード}

上記のとおり、基本的にGitHubへあげるようにしている。
以前GitHubのprivate repoが有料だったので、takeokunn.xyzのterraformや前職のコードはGitLabにあげている。

GitLabで管理するのもイマイチ感あるので、GitHubか自宅サーバに移行したい。


### dotfiles {#dotfiles}

開発に必要なツールのconfigはすべて[takeokunn/dotfiles](https://github.com/takeokunn/dotfiles)で一括管理するようにしている。

Dotfilesでは `brew/apt` のpackageを一括でいれられるscriptや、それぞれのツールがコマンド一発で入るようにMakefileを書いている。

Emacsのconfigだけ量が多いのと、GitHub Pagesで公開したいので別repoで管理をしている。

[takeokunn/.emacs.d](https://github.com/takeokunn/.emacs.d)


### パスワード {#パスワード}

[bitwarden](https://bitwarden.com/)ですべてのWebサービスのパスワードを一括管理している。
無料だし使い勝手がよいので満足している。

セキュリティを意識して、MFAを登録できるWebサービスはなるべくすべて設定するようにしている。

やはり、パスワードは人間が覚えるものではない。


### ssh keys {#ssh-keys}

ssh keyを紛失するとサーバにはいれなくなって詰む可能性もあるのでちゃんと管理したい。

Bitwardenに `ssh keys` というフォルダを作ってシークレットメモに貼り付けている。


### GoogleDrive {#googledrive}

契約書やちょっとしたファイルなどを管理している。エンジニアリング以外のデータを雑にあつかえるstorage
serverとして使っている。情報を整理してきれいに運用したい。


## 今後の課題 {#今後の課題}

-   `~/.ssh/config` の管理をどうしよう
-   `.skk-jisyo` の管理をどうしよう
-   `org/*.org` の管理をどうしよう
-   `~/.local/share/fish/fish_history` の管理をどうしよう

Dropboxを使うと解決するんだけど、個人的には常にDropboxを立ち上げ続けるのはうーんって感じなのでよい運用を考えている。

shellのhistoryは資産なのでこういうのをうまく管理する方法を知りたい。

---

やはりpecoはよい。

--------------------------------------------------------------------------------
title: "新人教育をしていて一番大事なのは「試行回数」だと思った"
date: "2020-10-03"
--------------------------------------------------------------------------------

3ヵ月~半年くらいで普通の社員と遜色ない人もいる。数年やっても向いてないんじゃないかというくらいできない人もいる。少しずつ着実に成長している人もいる。

新人教育を1〜2年10人くらいやっているのだが、いったい何が違うんだろうとずっと思い続けてきて、ようやく自分なりにまとまってきたので書いておく。

---


## 前提 {#前提}

新人とはプログラミング経験年数2年以下くらいのWebエンジニアの初心者を想定している（自称初心者ではない）

今勤めている会社では大学生インターンや未経験のような新人を積極的にとってきた。自分はお節介を焼くのが趣味であり、勝手に教えてたら（知識をひけらかしてたら）思ったよりも成長してくれる人が何人かいたし、逆もまた然り。

最近はAWS業務やrailsを書きつつ新人の育成が仕事になっている。

僕自身は所々で教えてくれる人はいたものの、ちゃんと「教育」をされたことがないのでよくわらないし、コーチング技術なんてものはわからないし、脳筋なのでフィーリングで書いていく（大学は情報科いたけど中退しちゃったので専門的なことはわからん）


## 新人教育はなんでやるの？ {#新人教育はなんでやるの}

[ジュニアを採用しない連中はシニアに値しない](https://portalshit.net/2018/10/02/we-should-hire-junior-engineers)という記事にまとまっている。

エンジニア人口が増えることは人手不足のIT業界にとってよい影響を与え、またOSSにも貢献できるだろう（利用することも貢献の一種）。

幸いなことに、今の会社はそれなりにちゃんとしたエンジニア組織があり育成環境もあるのでちゃんと育成すればワークする。
母数の少ないシニアエンジニアを採用をするのは難しいので、育成するという選択を取るというのもそれはそれで正しい判断だろう。

個人的には、自分の仕事を ~~押し付けられる~~ できる人材が増えると自分の時間が空くので、別の技術に時間を投資できるようになると思っている。


## 一番大事なのは試行回数 {#一番大事なのは試行回数}

どの分野でもそうなのだが、結局の所「試行回数を増やせば増やすほど成長をする」ので「試行回数を最大化する」ように取り組むことこそ最善だろう。

試行回数に関して明確に定義はできないが、「目の前の問題を解決した回数」や「言語やライブラリの仕様を理解すべく取り組んだ回数」などを想定している。
「Rubyの四則演算を学ぶ」のと「Rubyのcompilerの実装を読む」のようなレベル差があるものを同等に扱うべきではないが、いったん無視する。

急速に成長する人は上手に試行回数を増やす方法を知っており、それを忠実に実践できる。そうではない人この限りではない。

試行回数を増やすには次のような取り組みが考えられる。

-   問題に取り組む時間を増やす
-   既知の問題から推測できるように既知の問題の理解を深める
-   常に最新の情報をキャッチアップできるしくみを作る
-   shellやエディタをカスタマイズし効率的に検証できるようにする
-   必要な情報を取得するために効率的に検索をできるようにする
-   ショートカットキーを駆使し余計な時間を使わないようにする
-   小さく検証できる環境を用意する
-   健康的な生活をして集中的に取り組めるようにする
-   友人や知人にプログラマーを増やし、教えてもらえる環境を作る
-   PCの画面を広く使う
-   ひたすらコードを書いて検証する
-   自分の得た知識が正しいかどうか他者に説明して検証する

いかに余計なものを排除して試行回数を稼げるかがもっとも重要だ。


## 新人にはざっくり4タイプくらいに分けられる {#新人にはざっくり4タイプくらいに分けられる}

なんとなく自分の中で4タイプに分けて、それぞれに合った方法で教える。


### 別分野ですでに一定の技量があるタイプ {#別分野ですでに一定の技量があるタイプ}

すでに別分野でスキルの身につけ方を知っていて、Webプログラミングにも応用できるような人。

そもそも別分野で知識を深める方法や試行回数を増やす大事さを知っているので勝手に勉強して勝手に伸びるので、こちらから教えることはそんなになくて非常に楽。

難しい文章を読むのにも抵抗がないので、すぐに普通のプログラマーを追いこす場合が多い。


### 高負荷に耐えられ、時間で殴れるタイプ {#高負荷に耐えられ-時間で殴れるタイプ}

一番教えて楽しいタイプ。

時間で殴れるので、新しい知識やツールを試す回数が非常に多い。成長がめちゃくちゃ速い。

高負荷に耐えられるので仕事を大量にこなせるし、Twitterや社内の技術的な情報のキャッチアップも難なくこなせる。

高学歴や高専出身が多いイメージ。


### 普通のタイプ {#普通のタイプ}

普通にプログラミングを仕事にして、普通に勉強をしているタイプ。

プログラミングのためだけに生活しているわけではなく、プライベートも重視しているケースが多い。

Twitterにはプログラミングの休憩がてらコード書く狂人だらけだけど、real worldでは普通のタイプが一番多い。

教える時は情報量をしぼってパンクしないように気を付ける必要がある。


### まったく向いていないタイプ {#まったく向いていないタイプ}

自分なりのやり方に異常に固執したり、こだわりが強い（の割りにデタラメなことをいう）人や、そもそもプログラミング好きではない人だ。

申し訳ないが、まったく向いていない人は一定数いる。

しょうがない、向いてないのはしょうがないので本人の希望によるけど向いていないものはしょうがない。

もしかしたら何か別の才能があるだろうし、別の指導者の元の方が大成だろうし頑張ってほしい。


## 新人にはどうなってほしいのか {#新人にはどうなってほしいのか}

会社的には「さっさと業務を一人前でこなせる人材になってほしい」というのが本音だろう。

個人的には上記のとおり、「試行回数を最大化するための取り組みを自分で考えて実行してほしい」と思っている。
ツールにこだわるのも1つの方法だし、業務でタスクをこなすのも大事。

「先輩に聞くのは申し訳ないかな。..?」と考える必要はまったくなく、それが必要なら躊躇するべきではない。

多くのエンジニアは3年くらいで転職するので、きちんと職務経歴書に書くことがある状態にしてほしい。
いつでも転職できるくらい選択肢をもている状態にしてあげたい。


## 普段自分が教える時に試していること {#普段自分が教える時に試していること}

まずは何にせよ信頼関係を築くことから始まる。これほど大事なものはない。
どんなに技術的に正しいこと、成長に必要なことを熱弁しても信頼関係がなければ何も始まらない。
なので雑談をしたり、食事に行ったりして兎に角仲良くなることが大事だ。

自分が1人に教えられるのは精々週に2時間くらいで、それ以外は基本的に本人が頑張る時間だ。
問題を取り組む時障害になる部分をなるべく排除するべく、まずは次のようなことをやっている。

-   fish shellなどの便利ツールを入れる
-   dotfilesを作らせる
-   便利なショートカットキーを教える
-   よい記事にたどり着けるような検索wordの作り方を教える
-   slackのfeedのチャンネルを教えるたり、お勧めのブログを教える

慣れてきたら次のことを意識して指摘している。

-   コマンドや函数の挙動について説明させる
-   「いまやりたいこと」と「どうやるのか」を説明させる
-   技術用語を技術的に説明させる

意外と「技術的に説明」できないことが多いのだ。
ちゃんとした技術用語を使えるのがちゃんとしたエンジニアだと思っているので、こういうのをきちんと答えられるようになってほしいと願っている。
わからないことに関してはわからないというのも大事だ。

たとえば「Rails勉強しました！」って人に「技術的に `cookie` と `session` の違いはなんですか？」と聞いた時に前者で答える人が多い。

-   `session` はサーバで管理して `cookie` はブラウザで...
-   serverからのresponse
-   headerに `set-cookie` で `session_id` が送られてきて、それ以降はrequest
-   headerの `cookie` に `session_id` を付与してやりとりをする

ペアプログラミングをする時は、よいコードを書くというよりは悪くないコードを書けるように意識して教えている。
変数名や函数分割など悪くないコードを書くテクニックは世の中にいっぱいあるので実践させている。


## 新人の質問のし方について {#新人の質問のし方について}

Twitterで新人エンジニアの質問のし方について話題になっていた。鉄板ネタの話題だ。

> 本当に辛い。辛い。エンジニアになれたはいいがわからないことが多すぎる。「技術の調べ方について」自分のできうる限りの人に質問したはいいが回答が全く得られない。それよりも質問の仕方が悪いと非難される。どうすればいいのかわからない。
>
> --- ゆうき@PythonとJavascriptとPhotoshopとミニマリスト @yuuki_wifi September 26, 2020

そもそも持っている情報量の少ない新人が、かちっとしたフォーマットで質問するのはそもそも無理だと思っている。

経験上だいたいは情報不足だし、そもそもそのアプローチちがくね？　と感じることが多い。

新人から見ても「適当なこといっているとか思われないかな」とか「自分の調査不足を指摘されないかな」とか不安になるだろう。

「timesのような個人チャンネルを作ってやったことをlog感覚でながしてもらう」というのが一番よいと思っている。
後で自分でも振りかえることもできるし、logがすでにあるので説明も省けるし、質問へのハードルが低くてすむ。

できない自分を見られるのが恥ずかしいと思っている人もいるが、「試行回数を最大化する」ことが大事なので気にする必要はないと思っている。
実際、ひたすらtimesに自分の作業を書きまくってものすごく成長した人もいる。


## お勧めの勉強法や考え方や記事など {#お勧めの勉強法や考え方や記事など}


### 書籍/記事 {#書籍-記事}

ぱっと思い付くのはこのへん。モチベーションが上がる。

-   [情熱プログラマー](https://www.amazon.co.jp/%E6%83%85%E7%86%B1%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9E%E3%83%BC-%E3%82%BD%E3%83%95%E3%83%88%E3%82%A6%E3%82%A7%E3%82%A2%E9%96%8B%E7%99%BA%E8%80%85%E3%81%AE%E5%B9%B8%E3%81%9B%E3%81%AA%E7%94%9F%E3%81%8D%E6%96%B9-Chad-Fowler/dp/4274067939)
-   [ハッカーになろう (How To Become A Hacker）](https://cruel.org/freeware/hacker.html)
-   [十年がかりでプログラムを学ぼう](http://norvig.com/21-days.html)
-   [ハッカーと画家](https://gist.github.com/sifue/b6506ea6b3f3d3a46a0c3bb885cd5ddf)
-   [Clean Coder](https://www.amazon.co.jp/Clean-Coder-%E3%83%97%E3%83%AD%E3%83%95%E3%82%A7%E3%83%83%E3%82%B7%E3%83%A7%E3%83%8A%E3%83%AB%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9E%E3%81%B8%E3%81%AE%E9%81%93-Robert-C-Martin/dp/4048930648)


### YouTube {#youtube}

ベテランちというYouTuberの勉強のコツについてすごくおもしろかった。超お勧め。

<iframe width="100%" height="400" src="https://www.youtube.com/embed/n9xm0LdduA4" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

---

人のこと偉そうに書いて自分はどうなんだって気持ちになるけど、こういうのは思考を整理するという意味でも大事だよね。

こういうポエムは自分のブログだからこそ書けるのがやっぱよいね。

--------------------------------------------------------------------------------
title: "半年間毎週dependabotをmergeしたので知見を纏める"
date: "2020-09-09"
--------------------------------------------------------------------------------

Railsプロジェクトのdependabotをひたすら毎週月曜日の11時にmergeし続けて半年以上たったのでそろそろ知見をまとめておく。

---


## 始めに {#始めに}

世の中のライブラリには大きく分けて3種類ある。

フレームワークと開発支援ツールと通常のライブラリだ。

基本的に全部のdependabotの生成したPull Requestに関して、CHANGE LOGとコードレベルのdiffを読むようにした。
CHANGE LOGだけでも良かったのだが、多くのOSSのライブラリのversion upはどのような場合に起こるのかなど傾向をつかむためだ。


## diffの読み方 {#diffの読み方}

変更頻度の高かった順（takeokunn調べ）に並べるとこんなかんじ。

-   テストの追加
-   CI関連の記述の追加
-   ドキュメントの整備
-   命名の修正
-   関数の分離や引数の整理
-   新機能の実装

業務では有名ライブラリ使っていた影響か、保守的な変更が多かった。

最近だとblacklistが駄目だとかその辺の変更がめちゃくちゃ多かった印象。

事故るとしたら「命名の修正」と「関数の分離や引数の整理」の部分だけなのでそれ以外は読み飛ばしても基本的には大丈夫だ。


## フレームワークの場合 {#フレームワークの場合}

railsやlaravelなど。

必ずRELEASE NOTEを読んで注意深くあげるようにする。

マイナーバージョンアップの場合（ver5.1.1→ver5.1.2）はそこまで神経質にならなくてもよい。

メジャーバージョンアップの場合（ver5.2→ver6.0）はテストを充実させる、ステージング環境での十分な検証が必要だ。それでも細かいバグがでるので本当に神経質に確認を取る必要がある。

こういう時にphpstanなどの静的解析でぱぱっと検証できるのが理想。Railsにはそういうのがないからつらい。


## 通常のライブラリの場合 {#通常のライブラリの場合}

FaradayやらDeviseなど。

CHANGE LOGをみてBreaking Changeがなければmergeしちゃってよい。

そんなに破壊的変更を入れるライブラリはなかったし、事故もおきなかった。

テストで検知できるようにはしておきたい。


## 開発支援ツールの場合 {#開発支援ツールの場合}

rubocopやらeslintなど。

基本的にノールックマージしてよい。事故ってもCIが落ちるだけなので別にオッケー。

rubocopはよくconfigの書式がかわったりするのでなるべく頻度高く上げておかないとあとあとしんどくなる。

---


## 終わりに {#終わりに}

当たり前のことしか書いてないが、当たり前のことを当たり前にやろう（自戒）

バージョンを一気にあげるのは本当にきついので普段から上げることをサボらないようにしないとしんどい（しんどい）。

どのプロジェクトにも必ずdependabotはいれたいなーと思5つ、CIを圧迫するのだけはなんだかなぁと。

--------------------------------------------------------------------------------
title: "RedashのQuery一覧を保存する方法"
date: "2020-05-11"
--------------------------------------------------------------------------------

仕事でRedashの情報を保存したいという要望があった。

AMIをとるのは大げさだよなぁと思ったのでqueryの一覧を取得する方法について調べてみた。

---

とりあえず世の中に同じようなことを考えている人がいないかを調べてみた。

[redashmanを使ってRedashのクエリをお手軽にバックアップする](http://ariarijp.hatenablog.com/entry/redash-query-backup-with-redashman)という記事があった。[ariarijp/redashman](https://github.com/ariarijp/redashman)というgolang自作ツールを介してRedashAPIを叩いているようだ。

Redash APIのドキュメントはこれだ。[Integrations and API](https://redash.io/help/user-guide/integrations-and-api/api)。

queryのCRUDとdashboardのCRUDが用意されている。api tokenを発行してそれを使えば楽に操作ができるようだ。

[ariarijp/redashman](https://github.com/ariarijp/redashman)はすごく良さそうなのだが、自分が欲しいのはqueryの一覧であって豪華なAPI Clientではない。

Golangを入れることすら面倒くさいのだ。

今回の用途では雑にcurlで取得できればよかったので次のように投げた。
あとは必要なフォーマットに合わせてよしなにjqを使えばよい。

```shell
$ curl "https://<redash url>/api/queries" \
    -H "Accept: application/json" \
    -H "Authorization: Key <auth key>" \
    | jq ".results" | jq "map({ id, name, query })"
```

responseはこんな感じ。きれいに出せた。

```json
[
    {
        "id": 13,
        "name": "ユーザ一覧",
        "query": "select * from users;"
    },
    {
        "id": 12,
        "name": "ユーザ詳細",
        "query": "select * from users where id = 1;"
    }
]
```

--------------------------------------------------------------------------------
title: "エンジニア採用面接で考えていること"
date: "2020-02-02"
--------------------------------------------------------------------------------

これはポエムです。

個人的意見だし、エンジニアの採用面接専門で雇われているわけじゃないので詳しいことやベストプラクティスはわからないです。会社の方針と違う部分もあるし。

2020年2月時点でカジュアル面接/1次面接のときに僕がやっていることについて書いていく。

---


## 基本方針 {#基本方針}

大事なのは次の4点な気がしている。

-   コミュニケーションはつつがなく取れそうか
-   技術が好きか
-   誠実かどうか
-   現職（前職）について明瞭に説明できるかどうか

これらを知るためにいろいろな質問をしていく。

ぶっちゃけ趣味なり仕事なりで作っているものを楽しそうに話してもらえるのが一番。


## やること {#やること}


### 下準備 {#下準備}

-   人ことの方からもらった事前情報を読み込む
-   SNS（GitHub/Twitter/YouTube/note/instagram/facebook/wantedly/connpass等） を探す
-   GitHubに公開しているコードを読む
-   Qiitaや技術ブログを読む

GitHubや技術記事を公開していないと事前情報がまったくなく判断しづらい。

Fish Shellに次のようなfunctionを作って一気にrepoをcloneできるようにしている。

```fish
function ghq_all
    curl "https://api.github.com/users/"(echo $argv)"/repos" | jq -r ".[].clone_url" | xargs -L1 ghq get
end
```

技術ブログやサイトをホスティングしている際は、whoisを読んだり、digったり、DOMを読んだりNetworkを読んでどのように配信しているのかを見る。
WordPressだったら `/wp-admin` `/readme.html` がたたけるかどうかなど、セキュリティ意識できているかも見る。


### 当日面接 {#当日面接}

自社説明はテンプレで話すが、それ以外で話す内容は以下。

-   現職（前職）どんな仕事をしているのか
-   好きな、得意な技術は何か
-   直近楽しかった開発は何か、どうやったのか
-   今後どのような風になりたいのか、それに向けてどのような努力をしているのか

事前情報を元に↑の内容を話す。

> -   現職(前職)どんな仕事をしているのか

業務のどの部分を担当していて、そこで使われている技術は何か、どのような工夫をしているのかなどを明瞭に話せるかどうかを知りたい。

普通に開発しているだけよりも、[開発体験向上について考えてること]({{< relref "20190930175912-thinking_about_developer_experience.md" >}}) を行っている方がよい。

[職業Webエンジニアにおける「実績」と「やりきる力」](https://nazo.hatenablog.com/entry/yarikiru)によいこと書いてある。定期的に読み直している。

> -   好きな(得意)技術は何か

「Rubyに自信がある」と書いてあったら、それは「Rubyの言語自体に自身がある」のか「RailsのFW自体に自身がある」のか、「Railsを使うの自信がある」のかを正確に知りたい。

用語を正確に使えているのかどうかと、それに対しての知識がどのくらい深いかどうかと、そのことに対してどのくらい自覚があるのかを見る。

> -   直近楽しかった開発は何か、どうやったのか

技術が純粋に好きか、楽しく開発しているということは技術的チャレンジをしている可能性が高いのでなるべく聞くようにしている。

> -   今後どういう風になりたいのか、それに向けてどういう努力をしているのか

「勉強中です」っていうのは情報量0ですので、「何の勉強をしていて、どのようなロードマップがあって、今どこなのか」みたいな話をしてもらえると理解しやすい。


### 面接振り返り {#面接振り返り}

-   話したことを振り返る
-   社内の面接評価基準と照らし合わせて評価を作成する
-   まとめて人ことの方に伝える

一緒に働いて楽しそうか、活躍できそうかどうかなど社内の面接指標に合わせて評価をする。


## まとめ {#まとめ}

1回の面接に結構エネルギーを使うけど、いろんな人いるんだなぁっていうのがわかって結構楽しい。

あと落ちたからといって、必ずしもスキルが足りないとかいうわけでもなく、枠がなかっただけの場合もあるのでいちいち落ち込む必要ないんだなぁってのがわかってよかったです。

--------------------------------------------------------------------------------
title: "開発体験向上について考えてること"
date: "2019-09-30"
--------------------------------------------------------------------------------

会社での仕事の大半はDX向上な気がしているので、普段やっていることについてまとめていく。

---

[DX: Developer Experience （開発体験）は重要だ](https://gfx.hatenablog.com/entry/2018/06/28/100103) にDX向上のメリットについて書いてあるのだが、具体的な作業は何かについて書いていないので自分なりのやり方を書いていく。

最近ずっとRailsばっかだったので、Railsプロジェクトをイメージして書く。

-   環境構築をなるべくDockerできるようにする
-   再現性の高い環境構築手順を作成する
-   Editorconfigを入れる
-   インフラ構成を整理する
-   安全にDeployできるようなしくみを作る
-   CircleCIなどCIサービスを入れる
-   GitFlowを入れる
-   明らかに使っていないファイルを削除する
-   使用している外部サービスを洗い出しておく
-   ソースコードに埋め込まれている鍵をenvに移す
-   [Sentry](https://sentry.io/welcome/) などエラーを検知できるしくみを導入する
-   Linterを入れて変更を少なく定期的に修正していく
-   RSpecのようなテストツールを入れる
-   [dependabot](https://dependabot.com/) を入れる
-   [pull panda](https://pullpanda.com/)を入れる
-   静的解析ツール（Phanなど）を入れる
-   NewRelicなどの監視ツールを入れる
-   事業リスクになりそうな箇所を洗い出して工数を取ってもらうべく動く
-   時間を見つけてロジックが複雑な部分をリファクタリングをしていく
-   errorやdeployやcommit通知をslackに流す
-   [git-pr-release](https://github.com/motemen/git-pr-release)を入れる

> 安全にDeployできるような仕組みを作る

AWS ECSのようにコンテナマネージドサービスの場合はCircleCIからたたけばよいだろうし、そうでなければとりあえずdeploy用のサーバを立てcapisoranoでdeployしちゃってもよいだろう。

大事なのはlocalに依存しないことと再現性のあること。

> 使用してる外部サービスを洗い出しておく

意外とこういう洗い出し大事。使っていないコードの削除も捗るし、抽象化もしやすい。

> 事業リスクになりそうな箇所を洗い出して工数を取ってもらうべく動く

技術的負債の説明をできるのはエンジニアしかいないので、本当に対応するべきか置いといて、きちんと伝えることは大事。

> エラー通知やdeploy通知をslackに流す

DX向上はエンジニア以外わからないので、「きちんと作業している」ということを伝えるのは大事。

---

DX向上はエンジニアのための作業だけど、ちゃんとエンジニア以外にも「伝える」こともエンジニアとして大事なんだろうなぁ。


## Backlinks {#backlinks}

-   [エンジニア採用面接で考えていること]({{< relref "20200202015651-thinking_about_recruit_interview" >}})

--------------------------------------------------------------------------------
title: "JavaScriptのthisについて"
date: "2019-07-01"
--------------------------------------------------------------------------------

会社のインターン生にJavaScriptの `this` についてドヤ顔で説明してたら、間違って理解していたことがわかってしまった。

同僚と `this` がどのような挙動をするのかで盛り上がって楽しかった。

[【JS】ああthisよ。君は今、どのオブジェクトなのか（練習問題あり）](https://qiita.com/valley/items/62c9480368f1409c90ae)

同僚の `@valley` 氏の記事がおおよそすべてを説明してくれているが、この記事では自分の言葉で `this` について説明する。

---

元記事ではブラウザで実行していたが、この記事では `nodejs` で実行するので `window -> global` となる。

> 結局そのscopeが評価された時のcontextがthisになる。
> 関数やオブジェクトが評価されるタイミングはいつなの？ってことを考えればあとは自然とthisを導き出せる。
> functionが評価されるタイミングとlambdaが評価されるタイミングが違うというだけ。

たとえば、次のようなスクリプトがある。

`func1` の関数が評価されるのは実行時なので `{}` だが、 `func2` の関数が評価されるのはコンパイル時なので `global` になる。

```js
const func1 = () => {
    console.log(this);
};

const func2 = function () {
    console.log(this);
};

console.log(func1); // {}
console.log(func2); // global
```

ファイル分割した場合はどうなるだろうか。次のようなコードを書いてみた。

`test.js`:

```js
const { func1, func2 } = require("./test1.js");

console.log(this.aaa); // undefined

func1(); // { aaa: 'bbb' }
fund2(); // global
```

`test1.js`:

```js
this.aaa = 'bbb';

const func1 = () => {
    console.log(this);
};

const func2 = function () {
    console.log(this);
};

module.exports = { func1, func2 };
```

---

教えるのも勉強なるし、こうやって深堀するとさらに詳しく慣れて楽しい。

--------------------------------------------------------------------------------
title: "EsLintでGlobの挙動で詰まった時のメモ"
date: "2019-05-31"
--------------------------------------------------------------------------------

詰まった内容は以下だ。

```text
同じコマンドを実行しているはずなのに出力される結果が違うので困っています。
開発環境では通って、circleci上ではエラーが出ている状態です。

A: npm run test:lint
B: ./node_module/.bin/eslint --debug app/javascript/**/*.{vue,ts}

"scripts": {
"test:lint": "eslint --debug app/javascript/**/*.{vue,ts}"
}
```

`A` と `B` で同じコードを実行しているはずなのでなぜか違う結果を吐き出すのだ。 `local` では `eslint` が通るけど `circleci` ではコケる、といった問題が起きていて困っていた。

ちなみに、 `eslint --debug` で実行ログをみることができる。

ESLint開発者の方と弊社CTOのBTOさんに教えてもらうことによって原因を突きとめることができた。

---

原因は、「globの解釈の問題」だ。

そもそもglobとは[Wiki](https://ja.wikipedia.org/wiki/%E3%82%B0%E3%83%AD%E3%83%96)によるとこんな感じ。

> グロブ（英:
> glob）とは主にUnix系環境において、ワイルドカードでファイル名のセットを指定するパターンのことである。

今回の場合だと、2種類の解釈のし方がある。

-   shellでglobが解釈される
-   npmのglobで解釈される

macの標準のshellは `bash` なのだが、これだとうまくglobを評価してくれないのだ。一方、circleciのコンテナのshellは `busybox` だったのでうまくglobを評価してくれた。

つまり、macではちゃんと動いていなかっただけだったのだ。

そこで次のようにglob部分を `'` で囲った。

```json
"scripts": {
    "test:lint": "eslint --debug 'app/javascript/**/*.{vue,ts}'"
}
```

そうすることにより、 `npmのglobで解釈される` ようになり、正常に動くようになった。

内部的にはこれを使っているみたいだ。

<https://www.npmjs.com/package/glob>

---

この世界にはたくさんのshellがあるようだ。

-   dash（debian ash）
-   ash
-   busybox
-   fish shell
-   xonsh shell
-   z shell
-   bash
-   etc

Ubuntu標準は `dash` みたいだ。

```shell
~/.emacs.d (*´ω｀*) < ll /bin | grep sh
-rwxr-xr-x 1 root root 1.1M  5月  3 22:50 bash
-rwxr-xr-x 1 root root 119K  1月 25  2018 dash
lrwxrwxrwx 1 root root    4  5月  3 22:50 rbash -> bash
lrwxrwxrwx 1 root root    4  3月  3 18:34 sh -> dash
lrwxrwxrwx 1 root root    4  3月  3 18:34 sh.distrib -> dash
lrwxrwxrwx 1 root root    7  3月  7 05:51 static-sh -> busybox
```

`sh` っていうけど、 `/bin/sh` に別の `shell` の `symbolic link` 貼っているだけのようだ。

--------------------------------------------------------------------------------
title: "オフィスにアクセスポイントを導入した時やったこと"
date: "2019-05-29"
--------------------------------------------------------------------------------

無線ルータを購入してアクセスポイントを設定した時に学んだことをメモしておく。

---


## 無線ルータ選定 {#無線ルータ選定}

ポイントは3点。

-   転送速度
-   セキュリティ
-   無線端末 最大接続数


### 転送速度 {#転送速度}

種類ありすぎてわけわからないけど、とりあえず `1ac` に対応してればよいかな。GHzが低いほど壁などの障害に強い。

参考にした記事は以下。

-   [無線LAN規格の違い](https://www.iodata.jp/product/network/info/base/kikaku.htm)
-   [帯域幅 「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典](https://wa3.i-3-i.info/word12111.html)
-   [電波の伝わり方：反射/透過、回析、干渉 | 基礎知識 | ROHM TECH WEB](https://micro.rohm.com/jp/techweb_iot/knowledge/iot01/s-iot01/01-s-iot01/1844)
-   [無線LANよろず講座](http://musenlan.biz/blog/522/)


### セキュリティ {#セキュリティ}

`WPA2` に対応してればオッケーという雑な理解。

参考にした記事は以下。

-   [一般家庭における無線LANのセキュリティに関する注意：IPA 独立行政法人 情報処理推進機構](https://www.ipa.go.jp/security/ciadr/wirelesslan.html)
-   [TCP/IP - SNMP](https://www.infraexpert.com/study/tcpip21.html)


### 無線端末 最大接続数 {#無線端末-最大接続数}

今回はだいたい100台くらいつなげられればよかった。

参考にした記事は以下。

-   [BUFFALO 管理者機能搭載アクセスポイント商品比較表](https://www.buffalo.jp/product/other/compare-wireless-business.html)


### 設置 {#設置}

これを購入することにした。

> <https://www.amazon.co.jp/dp/B00OL61L9S/ref=asc_df_B00OL61L9S2617725/?tag=jpgo-22&creative=9339&creativeASIN=B00OL61L9S&linkCode=df0&hvadid=226974324204&hvpos=1o1&hvnetw=g&hvrand=14998055634270719829&hvpone=&hvptwo=&hvqmt=&hvdev=c&hvdvcmdl=&hvlocint=&hvlocphy=1028853&hvtargid=pla-457493725121>][BUFFALO インテリジェントモデル PoE対応 11ac/n/a/g/b 866+300Mbps 無線LANアクセスポイント WAPM-1166D

オフィスに生えている野生のケーブルにルータを差して動かした。 端っこの方に適当に置いているので中央に置き直すつもりだ。


## 管理画面から設定 {#管理画面から設定}

同一ネットワーク内で `http://192.168.11.100` をたたくと管理画面に入ることができる。

SSIDの変更やpasswordの変更、 認証方式の制限などを変更する。

変更するたび毎回再起動するので注意。


## 余談 {#余談}

POEすごい。
Ethernet指すだけで充電できるというの便利だなぁと思った（小学生並みの感想）。

macアドレスでAPへのアクセス制限をかけられることを知れてよかった。

--------------------------------------------------------------------------------
title: "SVGにグラデーションのアニメーションをかける"
date: "2019-04-14"
--------------------------------------------------------------------------------

ソースコードはこんな感じ。

```xml
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
    <defs>
        <linearGradient id="bearGratient" x1="100%" y1="100%">
            <stop offset="0%" stop-color="#69d2ff" stop-opacity=".5">
                <animate attributeName="stop-color" values="#69d2ff;#71dca7;#ffd458;#ffa7de;#69d2ff" dur="14s" repeatCount="indefinite" />
            </stop>
            <stop offset="100%" stop-color="#69d2ff" stop-opacity=".5">
                <animate attributeName="stop-color" values="#69d2ff;#71dca7;#ffd458;#ffa7de;#69d2ff" dur="14s" repeatCount="indefinite" />
                <animate attributeName="offset" values=".95;.80;.60;.40;.20;0;.20;.40;.60;.80;.95" dur="14s" repeatCount="indefinite" />
            </stop>
        </linearGradient>
    </defs>
    <g fill="url(#bearGratient)" transform="translate(0.000000,511.000000) scale(0.100000,-0.100000)">
        <path d="/* 中略 *//>
        <path d="/* 中略 *//>
        <path d="/* 中略 *//>
    </g>
</svg>
```

最初、 `css` の `linear-gradient` で線形グラデーションをかけようと思ったのだが、どうも `svg` には対応していないらしい。

`svg` のMDNを漁っていたら `linear​Gradient` というタグがあった。

<https://developer.mozilla.org/ja/docs/Web/SVG/Element/linearGradient>

よいサンプルがなかったので調べていたら、次のようなsnippetがたくさん落ちていた。

-   <https://code.sololearn.com/Wvac74Zd8Ry3/#html>
-   <https://codepen.io/NickNoordijk/pen/VLvxLE>
-   <https://codepen.io/samwyness/pen/eZwoLj>

サンプルコードによるとこんな感じ。

-   `defs` に `linearGradient` を定義する。
-   `linearGradient` に `stop > animate` 。
    で時間に合わせたグラデーションをかけることができる。
-   実際に描画する `SVG` 要素に上で定義した `linearGradient` を `fill` する。

これできた。

---

`css` や `svg` を使うことによって描画がものすごいきれいになるので多用していきたい。

--------------------------------------------------------------------------------
title: "Ubuntu FirefoxをEmacs Keybindにする"
date: "2019-04-13"
--------------------------------------------------------------------------------

普段Chromeを使っているのだが、外で作業するとき電池の消費量が異常だったのでFirefoxの環境も整備する必要が出てきた。

しかしながら、Emacs脳である自分にはネットサーフィンもEmacsでしたいという欲求が非常に強い。

Chromeには[Chromemacs](https://chrome.google.com/webstore/detail/chromemacs/kfdibhbheajeacnkkakomaliggbgndcf)という拡張があるが、Firefoxにはなかったのでなんとかしてみた。

---

次の記事を参考した。

[xkeysnail - もうひとつの Linux 向けキーリマッパ](https://qiita.com/mooz@github/items/c5f25f27847333dd0b37)

> Firefox が Quantum になり、旧来の XUL
> ベースのアドオンは動作しなくなった。新たな拡張機能の機構である
> WebExtensions ではキーボードショートカットに関する API
> が大幅に制限され、ぼくは拙作のアドオン KeySnail のWebExtensions
> 化を諦めた。

この筆者も同じことを考えていて、同じように辛さを感じているようだ。

この `xkeysnail` は `Firefoxのplugin` ではなくて、 `Linuxのuinputを取得して任意のkeyに変換する` ということをやっている。

[mooz/xkeysnail](https://github.com/mooz/xkeysnail) の `README.md` に導入方法が書いてある。

自分の `.config.py` は以下。

```python
# -*- coding: utf-8 -*-

import re
from xkeysnail.transform import *

define_conditional_modmap(re.compile(r'Firefox'), {
    Key.CAPSLOCK: Key.LEFT_CTRL,
})

define_keymap(re.compile("Firefox"), {
    # change tab
    K("C-f"): K("C-Tab"),
    K("C-b"): K("C-Shift-Tab"),

    # search
    K("C-s"): K("C-f"),
    K("C-s"): K("C-g"),
    K("C-r"): K("C-Shift-g"),

    # private window
    K("C-Shift-n"): K("C-Shift-p"),

    # up/down
    K("C-n"): K("DOWN"),
    K("C-p"): K("UP"),
    K("C-v"): K("SPACE"),

    K("C-g"): {
        # change page
        K("C-b"): K("C-LEFT_BRACE"),
        K("C-f"): K("C-RIGHT_BRACE"),

        # reload
        K("C-r"): K("C-r"),

        # paste
        K("C-v"): K("C-v"),

        # close
        K("C-w"): K("C-w"),

        # close
        K("C-t"): K("C-Shift-t"),
    }
}, "Firefox")
```

`Firefox` のみ反応してほしいのでこのような設定にした。

[takeokunn/dotfiles/blob/master/modules/xkeysnail/dot.config.py](https://github.com/takeokunn/dotfiles/blob/master/modules/xkeysnail/dot.config.py)で管理をしている。

あとは、 `sudo xkeysnail ~/.config.py` をたたけば有効になる。

---

ついでにserviceにも登録しておく。

`/etc/systemd/system/xkeysnail.service`:

```cfg
[Unit]
Description=xkeysnail

[Service]
KillMode=process
ExecStart=/usr/local/bin/xkeysnail /home/take/.config.py
ExecStartPre=/usr/bin/xhost +SI:localuser:root
Type=simple
Restart=always

# Update DISPLAY to be the same as `echo $DISPLAY` on your graphical terminal.
Environment=DISPLAY=:0

[Install]
WantedBy=default.target
```

`ExecStartPre~/usr/bin/xhost +SI:localuser:root` をしないとどうも `Xlib.error.DisplayConnectionError: Can't connect to display ":0.0": b'No protocol specified\n'` というエラーが出る。

以下を叩いて終わり。

```text
$ sudo service xkeysnail enabled
$ sudo service xkeysnail start
```

---

これで `Firefox` も `Emacs` のように操作ができるようになった。最高。

微妙に融通の効かない部分とかあるので細かい調整をどんどんしていきたい。

`Firefox Quantum` の `Key API` がハックしや少なってくれることを祈るばかり。

--------------------------------------------------------------------------------
title: "WebpackerでBulmaをbuildするとwarningが出るものの調査と対応"
date: "2019-04-11"
--------------------------------------------------------------------------------

「Webpackerでbuildするとめっちゃwarning出るんだけど調べてくれない？」

と、会社の先輩からいわれたので調査対応をした時学んだことをメモしていく。

---

warningの内容は以下だ（抜粋）

```shell
$ ./bin/webpack
...
WARNING in ./node_modules/css-loader??ref--2-2!./node_modules/postcss-loader/lib??ref--2-3!./node_modules/resolve-url-loader!./node_modules/sass-loader/lib/loader.js??ref--2-5!./app/assets/scss/main.scss
(Emitted value instead of an instance of Error) postcss-custom-properties: /Users/node_modules/bulma/sass/grid/columns.sass:501:10: Custom property ignored: not scoped to the top-level :root element (.columns.is-variable.is-3-widescreen-only { ... --columnGap: ... }), in atrule
...
```

このwarningが何十個も出ている状態だった。

---

エラーの原因は `bulma` のコード内にある `postcss-next` が良くなかったからだ。

対象のコード抜粋は以下。

```scss
@if $variable-columns
  .columns.is-variable
    --columnGap: 0.75rem
    margin-left: calc(-1 * var(--columnGap))
    margin-right: calc(-1 * var(--columnGap))
    .column
      padding-left: var(--columnGap)
      padding-right: var(--columnGap)
    @for $i from 0 through 8
      &.is-#{$i}
        --columnGap: #{$i * 0.25rem}
      +mobile
        &.is-#{$i}-mobile
          --columnGap: #{$i * 0.25rem}
      +tablet
        &.is-#{$i}-tablet
          --columnGap: #{$i * 0.25rem}
      +tablet-only
        &.is-#{$i}-tablet-only
          --columnGap: #{$i * 0.25rem}
      +touch
        &.is-#{$i}-touch
          --columnGap: #{$i * 0.25rem}
      +desktop
        &.is-#{$i}-desktop
          --columnGap: #{$i * 0.25rem}
      +desktop-only
        &.is-#{$i}-desktop-only
          --columnGap: #{$i * 0.25rem}
      +widescreen
        &.is-#{$i}-widescreen
          --columnGap: #{$i * 0.25rem}
      +widescreen-only
        &.is-#{$i}-widescreen-only
          --columnGap: #{$i * 0.25rem}
      +fullhd
        &.is-#{$i}-fullhd
          --columnGap: #{$i * 0.25rem}
```

GitHub: <https://github.com/jgthms/bulma/blob/4caa77dc0f13984347b734657c2d4cd588149087/sass/grid/columns.sass#L467-L504>

このコミットは2019/03/30にmergeされている。

`--columnGap: #{$i * 0.25rem}` などtop levelで定義されているのが問題でwarningがたくさん出ている。

---

issueにも上がっていた。<https://github.com/jgthms/bulma/issues/1190>

解法は数種類ある。

1.  `postcss-cssnext` のwarningを握りつぶす

`.postcssrc.yml` を変更して `warning: false` にする。

```scss
plugins:
  postcss-import: {}
  postcss-cssnext:
    features:
      customProperties:
        warnings: false
```

「warning握りつぶすのは危険なのできればしたくない」というレビューをいただいた。そのとおり過ぎるので却下した。

1.  `bulma` の `variable` を変更して対象コードを実行しないようにする。

こんな感じだ。

```scss
$variable-columns: false;
@import '~bulma';
```

これが一番よいので採用した。

デメリットは `variable-gap` が使えなくなることだが、今回はまだ使う予定なかったので楽に対応できた。

`Experimental` だしよいよね。

<https://bulma.io/documentation/columns/gap/#variable-gap>

1.  `@import "~bulma/sass/grid/_all";` をコメントアウトする

コメントアウトすればたしかに上の問題は握りつぶせる。

がしかし、gridを使えなくなるのは今回の場合駄目なので却下。

1.  warningだし無視する

ありっちゃありだけど、直すのが仕事なので却下。

1.  `package.json` の `bulma` のversionを下げる

最新に追従するの面倒くさくなるのできればしたくない。ので却下。

---

`bulma` の問題なのに `webpacker` の仕様だとかの関係のない調査にあまりにも時間がかかりすぎた反省。

「warning握りつぶすのは危険なのできればしたくない」というレビューがあまりにも的確でかつ意識になかったのですごい良かった。

`webpacker` の挙動について別途ブログを書きたい。

--------------------------------------------------------------------------------
title: "AjaxとBrowser Cookie"
date: "2019-03-30"
--------------------------------------------------------------------------------

「ブラウザからアクセスするのと、AjaxからアクセスするのってCookieってかわっちゃうの？」という質問をされたので自分なりの答えを書いていく。

Ajaxなのだが、JavaScriptで一番有名なlibraryの[axios/axios](https://github.com/axios/axios)を用いて書く。

FetchAPIについては今回は含めない。

---


## 結論 {#結論}

基本的にはCookieは変わらない。

同一オリジンの場合は自動的にCookieが使われる。

別オリジンの場合にCookieを使いたいなら `{ withCredentials: true }` をoptionに持たせればよい。

```js
axios.get('https://www.uuum.jp', { withCredentials: true });
```

---

そもそもAjaxとはなんだろうか？

[MDN](https://developer.mozilla.org/ja/docs/Web/Guide/AJAX/Getting_Started)にこう書いてある。

> AJAX は Asynchronous JavaScript And XML の頭文字を取ったものです。
> これは一言で言えば、 XMLHttpRequest オブジェクトを使ってサーバーと通信することです。
> AJAX は JSON, XML, HTML, テキストファイルなど、様々な形式の情報で送受信することができます。
> AJAX の最も魅力的な特徴は「非同期」であること、つまり、サーバーとの通信、データの交換、ページの更新を、ページの再読み込みなしに行うことができる点です。

要するに、JavaScriptから通信ができるというだけ。

`XMLHttRequest` のサンプルは以下。

```js
const xhr = new XMLHttpRequest();
xhr.open("GET", "https://www.uuum.jp");
xhr.send();

console.log(xhr.status); // 200
```

これで通信ができる。以上だ。

---

axiosのコードを読んでみる。

[axios/lib/adapters/xhr.js](https://github.com/axios/axios/blob/503418718f669fcc674719fd862b355605d7b41f/lib/adapters/xhr.js)に `XMLHttpRequest` が書いてある。

```js
var request = new XMLHttpRequest();
```

`XMLHttpRequest` を使っているのが確認できた。

さて、Cookieの扱い方はどうなっているだろうか？　ググったら `withCredentials` を使えって書いてある。

実際にコード読んでみるとこんな記述がある。

[axios/lib/adapters/xhr.js#L103-L105](https://github.com/axios/axios/blob/503418718f669fcc674719fd862b355605d7b41f/lib/adapters/xhr.js#L103-L105):

```js
var xsrfValue = (config.withCredentials || isURLSameOrigin(config.url)) && config.xsrfCookieName ?
    cookies.read(config.xsrfCookieName) :
    undefined;
```

同一オリジンの場合や `withCredentials` の場合に `cookies.read` が走る。

Cookiesの定義元を読んで見る。

[axios/lib/helpers/cookies.js](https://github.com/axios/axios/blob/503418718f669fcc674719fd862b355605d7b41f/lib/helpers/cookies.js#L9-L43):

```js
(function standardBrowserEnv() {
  return {
    write: function write(name, value, expires, path, domain, secure) {
      var cookie = [];
      cookie.push(name + '=' + encodeURIComponent(value));

      if (utils.isNumber(expires)) {
        cookie.push('expires=' + new Date(expires).toGMTString());
      }

      if (utils.isString(path)) {
        cookie.push('path=' + path);
      }

      if (utils.isString(domain)) {
        cookie.push('domain=' + domain);
      }

      if (secure === true) {
        cookie.push('secure');
      }

      document.cookie = cookie.join('; ');
    },

    read: function read(name) {
      var match = document.cookie.match(new RegExp('(^|;\\s*)(' + name + ')=([^;]*)'));
      return (match ? decodeURIComponent(match[3]) : null);
    },

    remove: function remove(name) {
      this.write(name, '', Date.now() - 86400000);
    }
  };
})() :
```

`document.cookie` から取得してきている。
`document.cookie` のMDNはこれだ。

<https://developer.mozilla.org/ja/docs/Web/API/Document/cookie>

--------------------------------------------------------------------------------
title: "npm libraryのbuild formatについて"
date: "2019-03-17"
--------------------------------------------------------------------------------

半年前くらいにnpm package作ってみたいなぁと思って作ってみた時学んだことをまとめていく。

次の記事でだいたい理解できたのだが、実際にやってみて細かいところでつまずた部分を書いていく。

-   [初めてのnpmパッケージ公開](https://qiita.com/TsutomuNakamura/items/f943e0490d509f128ae2)
-   [3分でできるnpmモジュール](https://qiita.com/fnobi/items/f6b1574fb9f4518ed520)

ちなみに、repoは [takeokunn/businesh](https://github.com/takeokunn/businesh) で、ビジネッシュ翻訳してくれるようなゴミみたいなpackageだ。意外とdownloadがあるのウケる。

```js
const before_text = '任意の文字列をビジネッシュ・テキストに変換するライブラリです。';
businesh.translate(before_text)
    .then(after_text => {
        // 半強制のコンテクストをハイクオリティなビジネス的サティスファクション・テキストにコンバートフレキシブルに対応するフィジビリティスタディって、この前読んだビジネス書に書いてあった、実例もたくさんある。
        console.log(after_text)
    })
    .catch(err => console.log(err));
```

---

`npm` のpackageと一口に言っても、 `server side javascript` なのか、 `frontend javascript` なのかで毛色が違う。通常次のようにライブラリを呼び出す。

frontend:

```js
import businesh from 'businesh';
```

server side:

```js
const businesh = require('businesh');
```

上記のように呼び出すには、次のようにpackageを提供する必要がある。

frontend:

```js
export { businesh };
```

server side:

```js
exports.businesh = businesh;
```

`javascript` の `module` には主に4種類ある。

-   AMD
-   CommonJS
-   ES
-   UMD

この辺の記事が参考になる。

-   [[意訳]初学者のためのJavaScriptモジュール講座 #Part1](https://qiita.com/chuck0523/items/1868a4c04ab4d8cdfb23)
-   [What is AMD, CommonJS, and UMD?](https://www.davidbcalhoun.com/2014/what-is-amd-commonjs-and-umd/)
-   [JavaScript Module Systems Showdown: CommonJS vs AMD vs ES2015](https://auth0.com/blog/javascript-module-systems-showdown/)

`bundler` のbuild optionで解決できる。 `rollup` を使っているので次のように設定すればよい。

[takeokunn/businesh/blob/master/rollup.config.js](https://github.com/takeokunn/businesh/blob/master/rollup.config.js):

```js
import babel from 'rollup-plugin-babel';

const default_config = {
    input: 'src/main.js',
    moduleName: 'businesh',
    plugins: [babel({ exclude: 'node_modules/**', runtimeHelpers: true })]
};

export default [
    {
        ...default_config,
        output: {
            file: 'dist/bundle.cjs.js',
            format: 'cjs',
            sourcemap: true
        }
    },
    {
        ...default_config,
        output: {
            file: 'dist/bundle.es.js',
            format: 'es',
            sourcemap: true
        }
    },
    {
        ...default_config,
        output: {
            file: 'dist/bundle.umd.js',
            format: 'umd',
            sourcemap: true
        }
    }
];
```

`package.json` の設定も同時に変える必要がある。

[takeokunn/businesh/blob/master/package.json](https://github.com/takeokunn/businesh/blob/master/package.json#L5-L7)抜粋。

```json
{
    ...
    "main": "dist/bundle.cjs.js",
    "module": "dist/bundle.es.js",
    "browser": "dist/bundle.umd.js",
    "repository": "git@github.com:takeokunn/businesh.git",
    "author": "takeokunn<bararararatty@gmail.com>",
    ...
}
```

これでうまく `npm install` した時よい感じに読み込むことができる。

ちなみに、イマイチよい記事がなかったので[reduxjs/redux](https://github.com/reduxjs/redux/blob/master/package.json) を参考にした。

---

適当に作ったライブラリだったが、 `build format` について学べたから良かったかな。

ゴミみたいなやつじゃなくて、もっと社会の役に立つようなものを作れるようになりたい（願望）

--------------------------------------------------------------------------------
title: "Common Lispのquoteについて"
date: "2019-03-16"
--------------------------------------------------------------------------------

stack overflowに次の2つの質問をした。

-   [Cannot post slack webhook url in common lisp](https://stackoverflow.com/questions/54868796/cannot-post-slack-webhook-url-in-common-lisp)
-   [(GETENV XXX) is not a Lisp string or pointer Ask Question](https://stackoverflow.com/questions/55066131/getenv-xxx-is-not-a-lisp-string-or-pointer)

両方とも `sds` という方が答えてくれたのですが、 どうも自分は `quote` について理解をしていないことがわかりました。

調べたところ、stack overflowに良さそうな記事があったので翻訳をしてみる。

[When to use ' (or quote) in Lisp?](https://stackoverflow.com/questions/134887/when-to-use-or-quote-in-lisp)

---

`Question`: quoteっていつ使うの？

Lispの入門書を読んだのですが、 `quote` や `'` 特殊な演算子がどんな挙動をするのか理解できませんでしたし、まだ見たことがありません。

どうでしょうか？

`Short Answer`:

デフォルトの評価ルールを使わず、 `symbol` か `s式` を評価せずに入力された型どおりに関数を渡す。

`Long Answer`: _デフォルトの評価ルール_

通常の関数（後述）が呼び出された時、引数はすべて評価される。
コードは以下。

```lisp
(* (+ a 2)
   3)
```

`a` と `2` を順に評価することによって `(+ a 2)` を評価する。 シンボル `a` の現在束縛されている値を調べ、置き換える。 `a` は現在~3~という値が束縛されています。

```lisp
(let ((a 3))
  (* (+ a 2)
     3))
```

`(+ 3 2)` は `3` と `2` が呼び出され `5` を返します。 今、元の形は `(* 5 3)` となり、=15= が返されます。

_Explain quote Already!_

大丈夫です。上で見たように、関数の引数はすべて評価されてしまうので、 `value` ではなく `symbol` を渡したいのであれば、それを評価はしたくありません。

`Lisp symbols can double both as their values, and markers where you in other languages would have used strings, such as keys to hash tables.`

の出番です。LispよりPythonアプリケーションでリソースの割り当てについて作りたいとしましょう。

Pythonのアプリケーションはこんな感じ。

```text
print("'(")
while allocating:
    if random.random() > 0.5:
        print(f"(allocate {random.randint(0, 20)})")
    else:
        print(f"(free {random.randint(0, 20)})")
    ...
print(")")
```

出力結果（一部）はこちら。

```lisp
'((allocate 3)
  (allocate 7)
  (free 14)
  (allocate 19)
  ...)
```

デフォルトの評価ルールが適用されない原因となった引数 `("tick")` について述べたことを覚えていますか？

GOOD!

`allocate` と `free` の値が調べられてしまうのはよい挙動ではないです。

Lispでは次のようになってほしい。

```lisp
(dolist (entry allocation-log)
  (case (first entry)
    (allocate (plot-allocation (second entry)))
    (free (plot-free (second entry)))))
```

上記のデータに対して、一連の関数呼び出しが行われたはずです。

```lisp
(plot-allocation 3)
(plot-allocation 7)
(plot-free 14)
(plot-allocation 19)
```

_But What About list?_

まぁ、引数を評価したい時もあります。数字と文字列を操作して結果のリストを返す気の利いた関数があるとしましょう。間違ったところから始めましょう。

```text
(defun mess-with (number string)
  '(value-of-number (1+ number) something-with-string (length string)))

Lisp> (mess-with 20 "foo")
(VALUE-OF-NUMBER (1+ NUMBER) SOMETHING-WITH-STRING (LENGTH STRING))
```

望んだ結果じゃないです！　いくつかの引数を選択的に評価し、別のものは `symbol` として残します。

_テイク２_:

```lisp
(defun mess-with (number string)
  (list 'value-of-number (1+ number) 'something-with-string (length string)))

Lisp> (mess-with 20 "foo")
(VALUE-OF-NUMBER 21 SOMETHING-WITH-STRING 3)
```

/ 単なる `quote` ではく、 `backquote` /

よいですね！　偶然にも、このパターンは（ほとんどの）macroでとても一般的ですので、そのための特別な構文があります。

backquote:

```lisp
(defun mess-with (number string)
  `(value-of-number ,(1+ number) something-with-string ,(length string)))
```

quoteを使うのと似ていますが、引数の前にcommaをつけて明示的に評価するoptionがあります。

結果はlistを使用するのと同じですが、macroからコードを生成している場合は、返されるコードのごく一部を評価したいだけですので、backquoteが適しています。

短いリストの場合は、 `list` のほうが読みやすくなります。

_Hey, You Forgot About quote!_

quoteは実際何をするのでしょうか？　単にその引数を未評価のまま返します。

最初に通常の関数について言ったことを覚えていますか？

一部の演算子や関数は引数を評価しないようにする必要あることがわかりました。

`if` のようなものですね、使われないなら `else` を評価したくないでしょう。
`macro` のような特殊演算子はそのように動作します。
特別演算子もまた言語の「公理」であり、最小限のルールの集まりであり、それを使用してLispの残りの部分をさまざまな方法で組み合わせることによって実装できます。

`quote` に戻る。

```lisp
Lisp> (quote spiffy-symbol)
SPIFFY-SYMBOL

Lisp> 'spiffy-symbol ; ' is just a shorthand ("reader macro"), as shown above
SPIFFY-SYMBOL
```

sbclと比較してください。

```text
Lisp> spiffy-symbol
debugger invoked on a UNBOUND-VARIABLE in thread #<THREAD "initial thread" RUNNING   {A69F6A9}>:
  The variable SPIFFY-SYMBOL is unbound.

Type HELP for debugger help, or (SB-EXT:QUIT) to exit from SBCL.

restarts (invokable by number or by possibly-abbreviated name):
  0: [ABORT] Exit debugger, returning to top level.

(SB-INT:SIMPLE-EVAL-IN-LEXENV SPIFFY-SYMBOL #<NULL-LEXENV>)
0]
```

このスコープには `spiffy-symbol` がないのです！

_Summing Up_

`quote` 、 `comma` 付き `backquote~、および ~list` は、値の `list` だけでなく、 `list` を作成するために使用するツールの一部ですが見たとおり（構造体を定義する必要がない）軽量データ構造として使用できます。

大規模でのプログラミングにすでにしていて、あなたがより多くを学びたい場合は、Lispのを学習への実践的なアプローチのためにピーター・サイベルの本実践Common Lispのをお勧めします。
Lispを使っていると最終的には、パッケージも使い始めるでしょう。

`Ron Garret` の `The Common Lisp Package` の `The Idiot` の説明を読むと深く理解できることでしょう。

Happy Hacking!

--------------------------------------------------------------------------------
title: "MySQLのmax_allowed_packetについて"
date: "2019-03-09"
--------------------------------------------------------------------------------

先日、カイシャのギョームでこんなことがあった。

「なんか、普通に投稿はできるんだけど、下書きが保存できないんだよね。ちょっと原因わからない？」

Railsで書かれている対象のコードを読んだのだが、まったく問題がなさそうだ。普通に `ActiveRecord` のメソッドを読んでテキスト情報を保存しているだけだからだ。

今扱っているプロジェクトは負債が多くてどこが本当に原因なのかはわからなかったので途方に暮れていたら、カイシャの凄腕の人が「多分 `max_allowed_packet` かな」と言い、サクッと直してしまった。

こういうのが技術力なんだなぁとしみじみ思ったので、どういうことが起こっていたのかちゃんと復習して、次同じようなことが合った時ドヤ顔できるようにする（間違いがあるかもなので指摘してもらえると幸い）

---

まず、対象の `table` を `show create table`
するとこんな感じだった（一部抜粋）

```sql
CREATE TABLE `drafts` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `dump_obj_encode_in_base64` longtext NOT NULL,
  `created_at` datetime NOT NULL,
  `updated_at` datetime NOT NULL,
  PRIMARY KEY (`id`),
) ENGINEInnoDB AUTO_INCREMENT~145 DEFAULT CHARSET~utf8 ROW_FORMAT~DYNAMIC
```

引き継いだプログラムなのでなぜこうなっていたのかまったくわからないが、 `dump_obj_encode_in_base64` の型が `longtext` で保存されていた。

`longtext` は `最長4,294,967,295、または4GB (232 - 1) バイト` と非常にsizeが大きい。

参考： [BLOB型とTEXT型(DB Online)](https://www.dbonline.jp/mysql/type/index6.html)

MySQLのclientがserver投げられる最大のデータ量はどのくらいだろうか。

それを定義しているのが `max_allowed_packet` だ。

現在このブログを書いているPCのMySQL(`Server version: 5.7.25-0ubuntu0.18.04.2 (Ubuntu)`)はどうだろうか。

```text
mysql> show variables like 'max_allowed_packet';
+--------------------+----------+
| Variable_name      | Value    |
+--------------------+----------+
| max_allowed_packet | 16777216 |
+--------------------+----------+
1 row in set (0.06 sec)
```

約16MBだった。 `longtext` では全然足りないサイズだ。

RDSはAWS
Consoleで変更できたので、ユーザーの少ない時間に再起動をして問題なく動き始めた。

---

`gem: mysql2` では今のエラーを次のように表現している。

<https://github.com/brianmario/mysql2/blob/master/lib/mysql2/error.rb#L18>

```text
1153 => ConnectionError, # ER_NET_PACKET_TOO_LARGE
```

`packet too large` は `connection error` になってた。

これはわからない。

---

カイシャの凄腕の人が言ってたことを忘れないようにメモをしておく。

```text
ピンポイントで下書きでエラーが出てる
↓
下書きテーブルに何かあるのでは＆接続が切れるといえばタイムアウト・コネクション数・パケット長のどれか
↓
テーブルを見るとlongtextがある


ちなみにmax_allowed_packetを上げると、MySQLにデータ（SQL文）を流し込む時間も当然長くなるので
今度はそこでタイムアウトする懸念があります

net_write_timeout/net_read_timeoutね
```

--------------------------------------------------------------------------------
title: "docker-compose.ymlのportsについてのメモ"
date: "2019-02-26"
--------------------------------------------------------------------------------

おもしろい挙動をするので記事化する。

中のコード読んでみたい。

```yaml
version: '3'
services:
  nginx:
    image: nginx
    ports:
      - 0:80
```

portを0にするとどうなるだろうか。

```shell
~/D/test (*´ω｀*) < docker ps
CONTAINER ID        IMAGE               COMMAND                  CREATED             STATUS              PORTS                   NAMES
05e0975ea3d1        nginx               "nginx -g 'daemon of…"   51 seconds ago      Up 49 seconds       0.0.0.0:32768->80/tcp   test_nginx_1
```

`0.0.0.0:32768->80/tcp` なんと、 `32768` にforwardされるのだ。

もう一度 `docker-compose up` し直す。

```shell
~/D/test (*´ω｀*) < docker ps
CONTAINER ID        IMAGE               COMMAND                  CREATED             STATUS              PORTS                   NAMES
05e0975ea3d1        nginx               "nginx -g 'daemon of…"   4 minutes ago       Up 4 seconds        0.0.0.0:32769->80/tcp   test_nginx_1
```

`0.0.0.0:32769->80/tcp` こうなる。不思議だ。

どこかの記事で読んだのだけれども、被らないようにportをforwardingしてくれるそうな。

公式ドキュメントのNoteもおもしろい。

> Note: When mapping ports in the HOST:CONTAINER format, you may
> experience erroneous results when using a container port lower than 60,
> because YAML parses numbers in the format xx:yy as a base-60 value. For
> this reason, we recommend always explicitly specifying your port
> mappings as strings.

<https://docs.docker.com/compose/compose-file/>

↑のgoogle翻訳。

> 注意：HOST：CONTAINER形式でポートをマッピングする場合、60未満のコンテナポートを使用すると、YAMLがxx：yyの形式の数値を60進数の値として解析するため、誤った結果が生じる可能性があります。このため、ポートマッピングを常に文字列として明示的に指定することをお勧めします。

--------------------------------------------------------------------------------
title: "About Me"
lastmod: "2025-06-08"
--------------------------------------------------------------------------------

## Hello World {#hello-world}

Webエンジニアとして日々ものづくりを楽しんでいるたけてぃ（@takeokunn）です。
このページでは、私の仕事としての活動と、個人としての技術探究を分けてご紹介します。


## プロフィール概要 {#プロフィール概要}


### Basic {#basic}

| Key         | Value                        |
|-------------|------------------------------|
| 名前        | たけてぃ                     |
| 生年月日    | 1995年10月10日               |
| 居住地      | 東京都練馬区                 |
| プログラミング経験年数 | 10年以上                     |
| 得意領域    | Webアプリケーション開発・CI/CD・環境構築の自動化 |


### SNS {#sns}

| Service    | Account                                                                                                   |
|------------|-----------------------------------------------------------------------------------------------------------|
| GitHub     | [@takeokunn](https://github.com/takeokunn/)                                                               |
| Twitter（X） | [@takeokunn](https://x.com/takeokunn/)                                                                    |
| Zenn       | [@takeokunn](https://zenn.dev/takeokunn)                                                                  |
| keyoxide   | [0B10DAA7BA0236D7382287660F79C0AB03FD7A1C](https://keyoxide.org/0B10DAA7BA0236D7382287660F79C0AB03FD7A1C) |


## 仕事での活動 {#仕事での活動}


### 主な業務内容 {#主な業務内容}

フロントエンドからインフラまでWeb開発全般の開発運用を行う。
CI/CD整備や開発環境整備やバージョンアップなどの足回りを整える仕事が多い。


### 直近よく使う技術 {#直近よく使う技術}

※ 2025/06/08（Sun） 現在

| Key     | Value                                  |
|---------|----------------------------------------|
| OS      | Mac                                    |
| 言語    | PHP, TypeScript                        |
| フロントエンド | React, Next.js                         |
| サーバサイド | Laravel, WordPress                     |
| インフラ | AWS, Docker, Terraform, CloudFormation |
| CI      | GitHub Actions                         |


### スタンス {#スタンス}

-   Win-Winな関係を構築する
-   ホスピタリティ高くありたい
-   開発者体験を向上させる取り組みを積極的に行う


## 個人活動 {#個人活動}


### 直近よく使う技術 {#直近よく使う技術}

※ 2025/06/08（Sun） 現在

-   Emacs
-   Org Mode
-   Nix/NixOS
-   Lisp


### 外部活動 {#外部活動}

次のコミュニティを主催しています。

-   [東京Emacs勉強会 - connpass](https://tokyo-emacs.connpass.com/)
-   [Nix日本語コミュニティ - connpass](https://nix-ja.connpass.com/)


## 登壇活動 {#登壇活動}

※ 適宜追記します

| Event                                                     | Title                                                                                                                   | Slide                                                                                                                  | 枠              |
|-----------------------------------------------------------|-------------------------------------------------------------------------------------------------------------------------|------------------------------------------------------------------------------------------------------------------------|----------------|
| [PHPカンファレンス福岡2024](https://fortee.jp/phpcon-fukuoka-2024) | [Nixを用いて再現可能なPHP環境を用意する](https://fortee.jp/phpcon-fukuoka-2024/proposal/fde5c43f-885e-455b-9b4f-6fdb4c697a19) | [link](https://docs.google.com/presentation/d/1I5yWPV_hIOaN0FfRQPwyhdQTVFv2uQEK0A08sMHPLiA/edit?slide=id.p#slide=id.p) | レギュラートーク（15分） |
| [PHPカンファレンス小田原2024](https://fortee.jp/phpconodawara-2024) | [Laravelに0からPHPStanを導入して継続的に運用する方法](https://fortee.jp/phpconodawara-2024/proposal/8f98a351-96fc-41ef-82c0-ec76fedbb33c) | [link](https://docs.google.com/presentation/d/1436T1dx_0igdNzNCVpGIf0kVA5wOVF4kcVmH9VRJobA/edit)                       | セッション（15分） |
| [PHPカンファレンス小田原2025](https://fortee.jp/phpconodawara-2025) | [定義ジャンプ入門](https://fortee.jp/phpconodawara-2025/proposal/6d853d31-19ed-4e75-b7fb-841b9490d9a8)                  | [link](https://docs.google.com/presentation/d/1HkiYZNKf6YBBOPNsHcvuOq2IKp1fw0L40j_T7RhrKZE/edit?slide=id.p#slide=id.p) | レギュラーセッション（20分） |
| [PHPカンファレンス名古屋2025](https://fortee.jp/phpcon-nagoya-2025) | [PHPUnitを低速化する技術](https://fortee.jp/phpcon-nagoya-2025/proposal/8c520c5c-d564-4f6e-b5d9-10821b35d98c)           | [link](https://docs.google.com/presentation/d/1ZC1KlpoPfQsa-2lNzN26f9Uula_X3E1waFuPzKlwfgA/edit)                       | レギュラートーク（15分） |
|                                                           | HypertextをPreprocessする                                                                                               |                                                                                                                        |                 |


## 執筆活動 {#執筆活動}