diff options
Diffstat (limited to 'vhosts/blog/public/posts/2021-03-30')
| -rw-r--r-- | vhosts/blog/public/posts/2021-03-30/phperkaigi-2021/index.html | 815 |
1 files changed, 14 insertions, 801 deletions
diff --git a/vhosts/blog/public/posts/2021-03-30/phperkaigi-2021/index.html b/vhosts/blog/public/posts/2021-03-30/phperkaigi-2021/index.html index bb3f44cd..d7435f4f 100644 --- a/vhosts/blog/public/posts/2021-03-30/phperkaigi-2021/index.html +++ b/vhosts/blog/public/posts/2021-03-30/phperkaigi-2021/index.html @@ -61,6 +61,9 @@ <li class="revision"> <time datetime="2021-03-30">2021-03-30</time>: 公開 </li> + <li class="revision"> + <time datetime="2025-04-09">2025-04-09</time>: それぞれの発表に関するメモ部分を削除し、感想のみに + </li> </ol> </section> <section id="section--report"> @@ -77,75 +80,10 @@ 発表はトラック A、B に分かれていたのだが、今回はすべて A トラックを視聴している (切り替えるのが面倒だっただけ)。 </p> - <section id="section--report--legend"> - <h3><a href="#section--report--legend">凡例</a></h3> - <blockquote> - <p> - 発表・スライドのメモ (引用ではない) - </p> - </blockquote> - - <p> - 感想など - </p> - </section> - <section id="section--report--day-0"> <h3><a href="#section--report--day-0">Day 0 前夜祭 (2021/03/27)</a></h3> <section id="section--report--day-0--1730-a"> - <h4><a href="#section--report--day-0--1730-a">17:30 [A]</a></h4> - <p> - PHP で AWS Lambda - </p> - - <blockquote> - <p> - Rails のプロジェクトを PHPer のメンバのみでメンテ →他のメンバもわかる PHP にリプレースを検討 - </p> - - <ul> - <li> - サーバレス - </li> - - <li> - サーバ・インフラの管理が不要 - </li> - - <li> - アプリケーションコードの知識だけで保守可能 - </li> - </ul> - - <p> - ゼロベースで作れる案件が (Railsの件とは別に) あるため、そちらで試験的に導入? - </p> - - <p> - AWSの学習 AWS のドキュメント DevelopersIO - </p> - - <p> - AWS Lambda のカスタムランタイムで PHP を動かす - </p> - - <p> - サーバのセットアップや維持管理を気にしなくて良い サーバーレスで PHP を動かすツールがすでにある サーバーレス構築はすんなり - </p> - - <p> - 今は Laravel がルーティングしている Laravel Livewire を Lambda に載せられないか？ デプロイ方法は？ バッチ処理は？ (Lambda は 15分の制限) - </p> - - <p> - Lambda でコンテナイメージがサポートされるように - </p> - - <p> - 抽象化されたもの「だけ」しか知らないよりも具象の理解は助けになる - </p> - </blockquote> - + <h4><a href="#section--report--day-0--1730-a">17:30 [A] LAMPをこじらせてサーバーレスに乗り遅れたPHPerがLambdaに入門してみる</a></h4> <p> AWS Lambda のような Function as a Service はマイクロサービス化における一つの到達点に思えるのだが、これを使って実際に web サービスを作る具体的なイメージがまだ見えない (注: すべて for me として書いている)。 </p> @@ -160,166 +98,21 @@ </section> <section id="section--report--day-0--1810-a"> - <h4><a href="#section--report--day-0--1810-a">18:10 [A]</a></h4> - <p> - 大規模サイトの SEO - </p> - - <blockquote> - <p> - 大規模サイト (100万ページ以上) Google の基準 - </p> - - <p> - クロールバジェットを意識したSEO - </p> - - <p> - 大規模サイトでコンテンツが中頻度 (1回/週) で更新 OR 中規模サイト (10,000以上) でコンテンツが目まぐるしく変更される これを満たさないなら、クロールバジェットを考えなくてもいい - </p> - - <p> - サーチコンソール 「カバレッジ」の「除外」 多すぎるのは問題→クロールバジェットを浪費している - </p> - - <ul> - <li> - クエリの順番を決める - </li> - - <li> - 空の値のルールを決めておく - </li> - - <li> - リダイレクトすればインデックスはうまくいく - </li> - - <li> - リンクが存在する限りクロールはされる - </li> - </ul> - - <p> - リニューアル前のURL - </p> - - <p> - インデックスは移行される リンクのURLが存在する限り、別のURLとしてクロールされる リダイレクトされるとはいえ、リニューアル前のURLは移行した方が良い リニューアルで無視されるようになったパラメータも注意 - </p> - - <p> - robotes.txt で拒否しているのにクロールされる 一時的に拒否を外して 404 や 301 を読ませる 内部リンクを確認する JS でのリンクに書き換え - </p> - - <p> - クエリパラメータからURLのパスに <code>/tokyo?area=HOGE</code> → <code>/tokyo/HOGE</code> - </p> - - <p> - URL 設計だいじ - </p> - </blockquote> - + <h4><a href="#section--report--day-0--1810-a">18:10 [A] 大規模サイトにおけるSEO観点でのURL設計</a></h4> <p> SEO (Search Engine Optimization) は大して知らないので新鮮な話が多かった。その分語れることも少ない……。 </p> </section> <section id="section--report--day-0--1850-a"> - <h4><a href="#section--report--day-0--1850-a">18:50 [A]</a></h4> - <blockquote> - <p> - 知覚可能 操作可能 理解可能 堅牢 ちゃんとしたHTMLを書く (閉じタグ・入れ子構造など) - </p> - - <ul> - <li> - 標準の HTML を適切に使う - </li> - - <li> - WAI-ARIA - </li> - - <li> - キーボードフレンドリー - </li> - - <li> - マシンフレンドリー - </li> - - <li> - SEOフレンドリー - </li> - </ul> - - <p> - button タグ →キーボード h1 タグ →スクリーンリーダー・クローラ a タグ - </p> - - <p> - WAI-ARIA HTML では表現できないセマンティクスを追加する - </p> - - <ul> - <li> - ロール - <ul> - <li> - 何をするのか？ - </li> - - <li> - ユーザーアクションによって変化しない - </li> - </ul> - </li> - - <li> - プロパティ - <ul> - <li> - 関連づけられたデータ - </li> - </ul> - </li> - - <li> - ステート - <ul> - <li> - 現在の状態 - </li> - </ul> - </li> - </ul> - - <p> - まずは標準の HTML 要素で解決する 何でもかんでも WAI-ARIA を使えばいいというものではない - </p> - - <p> - マウスホバーでツールチップが出てくるが、キーボード操作では出てこない - </p> - - <p> - VoiceOver - </p> - - <p> - 全ての属性を使う必要はない あくまでアクセシビリティを上げるための方法の一つにすぎない - </p> - </blockquote> - + <h4><a href="#section--report--day-0--1850-a">18:50 [A] PHPerでもわかる！実践Webアクセシビリティ</a></h4> <p> つい最近 WAI-ARIA についての記事を読んだばかりだったので個人的にタイムリーな話題だった。(あまりこの言葉を使いたくないのだが) いわゆる「健常者」にとって、こうした問題を普段の生活の中で意識するのは難しい。だからこそ情報へのアンテナは張っておくようにしたい。 </p> </section> <section id="section--report--day-0--1930-a"> - <h4><a href="#section--report--day-0--1930-a">19:30 [A]</a></h4> + <h4><a href="#section--report--day-0--1930-a">19:30 [A] PHP でファイルシステムを作ろう</a></h4> <p> PHP で FUSE </p> @@ -328,82 +121,6 @@ 個人的に楽しみだった発表。 </p> - <blockquote> - <p> - VFS (virtual filesystem) vs 具体的なファイルシステム - </p> - - <p> - 最適な実装方法は状況により異なる - </p> - - <p> - アプリケーションに見せるAPIは変えずに実装を隠蔽する→VFS - </p> - - <p> - カーネルのプログラムを作るのは難しい * 権限がデカすぎる * システム全体がクラッシュ * セキュリティリスク * 開発サイクルを回しづらい * ネイティブコードにコンパイルされる言語である必要がある - </p> - - <p> - Filesystem in USEr space (FUSE) - </p> - - <ul> - <li> - 特定の C の関数を呼ぶことで filesystem が作れる - </li> - - <li> - FFI を持つ言語なら FUSE が使える - </li> - </ul> - - <p> - SSHFS / s3fs / Docker Desktop - </p> - - <p> - Linux 以外でも使える - </p> - - <ul> - <li> - dokany (on Windows) - </li> - - <li> - osxfuse - </li> - </ul> - - <p> - VFS: システムコールが呼ばれると、ファイルシステムによってコール FUSE: カーネル空間からユーザ空間へ通信 - </p> - - <p> - 高レベルなラッパで型をつける - </p> - - <p> - PHP 以外では Wordpress を FUSE にマウントする実装がある (C, Python など) - </p> - - <ul> - <li> - grep できる - </li> - - <li> - sed できる - </li> - - <li> - 編集できる - </li> - </ul> - </blockquote> - <p> 期待通りの興味深い発表だった。FUSE 自体も今回の発表で知ったのだが、これ本体の実装を見るのも面白そうだ。この発表を聞きながらファイルシステムにマウントできそうなものを考えていたのだが、およそ木構造をしているものすべてと言えそうだ (ハンマーしか持っていないと云々)。何かできそうだがなかなか思いつかない。 </p> @@ -413,426 +130,43 @@ <section id="section--report--day-1"> <h3><a href="#section--report--day-1">Day 1 (2021/03/27)</a></h3> <section id="section--report--day-1--1050-a"> - <h4><a href="#section--report--day-1--1050-a">10:50 [A]</a></h4> - <p> - ATDD - </p> - - <blockquote> - <ul> - <li> - ユーザーストーリー - </li> - - <li> - ユニットテスト - </li> - - <li> - CI/CD - </li> - </ul> - - <p> - ユーザストーリーの受け入れ条件が曖昧になりがち デグレチェックがユニットレベルでは収まらない場合、手動で同じシナリオをテストしている - </p> - - <p> - Q2の強化 アジャイルテストの4象限 - </p> - - <p> - 技術面/ビジネス面 開発チーム支援(コーディング前・コーディング中)/製品批評(コーディング後) - </p> - - <ul> - <li> - Q1: 技術面 & チーム支援 - <ul> - <li> - TDD - </li> - - <li> - ユニットテストなど - </li> - </ul> - </li> - - <li> - Q2: ビジネス面 & チーム支援 - <ul> - <li> - ATDD - </li> - - <li> - ビジネス面の受け入れテストで駆動する - </li> - </ul> - </li> - </ul> - - <p> - Agile Alliance ユーザストーリーのスキルレベルを高める - </p> - - <p> - テストピラミッド - </p> - - <ul> - <li> - UI Tests - </li> - - <li> - Service Tests - </li> - - <li> - Unit Tests - </li> - - <li> - 異なる粒度のテストを書く - </li> - - <li> - 高レベルになるほど、持つべきテストは少なくなる - <ul> - <li> - ピラミッド型になる - </li> - </ul> - </li> - </ul> - - <p> - 高レベルテストが多すぎる→アイスクリームコーン アンチパターン - </p> - - <p> - ATDD (Acceptance TDD) API経由・UI経由での高レベルテスト E2E test - </p> - - <p> - ストーリ受け入れテスト - </p> - - <p> - 入れ子のフィードバックループ ATDD(外側) と TDD(内側) - </p> - - <p> - 外部品質・内部品質 - </p> - - <p> - バーティカルスライスのデリバリー - </p> - - <ul> - <li> - cucumber - </li> - - <li> - gauge - </li> - - <li> - behat - </li> - </ul> - - <p> - ユビキタス言語 手動テストもspecに書く 自動化は可能だがコスパが悪い 失敗することがわかっているテスト(レッドテスト)はCIから外す 失敗時の原因究明が難しい 饒舌なエラーメッセージ 状況のスナップショット - </p> - - <p> - Continuous Testing - </p> - </blockquote> - + <h4><a href="#section--report--day-1--1050-a">10:50 [A] 実践ATDD 〜TDDから更に歩みを進めたソフトウェア開発へ〜</a></h4> <p> User Acceptance Test (UAT) くらいの規模になると個人開発・趣味開発では触れない領域なので、大いに勉強になった。スライドに添付されている資料が相当に充実していたので、これを読むのが本番といった様相すら感じる。高レベルテストの自動化は現在のプロジェクトでも感じており、自動化のチャンスは伺っている。とはいえセッションでも指摘されているように自動化することにコストがかかりすぎる領域があるのも事実で、そのバランスが難しい。 </p> </section> <section id="section--report--day-1--1150-a"> - <h4><a href="#section--report--day-1--1150-a">11:50 [A]</a></h4> - <p> - 型解析を用いたリファクタリング - </p> - + <h4><a href="#section--report--day-1--1150-a">11:50 [A] 静的型解析を用いた大規模レガシーコードのリファクタリング計画</a></h4> <p> 型のある世界で生きてきた身として大いに楽しみにしていた発表。 </p> - <blockquote> - <ul> - <li> - PHPStan - </li> - - <li> - Phan - </li> - - <li> - Psalm - </li> - </ul> - - <p> - autoload も認識できる bootstrapFiles - </p> - - <p> - 編集箇所と利用箇所を CI でチェック ルールレベルを徐々に引き上げていく 警告が多すぎると見落としてしまう・無視されやすくなる - </p> - - <p> - 型がついていないことによるエラーが多い - </p> - - <p> - 型よりも詳細な検査 <code>Util_Assert::min</code> - </p> - - <p> - SQL を静的解析 placeholder の型付け - </p> - - <p> - 警告レベルを低いレベルから導入 タイプヒントを積極的に書いていく PHPStan の拡張を追加する - </p> - </blockquote> - <p> 昨今、動的型付き言語での型宣言・型アノテーション・型ヒントの導入が相次いでいる。長らく静的型付き言語を書いてきた私からすると、ようやく気づいたかといったところだが、ともかく型を導入する言語が増えてきた。今のプロジェクトでも新しく追加するコードには型をつけるよう努めているが、どうしても古いコードには型がついていない。個人的には型のないコードに対してどう型を自動的に付けるかという点に興味があり、その点で Ruby の typeprof には注目している。 </p> </section> - <section id="section--report--day-1--1230-a"> - <h4><a href="#section--report--day-1--1230-a">12:30 [A]</a></h4> - <p> - 昼食をとっていた。事前に何か食料を買っておくべきだった。 - </p> - </section> - <section id="section--report--day-1--1310-a"> - <h4><a href="#section--report--day-1--1310-a">13:10 [A]</a></h4> - <p> - Documentation as Code - </p> - + <h4><a href="#section--report--day-1--1310-a">13:10 [A] 目的に沿ったDocumentation as Codeをいかにして実現していくか</a></h4> <p> この発表も以前から非常に楽しみにしていた。 </p> - <blockquote> - <p> - 開発開始までのオーバーヘッド 新規にチームにジョイン 担当範囲外の機能を理解 オンボーディングのコスト - </p> - - <p> - PHPerKaigi 2020 で発表あり - </p> - - <p> - 継続的にシステムの理解を助けるドキュメント - </p> - - <p> - 継続的ドキュメンテーション システムとドキュメントの乖離 - </p> - - <p> - 書いてあることが間違っている・足りない * 徐々にずれていく * システムの更新タイミングとドキュメントの更新タイミングに差がある - </p> - - <p> - システムとドキュメントは対応関係がある * 間違ったドキュメント * 存在しないドキュメント - </p> - - <p> - システムとドキュメントの乖離を定量化する 継続的に システムの更新に近いタイミングで ドキュメントを更新し続ける - </p> - - <p> - Documentation as Code - </p> - - <p> - コードと同じツールでドキュメントを書く * issue tracker * vcs * plain text markup * automation - </p> - - <p> - 開発者 システム ドキュメント 構造化データ ソフトウェア - </p> - - <p> - システムから構造化データを抽出する PHPDoc OpenAPI - </p> - - <p> - ビュー 関心ごとに合わせてアーキテクチャを一つ以上の側面(断面)で説明する - </p> - - <p> - ビューの単位でドキュメントに - </p> - - <p> - スタックトレースからのドキュメント生成 - </p> - </blockquote> - <p> ドキュメントの管理は現プロジェクトでも課題と感じている。作られた当初は正しくても、実態と乖離していくのを止めるのは困難を極める。全体的に興味深い発表だったが、特にスタックトレースからのドキュメント生成というアイデアに惹かれるものを感じた。スタックトレースという実態と不可分な (乖離しない) 情報を起点にするのは理にかなっている。問題はトレースをいつ、どう取るかだろうか。それを自動化しなければ、実態との乖離が避けられないだろう。 </p> </section> <section id="section--report--day-1--1410-a"> - <h4><a href="#section--report--day-1--1410-a">14:10 [A]</a></h4> - <p> - cookie による session 管理 - </p> - + <h4><a href="#section--report--day-1--1410-a">14:10 [A] PHPで学ぶ、セッションの基本と応用</a></h4> <p> 全体的に基本的な話だったので特に触れない。Cookie やセッションの話としては非常に分かりやすくまとめられていたので、知らない人が学ぶにはいい教材だろう。 </p> </section> <section id="section--report--day-1--1450-a"> - <h4><a href="#section--report--day-1--1450-a">14:50 [A]</a></h4> - <p> - PHP のエラーと例外 - </p> - - <blockquote> - <p> - エラー PHPエンジンがエラーを通知する 例外 プログラムが投げる - </p> - - <p> - PHP7-8とエラー - </p> - - <p> - PHPエンジンのエラーの一部が に変換されるようになった → try-catch で捕捉できる - </p> - - <p> - は例外とは異なる - </p> - - <p> - PHP8 でエラーレベルの引き上げ - </p> - - <ul> - <li> - 捕捉すべきもの - <ul> - <li> - recoverable - </li> - </ul> - </li> - - <li> - 捕捉すべきでないもの - <ul> - <li> - unrecoverable - </li> - - <li> - 開発時に対処できるもの - </li> - </ul> - </li> - </ul> - - <p> - 例外 * 捕捉して事後処理 * 捕捉せず(or 捕捉した上で)さらに上に是非を問う - </p> - - <p> - 開発段階で例外を把握し、ハンドリングを考えておく - </p> - - <p> - と - </p> - - <p> - はキャッチすべきでない - </p> - - <ul> - <li> - <p> - </p> - - <ul> - <li> - 本番で起きてはいけない - </li> - </ul> - </li> - - <li> - <p> - </p> - - <ul> - <li> - 本番で起きてはいけない →生じないのだから捕捉もしない - </li> - </ul> - </li> - - <li> - <p> - </p> - - <ul> - <li> - 起こるかもしれないので本番環境でも考慮する - </li> - </ul> - </li> - </ul> - - <p> - 捕捉して対応するのではなく、未然に防ぐ - </p> - - <p> - 独自例外を使う を投げてしまうと、 catch ()せざるを得ない →catch 範囲が広すぎる - </p> - - <p> - SPL の例外を使う - </p> - - <p> - 例外翻訳 上位のレイヤが下位のレイヤの例外を捕捉し、上位レイヤのAPIに「翻訳」する 下位レイヤの知識に依存させない - </p> - - <p> - @throws 捕捉してほしい例外を書き連ねておく - </p> - - <p> - 呼び出しもとに負わせたい責任 - </p> - </blockquote> - + <h4><a href="#section--report--day-1--1450-a">14:50 [A] PHP8になった今の時代に、PHPの「エラー」「例外」そして「Error」をおさらいしておこう</a></h4> <p> PHP を学んでいる途中の私としては、今まさに聞きたい発表だった (現時点で PHP を書き始めてから 4ヶ月ほどになる)。 </p> @@ -847,139 +181,18 @@ </section> <section id="section--report--day-1--1530-a"> - <h4><a href="#section--report--day-1--1530-a">15:30 [A]</a></h4> - <p> - Laravel のメール認証 - </p> - + <h4><a href="#section--report--day-1--1530-a">15:30 [A] Laravel のメール認証の内部実装を掘り下げる</a></h4> <p> Laravel の知識がない私にはまったくついていけなかった。また、個人的にタイトルがややミスリーディングに感じた。 </p> </section> <section id="section--report--day-1--1610-a"> - <h4><a href="#section--report--day-1--1610-a">16:10 [A]</a></h4> - <p> - gRPC - </p> - - <blockquote> - <p> - Unary RPCs Server streaming RPCs Client streaming RPCs Bidirectional streaming RPCs - </p> - - <p> - Protobuf - </p> - - <p> - 実装とAPIが乖離しにくい 自動生成 複数言語でも相互に使える - </p> - - <p> - マイクロサービスのサービス通信 スマホアプリ ゲームサーバ - </p> - - <p> - PHP では？ - </p> - - <p> - PHP ではストリーミングが難しい リクエストごとにプロセスが使い捨て - </p> - - <p> - PHP ではgRPCのクライアントしか対応していない - </p> - - <p> - gRPC-Web ブラウザで扱うためのJSライブラリ+プロトコル - </p> - - <p> - HTTP/1.1 でも使える Unary RPC と Server streaming RPC のみ - </p> - - <p> - Envoy Nginx などで相互に gRPC と gRPC-Web で変換 - </p> - - <p> - Amp イベント駆動な並行処理のフレームワーク - </p> - - <p> - HTTP/2 対応 - </p> - - <p> - C#のgRPC-Webが楽 - </p> - </blockquote> - + <h4><a href="#section--report--day-1--1610-a">16:10 [A] ブラウザから始めるgRPC 〜 gRPC-WebにPHPを添えて</a></h4> <p> (発表の中でもまさに同じことをおっしゃっていたが) PHP 以外の方が向いているだろう、というのが第一の感想である。gRPC はそれ自体というよりも Protobuf というエコシステムに乗れることのメリットが大きいと感じる。そのエコシステムにうまく乗れない時点で、うーんという感じ。 </p> </section> - - <section id="section--report--day-1--1650-a"> - <h4><a href="#section--report--day-1--1650-a">16:50 [A]</a></h4> - <p> - アーキテクチャテスト - </p> - - <blockquote> - <p> - Independent Core Layer Pattern - </p> - - <p> - 開発初期のアーキテクチャが崩れる アーキテクチャ観点のコードレビューができない - </p> - - <p> - どこにクラスを置けばよいか？ ドキュメントがない - </p> - - <p> - アーキテクチャ設計に関する知識が属人化・暗黙知化 - </p> - - <p> - ガイドライン * 最初にルールを決めるのは簡単 * ルール通り作り始めるのも簡単 * →維持するのが難しい、人が決めたものゆえ壊れやすい - </p> - - <p> - PHP の特性 * クラスは public * 可視性の制御が public / protected / private のみ * 依存関係の制御が困難 - </p> - - <p> - アーキテクチャテスト クラスの依存関係や実装ルールをコードとして表現し、自動テスト化する - </p> - - <ul> - <li> - deptrac - </li> - - <li> - phpat - </li> - </ul> - - <p> - Independent Core Layer Pattern - </p> - - <p> - アーキテクチャテストの失敗 * 実装誤り * or アーキテクチャが適切でない * 開発の過程でフィードバックしていく - </p> - - <p> - モジュラーモノリス→マイクロサービスへ - </p> - </blockquote> - </section> </section> <section id="section--report--day-2"> |