diff options
| author | nsfisis <nsfisis@gmail.com> | 2025-06-27 23:39:31 +0900 |
|---|---|---|
| committer | nsfisis <nsfisis@gmail.com> | 2025-06-27 23:39:31 +0900 |
| commit | 674fe965550444db87edc7937ff6932e1a918d9d (patch) | |
| tree | e8a80dd958d3e082485286bf5785a7992b6e6b0e /vhosts/blog/public/posts | |
| parent | fe4d1d625b53796c5f20399790e5ff8c7a7e1608 (diff) | |
| download | nsfisis.dev-674fe965550444db87edc7937ff6932e1a918d9d.tar.gz nsfisis.dev-674fe965550444db87edc7937ff6932e1a918d9d.tar.zst nsfisis.dev-674fe965550444db87edc7937ff6932e1a918d9d.zip | |
feat(meta): rename vhosts/ directory to services/
Diffstat (limited to 'vhosts/blog/public/posts')
89 files changed, 0 insertions, 14184 deletions
diff --git a/vhosts/blog/public/posts/2/index.html b/vhosts/blog/public/posts/2/index.html deleted file mode 100644 index 9d03cad2..00000000 --- a/vhosts/blog/public/posts/2/index.html +++ /dev/null @@ -1,222 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2021 nsfisis"> - <meta name="description" content="投稿した記事の一覧 (2ページ目)"> - <meta property="og:type" content="article"> - <meta property="og:title" content="投稿一覧 (2ページ目)｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="投稿した記事の一覧 (2ページ目)"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="alternate" type="application/atom+xml" href="https://blog.nsfisis.dev/posts/atom.xml"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>投稿一覧 (2ページ目)｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="list"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <header class="page-header"> - <h1>投稿一覧 (2ページ目)</h1> - </header> - <nav class="pagination"> - <div class="pagination-prev"> - <a href="/posts/">前のページ</a> - </div> - <div class="pagination-info"> - 2 / 6 - </div> - <div class="pagination-next"> - <a href="/posts/3/">次のページ</a> - </div> - </nav> - <article class="post-entry"> - <a href="/posts/2024-12-04/cohackpp-report/"> - <header class="entry-header"> - <h2>紅白ぺぱ合戦に参加&LTしました</h2> - </header> - <section class="entry-content"> - <p> - 2024-11-30 に開催された紅白ぺぱ合戦に参加し、ぺ陣営のメンバとして LT しました。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2024-12-04">2024-12-04</time> 投稿、<time datetime="2024-12-05">2024-12-05</time> 更新 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2024-09-28/mncore-challenge-1/"> - <header class="entry-header"> - <h2>MN-Core Challenge #1 参加レポ</h2> - </header> - <section class="entry-content"> - <p> - 2024-08-28 から 2024-09-24 にかけて開催された MN-Core Challenge #1 に参加した。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2024-09-28">2024-09-28</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2024-08-19/go-template-access-outer-scope-pipeline-within-with-or-range/"> - <header class="entry-header"> - <h2>【Go】 text/template の with や range の内側から外側の "." にアクセスする</h2> - </header> - <section class="entry-content"> - <p> - Go言語の text/template における with や range は "." を上書きする。これらの内側から外側の "." にアクセスする方法を調べた。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2024-08-19">2024-08-19</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2024-07-19/reparojson-fix-only-json-formatter/"> - <header class="entry-header"> - <h2>reparojson: 文法エラーを直すだけの JSON フォーマッタを作った</h2> - </header> - <section class="entry-content"> - <p> - 文法エラーだけを直し、空白の削除や挿入といった整形処理を一切おこなわない JSON フォーマッタを作成した。Neovim と連携させる設定例も紹介する。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2024-07-19">2024-07-19</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2024-06-19/scalamatsuri-2024-report/"> - <header class="entry-header"> - <h2>ScalaMatsuri 2024 参加レポ</h2> - </header> - <section class="entry-content"> - <p> - 2024-06-08 から 2024-06-09 にかけて開催された、ScalaMatsuri 2024 に参加した。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2024-06-19">2024-06-19</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2024-05-11/phpconkagawa-2024-report/"> - <header class="entry-header"> - <h2>PHP カンファレンス香川 2024 参加レポ</h2> - </header> - <section class="entry-content"> - <p> - 2024-05-11 に開催された、PHP カンファレンス香川 2024 に参加した。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2024-05-11">2024-05-11</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2024-04-29/zsh-file-completion-for-composer-custom-commands/"> - <header class="entry-header"> - <h2>【Zsh】 Composer のカスタムコマンドに対する Zsh 補完で引数にファイルを補完させる</h2> - </header> - <section class="entry-content"> - <p> - Zsh の Composer に対する補完はカスタムコマンドやその引数を補完しない。カスタムコマンドの引数としてファイルを補完させる方法を調べた。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2024-04-29">2024-04-29</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2024-04-21/pipefail-option-in-gitlab-ci-cd/"> - <header class="entry-header"> - <h2>【GitLab】 GitLab CI/CD 上での bash/sh は pipefail が有効になっている</h2> - </header> - <section class="entry-content"> - <p> - GitLab CI/CD で bash/sh スクリプトを動かすと、pipefail オプションが有効になった状態で実行される。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2024-04-21">2024-04-21</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2024-04-14/phpcon-odawara-2024-report/"> - <header class="entry-header"> - <h2>PHP カンファレンス小田原 2024 参加レポ</h2> - </header> - <section class="entry-content"> - <p> - 2024-04-13 に開催された、PHP カンファレンス小田原 2024 に参加した。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2024-04-14">2024-04-14</time> 投稿、<time datetime="2024-06-01">2024-06-01</time> 更新 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2024-03-20/my-bucket-list/"> - <header class="entry-header"> - <h2>死ぬまでに作る自作○○一覧あるいは人生の TODO リスト</h2> - </header> - <section class="entry-content"> - <p> - 駄文 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2024-03-20">2024-03-20</time> 投稿、<time datetime="2024-04-07">2024-04-07</time> 更新 - </footer> - </a> - </article> - <nav class="pagination"> - <div class="pagination-prev"> - <a href="/posts/">前のページ</a> - </div> - <div class="pagination-info"> - 2 / 6 - </div> - <div class="pagination-next"> - <a href="/posts/3/">次のページ</a> - </div> - </nav> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2021-03-05/my-first-post/index.html b/vhosts/blog/public/posts/2021-03-05/my-first-post/index.html deleted file mode 100644 index f1a3bc89..00000000 --- a/vhosts/blog/public/posts/2021-03-05/my-first-post/index.html +++ /dev/null @@ -1,245 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2021 nsfisis"> - <meta name="description" content="これはテスト投稿です。これはテスト投稿です。これはテスト投稿です。"> - <meta property="og:type" content="article"> - <meta property="og:title" content="My First Post｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="これはテスト投稿です。これはテスト投稿です。これはテスト投稿です。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>My First Post｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">My First Post</h1> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2021-03-05">2021-03-05</time>: 公開 - </li> - <li class="revision"> - <time datetime="2025-05-12">2025-05-12</time>: ジェネレータやスタイルをテストするためのコンテンツを追加 - </li> - </ol> - </section> - <section id="section--test"> - <h2><a href="#section--test">Test</a></h2> - <p> - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. - </p> - </section> - <section id="section--sec-1"> - <h2><a href="#section--sec-1">Section level 1</a></h2> - <section id="section--sec-1--sec-2"> - <h3><a href="#section--sec-1--sec-2">Section level 2</a></h3> - <section id="section--sec-1--sec-2--sec-3"> - <h4><a href="#section--sec-1--sec-2--sec-3">Section level 3</a></h4> - <section id="section--sec-1--sec-2--sec-3--sec-4"> - <h5><a href="#section--sec-1--sec-2--sec-3--sec-4">Section level 4</a></h5> - <section id="section--sec-1--sec-2--sec-3--sec-4--sec-5"> - <h6><a href="#section--sec-1--sec-2--sec-3--sec-4--sec-5">Section level 5</a></h6> - <ul> - <li> - list item 1 - </li> - <li> - list item 2 - <ul> - <li> - list item 2.a - </li> - <li> - list item 2.b - </li> - </ul> - </li> - <li> - list item 3 - </li> - <li> - list item 3 - </li> - </ul> - <ol> - <li> - list item 1 - </li> - <li> - list item 2 - <ol> - <li> - list item 2.a - </li> - <li> - list item 2.b - </li> - </ol> - </li> - <li> - list item 3 - </li> - <li> - list item 3 - </li> - </ol> - <ul type="task"> - <li checked="false"> - list item 1 - </li> - <li checked="false"> - list item 2 - <ul type="task"> - <li checked="false"> - list item 2.a - </li> - <li checked="false"> - list item 2.b - </li> - </ul> - </li> - <li checked="false"> - list item 3 - </li> - <li checked="false"> - list item 3 - </li> - </ul> - <blockquote> - <p> - blockquote - </p> - </blockquote> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#005CC5">puts</span><span style="color:#032F62"> "Hello, World!"</span></span></code></pre> - </div> - <p> - <strong>emph</strong> <em>strong</em> - </p> - <p> - <mark>highlighted</mark> - </p> - <p> - <a href="https://example.com" rel="noreferrer" target="_blank">https://example.com</a> - </p> - <p> - <a href="https://example.com" rel="noreferrer" target="_blank">example link</a> - </p> - <p> - H<sub>2</sub>O - </p> - <p> - 2<sup>64</sup> - </p> - <p> - ‘foo’ “bar” - </p> - <p> - <code>code</code> - </p> - <p> - <ins> - inserted - </ins> - - <del> - deleted - </del> - </p> - <p> - footenote. <sup class="footnote"><a class="footnote" href="#footnote--foo" id="footnoteref--foo">[1]</a></sup> - </p> - <div class="admonition"> - <div class="admonition-label"> - NOTE - </div> - <div class="admonition-content"> - <p> - hoge piyo - </p> - </div> - </div> - <table> - <caption> - </caption> - <thead> - <tr> - <th> - name - </th> - <th align="right"> - age - </th> - </tr> - </thead> - <tbody> - <tr> - <td> - Taro - </td> - <td align="right"> - 10 - </td> - </tr> - <tr> - <td> - Hanako - </td> - <td align="right"> - 20 - </td> - </tr> - </tbody> - </table> - </section> - </section> - </section> - </section> - </section> - <section class="footnotes"> - <div class="footnote" id="footnote--foo"> - <a href="#footnoteref--foo">1. </a> - <p> - foo bar - </p> - </div> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> 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 deleted file mode 100644 index 6815783c..00000000 --- a/vhosts/blog/public/posts/2021-03-30/phperkaigi-2021/index.html +++ /dev/null @@ -1,215 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2021 nsfisis"> - <meta name="description" content="2021-03-26 から 2021-03-28 にかけて開催された、PHPerKaigi 2021 に参加した。"> - <meta name="keywords" content="カンファレンス,PHP,PHPerKaigi"> - <meta property="og:type" content="article"> - <meta property="og:title" content="PHPerKaigi 2021｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="2021-03-26 から 2021-03-28 にかけて開催された、PHPerKaigi 2021 に参加した。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>PHPerKaigi 2021｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">PHPerKaigi 2021</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/conference/">カンファレンス</a> - </li> - <li class="tag"> - <a href="/tags/php/">PHP</a> - </li> - <li class="tag"> - <a href="/tags/phperkaigi/">PHPerKaigi</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <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"> - <h2><a href="#section--report">PHPerKaigi 2021 参加レポ</a></h2> - <p> - 2021-03-26 から 2021-03-28 にかけて開催された、<a href="https://phperkaigi.jp/2021/" rel="noreferrer" target="_blank">PHPerKaigi 2021</a> に一般参加者として参加した。弊社<a href="https://www.dgcircus.com/" rel="noreferrer" target="_blank">デジタルサーカス株式会社</a> (今年1月から勤務) はダイヤモンドスポンサーとなっており、スポンサー枠のチケットを使わせていただいた。 - </p> - <p> - このようなカンファレンスには初めて参加するのでかねてより心待ちにしていたのだが、生憎2日目から体調を崩してしまい、この記事も途中までとなっている。まだ見ていないセッションも多いが、ひとまず現時点での参加レポを書いておく。 - </p> - <p> - 発表はトラック A、B に分かれていたのだが、今回はすべて A トラックを視聴している (切り替えるのが面倒だっただけ)。 - </p> - <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] LAMPをこじらせてサーバーレスに乗り遅れたPHPerがLambdaに入門してみる</a></h4> - <p> - AWS Lambda のような Function as a Service はマイクロサービス化における一つの到達点に思えるのだが、これを使って実際に web サービスを作る具体的なイメージがまだ見えない (注: すべて for me として書いている)。 - </p> - <p> - PHP on AWS Lambda があれだけ簡単に動かせるのには驚いた。 - </p> - <p> - 勝手に AWS Lambda だとフットプリントの軽さが求められそう (= PHP + Laravel などでは動かなさそう) だという先入観を持っていたのだが、この発表のデモによればそうでもないらしい。 - </p> - </section> - <section id="section--report--day-0--1810-a"> - <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] 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] PHP でファイルシステムを作ろう</a></h4> - <p> - PHP で FUSE - </p> - <p> - 個人的に楽しみだった発表。 - </p> - <p> - 期待通りの興味深い発表だった。FUSE 自体も今回の発表で知ったのだが、これ本体の実装を見るのも面白そうだ。この発表を聞きながらファイルシステムにマウントできそうなものを考えていたのだが、およそ木構造をしているものすべてと言えそうだ (ハンマーしか持っていないと云々)。何かできそうだがなかなか思いつかない。 - </p> - </section> - </section> - <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] 実践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> - <p> - 昨今、動的型付き言語での型宣言・型アノテーション・型ヒントの導入が相次いでいる。長らく静的型付き言語を書いてきた私からすると、ようやく気づいたかといったところだが、ともかく型を導入する言語が増えてきた。今のプロジェクトでも新しく追加するコードには型をつけるよう努めているが、どうしても古いコードには型がついていない。個人的には型のないコードに対してどう型を自動的に付けるかという点に興味があり、その点で Ruby の typeprof には注目している。 - </p> - </section> - <section id="section--report--day-1--1310-a"> - <h4><a href="#section--report--day-1--1310-a">13:10 [A] 目的に沿ったDocumentation as Codeをいかにして実現していくか</a></h4> - <p> - この発表も以前から非常に楽しみにしていた。 - </p> - <p> - ドキュメントの管理は現プロジェクトでも課題と感じている。作られた当初は正しくても、実態と乖離していくのを止めるのは困難を極める。全体的に興味深い発表だったが、特にスタックトレースからのドキュメント生成というアイデアに惹かれるものを感じた。スタックトレースという実態と不可分な (乖離しない) 情報を起点にするのは理にかなっている。問題はトレースをいつ、どう取るかだろうか。それを自動化しなければ、実態との乖離が避けられないだろう。 - </p> - </section> - <section id="section--report--day-1--1410-a"> - <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] PHP8になった今の時代に、PHPの「エラー」「例外」そして「Error」をおさらいしておこう</a></h4> - <p> - PHP を学んでいる途中の私としては、今まさに聞きたい発表だった (現時点で PHP を書き始めてから 4ヶ月ほどになる)。 - </p> - <p> - 個人的に例外やエラーを最もうまく扱っているのは Go、Swift、Rust、Haskell などのエラーを「値として」扱う言語だと思っている。try-catch は通常の処理フローを完全に壊してしまう上、構文としても重すぎる。値としてのエラー通知は C言語時代への回帰ともいえるが、その頃と異なるのはエラーを暗黙のうちに握り潰すことがないということだ。これらの言語は型を持っており、静的に検証ができる (C のそれはまともな型付けではない。念のため)。 - </p> - <p> - PHP のように、すでに例外が言語システムに根ざしている言語ではどうすればよいか。この場合も同じく静的検証の力を借りることになるだろう。 - </p> - </section> - <section id="section--report--day-1--1530-a"> - <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] ブラウザから始めるgRPC 〜 gRPC-WebにPHPを添えて</a></h4> - <p> - (発表の中でもまさに同じことをおっしゃっていたが) PHP 以外の方が向いているだろう、というのが第一の感想である。gRPC はそれ自体というよりも Protobuf というエコシステムに乗れることのメリットが大きいと感じる。そのエコシステムにうまく乗れない時点で、うーんという感じ。 - </p> - </section> - </section> - <section id="section--report--day-2"> - <h3><a href="#section--report--day-2">Day 2 (2021/03/28)</a></h3> - <p> - 冒頭に書いた通り、2日目から体調が悪くまともに聴けていない。途中までは頭痛を我慢しつつ見ていたのだが、まともに入ってこなかった。 - </p> - <p> - 残念ではあるが、いずれにせよ見られていない発表は他にもあるので、今週末にでもまとめて見ようと思う。 - </p> - </section> - <section id="section--report--comments"> - <h3><a href="#section--report--comments">全体の感想</a></h3> - <p> - Day 2 にほとんど参加できなかったのは残念だが、イベント自体は大変楽しく、また興味深いものであった。自分がまったく知らない領域の話を聞けるのはこうしたイベントならではだと感じる。オンライン開催ゆえ現地に行く必要がなく、気軽に参加できたのも (特に初参加者として) 嬉しいポイントだった。 - </p> - <p> - 今回、雑談/登壇者への質問等向けに Discord サーバもあったのだが、こちらは参加こそしたものの ROM のままになってしまった。発表に1ウィンドウ、メモを書くのに1ウィンドウ、Discord 表示に 1ウィンドウで私にはもう脳のリソースとディスプレイのスペースが追いつかなかった (さらにいうと Zoom でアンカンファレンスもやっていたようだ。こちらはまったく参加していない)。 - </p> - <p> - 1つ個人的な反省点としては、一つ一つのセッションを真剣に聞き過ぎたというものがある。もっと適当に聞いておけばよかった。これだけだと大変語弊があるのだが、言い方を変えると、Discord しかりアンカンファレンスしかり「このイベントのこの瞬間にしかないコンテンツ」に触れずに、後から見返せる発表やスライドに注力してしまった、ということだ。発表の詳細な見直しはあとからできるのだから、今しかできないことを考えるべきだった。まあ初カンファレンスだし、とお茶を濁しておこう。 - </p> - <p> - さて、カンファレンスで一つ気になったことがある。それは、Discord という書き込み場所が増えたことでニコ生のコメントの流量が吸い取られてしまったのではないか、という点だ。ニコニコだけ見ていると過疎っているかのように見えた発表も、Discord の方では盛り上がっている、というのを何度か見かけた。ニコニコのコメント方式は盛り上がりを如実に反映するが、逆もまたしかり。Discord があったこと自体はプラスだったと思うが、この点はマイナスだったのではないかと感じる。 - </p> - <hr> - <p> - 最後になりましたが、毎年の PHPerKaigi 開催にご尽力されている皆様、スピーカーの皆様、楽しい3日間でした。ありがとうございました！ (ずっと常体で書いてしまったのでいきなり仏頂面から笑顔になったようで気持ち悪い) - </p> - <p> - ではまた来年。 - </p> - </section> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2021-10-02/cpp-you-can-use-keywords-in-attributes/index.html b/vhosts/blog/public/posts/2021-10-02/cpp-you-can-use-keywords-in-attributes/index.html deleted file mode 100644 index 53bd4c70..00000000 --- a/vhosts/blog/public/posts/2021-10-02/cpp-you-can-use-keywords-in-attributes/index.html +++ /dev/null @@ -1,193 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2021 nsfisis"> - <meta name="description" content="C++ の属性構文の属性名には、キーワードが使える。ネタ記事。"> - <meta name="keywords" content="C++,C++ 17"> - <meta property="og:type" content="article"> - <meta property="og:title" content="【C++】 属性構文の属性名にはキーワードが使える｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="C++ の属性構文の属性名には、キーワードが使える。ネタ記事。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>【C++】 属性構文の属性名にはキーワードが使える｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">【C++】 属性構文の属性名にはキーワードが使える</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/cpp/">C++</a> - </li> - <li class="tag"> - <a href="/tags/cpp17/">C++ 17</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2021-10-02">2021-10-02</time>: Qiita から移植 - </li> - </ol> - </section> - <div class="admonition"> - <div class="admonition-label"> - NOTE - </div> - <div class="admonition-content"> - <p> - この記事は Qiita から移植してきたものです。元 URL: <a href="https://qiita.com/nsfisis/items/94090937bcf860cfa93b" rel="noreferrer" target="_blank">https://qiita.com/nsfisis/items/94090937bcf860cfa93b</a> - </p> - </div> - </div> - <p> - タイトル落ち。まずはこのコードを見て欲しい。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">#include</span><span style="color:#032F62"> <iostream></span></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5">[[</span><span style="color:#6F42C1">alignas</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">alignof</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">and</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">and_eq</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">asm</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">auto</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">bitand</span><span style="color:#005CC5">]]</span></span> -<span class="line"><span style="color:#005CC5">[[</span><span style="color:#6F42C1">bitor</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">bool</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">break</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">case</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">catch</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">char</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">char16_t</span><span style="color:#005CC5">]]</span></span> -<span class="line"><span style="color:#005CC5">[[</span><span style="color:#6F42C1">char32_t</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">class</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">compl</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">const</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">const_cast</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">constexpr</span><span style="color:#005CC5">]]</span></span> -<span class="line"><span style="color:#005CC5">[[</span><span style="color:#6F42C1">continue</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">decltype</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">default</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">delete</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">do</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">double</span><span style="color:#005CC5">]]</span></span> -<span class="line"><span style="color:#005CC5">[[</span><span style="color:#6F42C1">dynamic_cast</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">else</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">enum</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">explicit</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">export</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">extern</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">false</span><span style="color:#005CC5">]]</span></span> -<span class="line"><span style="color:#005CC5">[[</span><span style="color:#6F42C1">final</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">float</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">for</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">friend</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">goto</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">if</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">inline</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">int</span><span style="color:#005CC5">]]</span></span> -<span class="line"><span style="color:#005CC5">[[</span><span style="color:#6F42C1">long</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">mutable</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">namespace</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">new</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">noexcept</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">not</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">not_eq</span><span style="color:#005CC5">]]</span></span> -<span class="line"><span style="color:#005CC5">[[</span><span style="color:#6F42C1">nullptr</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">operator</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">or</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">or_eq</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">override</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">private</span><span style="color:#005CC5">]]</span></span> -<span class="line"><span style="color:#005CC5">[[</span><span style="color:#6F42C1">protected</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">public</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">register</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">reinterpret_cast</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">return</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">short</span><span style="color:#005CC5">]]</span></span> -<span class="line"><span style="color:#005CC5">[[</span><span style="color:#6F42C1">signed</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">sizeof</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">static</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">static_assert</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">static_cast</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">struct</span><span style="color:#005CC5">]]</span></span> -<span class="line"><span style="color:#005CC5">[[</span><span style="color:#6F42C1">switch</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">template</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">this</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">thread_local</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">throw</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">true</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">try</span><span style="color:#005CC5">]]</span></span> -<span class="line"><span style="color:#005CC5">[[</span><span style="color:#6F42C1">typedef</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">typeid</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">typename</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">union</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">unsigned</span><span style="color:#005CC5">]]</span></span> -<span class="line"><span style="color:#005CC5">[[</span><span style="color:#6F42C1">virtual</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">void</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">volatile</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">wchar_t</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">while</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">xor</span><span style="color:#005CC5">]]</span><span style="color:#005CC5"> [[</span><span style="color:#6F42C1">xor_eq</span><span style="color:#005CC5">]]</span></span> -<span class="line"><span style="color:#6A737D">// [[using]]</span></span> -<span class="line"><span style="color:#D73A49">int</span><span style="color:#6F42C1"> main</span><span style="color:#24292E">() {</span></span> -<span class="line"><span style="color:#6F42C1"> std</span><span style="color:#24292E">::cout </span><span style="color:#D73A49"><<</span><span style="color:#032F62"> "Hello, World!"</span><span style="color:#D73A49"> <<</span><span style="color:#6F42C1"> std</span><span style="color:#24292E">::endl;</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - <p> - コンパイラのバージョン - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ clang++ –version Apple clang version 11.0.0</span></span> -<span class="line"><span>(clang-1100.0.33.8) Target: x86_64-apple-darwin19.6.0 Thread model:</span></span> -<span class="line"><span>posix InstalledDir:</span></span> -<span class="line"><span>/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/bin</span></span></code></pre> - </div> - <p> - コンパイルコマンド (C17指定) - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ clang –std=c++17 hoge.cpp</span></span></code></pre> - </div> - <p> - この記事から得られるものはこれ以上ないので以下は蛇足になる。 - </p> - <p> - 別件で <a href="https://en.cppreference.com/w/cpp/language/identifiers" rel="noreferrer" target="_blank">cppreference.com の identifier のページ</a>を読んでいた時、次の文が目に止まった。 - </p> - <blockquote> - <ul> - <li> - the identifiers that are keywords cannot be used for other purposes; - <ul> - <li> - The only place they can be used as non-keywords is in an attribute-token. (e.g. [[private]] is a valid attribute) (since C++11) - </li> - </ul> - </li> - </ul> - </blockquote> - <p> - キーワードでも属性として指定する場合は非キーワードとして使えるらしい。実際にやってみる。 - </p> - <p> - 同サイトの <a href="https://en.cppreference.com/w/cpp/keyword" rel="noreferrer" target="_blank">keywords のページ</a> から一覧を拝借し、上のコードが出来上がった (C++17 においてキーワードでないものなど、一部省いている)。 大量の警告 (unknown attribute `〇〇’ ignored) がコンパイラから出力されるが、コンパイルできる。 - </p> - <p> - 上のコードでは <code>[[using]]</code> をコメントアウトしているが、これは <code>using</code> キーワードのみ属性構文の中で意味を持つからであり、このコメントアウトを外すとコンパイルに失敗する。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#6A737D">// using の例</span></span> -<span class="line"><span style="color:#005CC5">[[</span><span style="color:#D73A49">using</span><span style="color:#6F42C1"> foo</span><span style="color:#005CC5">: </span><span style="color:#6F42C1">attr1</span><span style="color:#005CC5">, </span><span style="color:#6F42C1">attr2</span><span style="color:#005CC5">]]</span><span style="color:#D73A49"> int</span><span style="color:#24292E"> x;</span><span style="color:#6A737D"> // [[foo::attr1, foo::attr2]] の糖衣構文</span></span></code></pre> - </div> - <p> - C++17 の仕様も見てみる (正確には標準化前のドラフト)。 - </p> - <p> - 引用元: <a href="https://timsong-cpp.github.io/cppwp/n4659/dcl.attr#grammar-4" rel="noreferrer" target="_blank">https://timsong-cpp.github.io/cppwp/n4659/dcl.attr#grammar-4</a> - </p> - <blockquote> - <p> - If a keyword or an alternative token that satisfies the syntactic requirements of an identifier is contained in an attribute-token, it is considered an identifier. - </p> - </blockquote> - <p> - 「<code>identifier</code> の構文上の要件を満たすキーワードまたは代替トークンが <code>attribute-token</code> に含まれている場合、<code>identifier</code> とみなされる」とある。どうやら間違いないようだ。 - </p> - <p> - ところで、代替トークン (alternative token) とは <code>and</code> (<code>&</code>) や <code>bitor</code> (<code>|</code>) などのことだが、<code>identifier</code> の構文上の要件を満たさないような代替トークンなどあるのか？ 疑問に思って調べたところ、代替トークンという語にはダイグラフも含まれるらしい (参考: <a href="https://timsong-cpp.github.io/cppwp/n4659/lex.digraph" rel="noreferrer" target="_blank">同ドラフト</a> ) - </p> - <ul> - <li> - <code><%</code> → <code>{</code> - </li> - <li> - <code>%></code> → <code>}</code> - </li> - <li> - <code><:</code> → <code>[</code> - </li> - <li> - <code>:></code> → <code>]</code> - </li> - <li> - <code>%:</code> → <code>#</code> - </li> - <li> - <code>%:%:</code> → <code>##</code> - </li> - </ul> - <p> - 「<code>identifier</code> の構文上の要件を満たさないような代替トークン」はこれらが当てはまると思われる。 - </p> - <p> - 調べた感想: 字句解析器か構文解析器が辛そう - </p> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2021-10-02/python-unbound-local-error/index.html b/vhosts/blog/public/posts/2021-10-02/python-unbound-local-error/index.html deleted file mode 100644 index 6b9c4172..00000000 --- a/vhosts/blog/public/posts/2021-10-02/python-unbound-local-error/index.html +++ /dev/null @@ -1,132 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2021 nsfisis"> - <meta name="description" content="Python における UnboundLocalError の理由と対処法。"> - <meta name="keywords" content="Python,Python 3"> - <meta property="og:type" content="article"> - <meta property="og:title" content="【Python】 クロージャとUnboundLocalError: local variable 'x' referenced before assignment｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="Python における UnboundLocalError の理由と対処法。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>【Python】 クロージャとUnboundLocalError: local variable 'x' referenced before assignment｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">【Python】 クロージャとUnboundLocalError: local variable 'x' referenced before assignment</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/python/">Python</a> - </li> - <li class="tag"> - <a href="/tags/python3/">Python 3</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2021-10-02">2021-10-02</time>: Qiita から移植 - </li> - </ol> - </section> - <div class="admonition"> - <div class="admonition-label"> - NOTE - </div> - <div class="admonition-content"> - <p> - この記事は Qiita から移植してきたものです。元 URL: <a href="https://qiita.com/nsfisis/items/5d733703afcb35bbf399" rel="noreferrer" target="_blank">https://qiita.com/nsfisis/items/5d733703afcb35bbf399</a> - </p> - </div> - </div> - <p> - 本記事は Python 3.7.6 の動作結果を元にして書かれている。 - </p> - <p> - Python でクロージャを作ろうと、次のようなコードを書いた。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">def</span><span style="color:#6F42C1"> f</span><span style="color:#24292E">():</span></span> -<span class="line"><span style="color:#24292E"> x </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> 0</span></span> -<span class="line"><span style="color:#D73A49"> def</span><span style="color:#6F42C1"> g</span><span style="color:#24292E">():</span></span> -<span class="line"><span style="color:#24292E"> x </span><span style="color:#D73A49">+=</span><span style="color:#005CC5"> 1</span></span> -<span class="line"><span style="color:#24292E"> g()</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E">f()</span></span></code></pre> - </div> - <p> - 関数 <code>g</code> から 関数 <code>f</code> のスコープ内で定義された変数 <code>x</code> を参照し、それに 1 を足そうとしている。 これを実行すると <code>x += 1</code> の箇所でエラーが発生する。 - </p> - <blockquote> - <p> - UnboundLocalError: local variable `x’ referenced before assignment - </p> - </blockquote> - <p> - local変数 <code>x</code> が代入前に参照された、とある。これは、<code>f</code> の <code>x</code> を参照するのではなく、新しく別の変数を <code>g</code> 内に作ってしまっているため。前述のコードを宣言と代入を便宜上分けて書き直すと次のようになる。<code>var</code> を変数宣言のための構文として擬似的に利用している。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#6A737D"># 注: var は正しい Python の文法ではない。上記参照のこと</span></span> -<span class="line"><span style="color:#D73A49">def</span><span style="color:#6F42C1"> f</span><span style="color:#24292E">():</span></span> -<span class="line"><span style="color:#24292E"> var x </span><span style="color:#6A737D"># f の local変数 'x' を宣言</span></span> -<span class="line"><span style="color:#24292E"> x </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> 0</span><span style="color:#6A737D"> # x に 0 を代入</span></span> -<span class="line"><span style="color:#D73A49"> def</span><span style="color:#6F42C1"> g</span><span style="color:#24292E">(): </span><span style="color:#6A737D"># f の内部関数 g を定義</span></span> -<span class="line"><span style="color:#24292E"> var x </span><span style="color:#6A737D"># g の local変数 'x' を宣言</span></span> -<span class="line"><span style="color:#6A737D"> # たまたま f にも同じ名前の変数があるが、それとは別の変数</span></span> -<span class="line"><span style="color:#24292E"> x </span><span style="color:#D73A49">+=</span><span style="color:#005CC5"> 1</span><span style="color:#6A737D"> # x に 1 を加算 (x = x + 1 の糖衣構文)</span></span> -<span class="line"><span style="color:#6A737D"> # 加算する前の値を参照しようとするが、まだ代入されていないためエラー</span></span> -<span class="line"><span style="color:#24292E"> g()</span></span></code></pre> - </div> - <p> - 当初の意図を表現するには、次のように書けばよい。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">def</span><span style="color:#6F42C1"> f</span><span style="color:#24292E">():</span></span> -<span class="line"><span style="color:#24292E"> x </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> 0</span></span> -<span class="line"><span style="color:#D73A49"> def</span><span style="color:#6F42C1"> g</span><span style="color:#24292E">():</span></span> -<span class="line"><span style="color:#D73A49"> nonlocal</span><span style="color:#24292E"> x </span><span style="color:#6A737D">## (*)</span></span> -<span class="line"><span style="color:#24292E"> x </span><span style="color:#D73A49">+=</span><span style="color:#005CC5"> 1</span></span> -<span class="line"><span style="color:#24292E"> g()</span></span></code></pre> - </div> - <p> - <code>(*)</code> のように、<code>nonlocal</code> を追加する。これにより一つ外側のスコープ (<code>g</code> の一つ外側 = <code>f</code>) で定義されている <code>x</code> を探しに行くようになる。 - </p> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2021-10-02/ruby-detect-running-implementation/index.html b/vhosts/blog/public/posts/2021-10-02/ruby-detect-running-implementation/index.html deleted file mode 100644 index 9af43f11..00000000 --- a/vhosts/blog/public/posts/2021-10-02/ruby-detect-running-implementation/index.html +++ /dev/null @@ -1,135 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2021 nsfisis"> - <meta name="description" content="Ruby には複数の実装があるが、自身を実行している処理系の種類をスクリプト上からどのように判定すればよいだろうか。"> - <meta name="keywords" content="Ruby"> - <meta property="og:type" content="article"> - <meta property="og:title" content="【Ruby】 自身を実行している処理系の種類を判定する｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="Ruby には複数の実装があるが、自身を実行している処理系の種類をスクリプト上からどのように判定すればよいだろうか。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>【Ruby】 自身を実行している処理系の種類を判定する｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">【Ruby】 自身を実行している処理系の種類を判定する</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/ruby/">Ruby</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2021-10-02">2021-10-02</time>: Qiita から移植 - </li> - </ol> - </section> - <div class="admonition"> - <div class="admonition-label"> - NOTE - </div> - <div class="admonition-content"> - <p> - この記事は Qiita から移植してきたものです。元 URL: <a href="https://qiita.com/nsfisis/items/74d7ffeeebc51b20d791" rel="noreferrer" target="_blank">https://qiita.com/nsfisis/items/74d7ffeeebc51b20d791</a> - </p> - </div> - </div> - <p> - Ruby という言語には複数の実装があるが、それらをスクリプト上からどのようにして programmatically に見分ければよいだろうか。 - </p> - <p> - <code>Object</code> クラスに定義されている <code>RUBY_ENGINE</code> という定数がこの用途に使える。 - </p> - <p> - 参考: <a href="https://docs.ruby-lang.org/ja/latest/method/Object/c/RUBY_ENGINE.html" rel="noreferrer" target="_blank">Object::RUBY_ENGINE</a> - </p> - <p> - 上記ページの例から引用する: - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ ruby-1.9.1 -ve 'p RUBY_ENGINE'</span></span> -<span class="line"><span>ruby 1.9.1p0 (2009-03-04 revision 22762) [x86_64-linux]</span></span> -<span class="line"><span>"ruby"</span></span> -<span class="line"><span>$ jruby -ve 'p RUBY_ENGINE'</span></span> -<span class="line"><span>jruby 1.2.0 (ruby 1.8.6 patchlevel 287) (2009-03-16 rev 9419) [i386-java]</span></span> -<span class="line"><span>"jruby"</span></span></code></pre> - </div> - <p> - それぞれの処理系がどのような値を返すかだが、stack overflow に良い質問と回答があった。 - </p> - <p> - <a href="https://stackoverflow.com/a/9894232" rel="noreferrer" target="_blank">What values for RUBY_ENGINE correspond to which Ruby implementations?</a> より引用: - </p> - <blockquote> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>| RUBY_ENGINE | Implementation |</span></span> -<span class="line"><span>|:-----------:|:------------------|</span></span> -<span class="line"><span>| <undefined> | MRI < 1.9 |</span></span> -<span class="line"><span>| 'ruby' | MRI >= 1.9 or REE |</span></span> -<span class="line"><span>| 'jruby' | JRuby |</span></span> -<span class="line"><span>| 'macruby' | MacRuby |</span></span> -<span class="line"><span>| 'rbx' | Rubinius |</span></span> -<span class="line"><span>| 'maglev' | MagLev |</span></span> -<span class="line"><span>| 'ironruby' | IronRuby |</span></span> -<span class="line"><span>| 'cardinal' | Cardinal |</span></span></code></pre> - </div> - </blockquote> - <p> - なお、この質問・回答は 2014年になされたものであり、値は変わっている可能性がある。MRI (aka CRuby) については執筆時現在 (2020/12/8) も <code>'ruby'</code> が返ってくることを確認済み。 - </p> - <p> - この表にない主要な処理系として、 <a href="https://mruby.org" rel="noreferrer" target="_blank">mruby</a> は <code>'mruby'</code> を返す。 - </p> - <p> - <a href="https://github.com/mruby/mruby/blob/ed29d74bfd95362eaeb946fcf7e865d80346b62b/include/mruby/version.h#L32-L35" rel="noreferrer" target="_blank">mruby 該当部分のソース</a> より引用: - </p> - <div class="codeblock"> - <div class="filename"> - version.h - </div> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#6A737D">/*</span></span> -<span class="line"><span style="color:#6A737D"> * Ruby engine.</span></span> -<span class="line"><span style="color:#6A737D"> */</span></span> -<span class="line"><span style="color:#D73A49">#define</span><span style="color:#6F42C1"> MRUBY_RUBY_ENGINE</span><span style="color:#032F62"> "mruby"</span></span></code></pre> - </div> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2021-10-02/ruby-then-keyword-and-case-in/index.html b/vhosts/blog/public/posts/2021-10-02/ruby-then-keyword-and-case-in/index.html deleted file mode 100644 index 5d8600f3..00000000 --- a/vhosts/blog/public/posts/2021-10-02/ruby-then-keyword-and-case-in/index.html +++ /dev/null @@ -1,290 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2021 nsfisis"> - <meta name="description" content="Ruby 3.0 で追加される case in 構文と、then キーワードについて。"> - <meta name="keywords" content="Ruby,Ruby 3"> - <meta property="og:type" content="article"> - <meta property="og:title" content="【Ruby】 then キーワードと case in｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="Ruby 3.0 で追加される case in 構文と、then キーワードについて。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>【Ruby】 then キーワードと case in｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">【Ruby】 then キーワードと case in</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/ruby/">Ruby</a> - </li> - <li class="tag"> - <a href="/tags/ruby3/">Ruby 3</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2021-10-02">2021-10-02</time>: Qiita から移植 - </li> - </ol> - </section> - <div class="admonition"> - <div class="admonition-label"> - NOTE - </div> - <div class="admonition-content"> - <p> - この記事は Qiita から移植してきたものです。元 URL: <a href="https://qiita.com/nsfisis/items/787a8cf888a304497223" rel="noreferrer" target="_blank">https://qiita.com/nsfisis/items/787a8cf888a304497223</a> - </p> - </div> - </div> - <section id="section--tl-dr"> - <h2><a href="#section--tl-dr">TL; DR</a></h2> - <p> - <code>case</code> - <code>in</code> によるパターンマッチング構文でも、<code>case</code> - <code>when</code> と同じように <code>then</code> が使える (場合によっては使う必要がある)。 - </p> - </section> - <section id="section--what-is-then-keyword"> - <h2><a href="#section--what-is-then-keyword"><code>then</code> とは</a></h2> - <p> - 使われることは稀だが、Ruby では <code>then</code> がキーワードになっている。次のように使う: - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">if</span><span style="color:#24292E"> cond </span><span style="color:#D73A49">then</span></span> -<span class="line"><span style="color:#005CC5"> puts</span><span style="color:#032F62"> "Y"</span></span> -<span class="line"><span style="color:#D73A49">else</span></span> -<span class="line"><span style="color:#005CC5"> puts</span><span style="color:#032F62"> "N"</span></span> -<span class="line"><span style="color:#D73A49">end</span></span></code></pre> - </div> - <p> - このキーワードが現れうる場所はいくつかあり、<code>if</code>、<code>unless</code>、<code>rescue</code>、<code>case</code> 構文がそれに当たる。 上記のように、何か条件を書いた後 <code>then</code> を置き、式がそこで終了していることを示すマーカーとして機能する。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#6A737D"># Example:</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">if</span><span style="color:#24292E"> x </span><span style="color:#D73A49">then</span></span> -<span class="line"><span style="color:#24292E"> a</span></span> -<span class="line"><span style="color:#D73A49">end</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">unless</span><span style="color:#24292E"> x </span><span style="color:#D73A49">then</span></span> -<span class="line"><span style="color:#24292E"> a</span></span> -<span class="line"><span style="color:#D73A49">end</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">begin</span></span> -<span class="line"><span style="color:#24292E"> a</span></span> -<span class="line"><span style="color:#D73A49">rescue</span><span style="color:#D73A49"> then</span></span> -<span class="line"><span style="color:#24292E"> b</span></span> -<span class="line"><span style="color:#D73A49">end</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">case</span><span style="color:#24292E"> x</span></span> -<span class="line"><span style="color:#D73A49">when</span><span style="color:#005CC5"> p</span><span style="color:#D73A49"> then</span></span> -<span class="line"><span style="color:#24292E"> a</span></span> -<span class="line"><span style="color:#D73A49">end</span></span></code></pre> - </div> - </section> - <section id="section--why-then-is-usually-unnecessary"> - <h2><a href="#section--why-then-is-usually-unnecessary">なぜ普段は書かなくてもよいのか</a></h2> - <p> - 普通 Ruby のコードで <code>then</code> を書くことはない。なぜか。次のコードを実行してみるとわかる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">if</span><span style="color:#005CC5"> true</span><span style="color:#005CC5"> puts</span><span style="color:#032F62"> 'Hello, World!'</span><span style="color:#D73A49"> end</span></span></code></pre> - </div> - <p> - 次のような構文エラーが出力される。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>20:1: syntax error, unexpected local variable or method, expecting `then' or ';' or '\n'</span></span> -<span class="line"><span>if true puts 'Hello, World!' end</span></span> -<span class="line"><span> ^~~~</span></span> -<span class="line"><span>20:1: syntax error, unexpected `end', expecting end-of-input</span></span> -<span class="line"><span>...f true puts 'Hello, World!' end</span></span></code></pre> - </div> - <p> - 二つ目のメッセージは無視して一つ目を読むと、<code>then</code> か <code>;</code> か改行が来るはずのところ変数だかメソッドだかが現れたことによりエラーとなっているようだ。 - </p> - <p> - ポイントは改行が <code>then</code> (や <code>;</code>) の代わりとなることである。<code>true</code> の後に改行を入れてみる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">if</span><span style="color:#005CC5"> true</span></span> -<span class="line"><span style="color:#005CC5">puts</span><span style="color:#032F62"> 'Hello, World!'</span><span style="color:#D73A49"> end</span></span></code></pre> - </div> - <p> - 無事 Hello, World! と出力されるようになった。 - </p> - </section> - <section id="section--why-then-or-linebreak-is-needed"> - <h2><a href="#section--why-then-or-linebreak-is-needed">なぜ <code>then</code> や <code>;</code> や改行が必要か</a></h2> - <p> - なぜ <code>then</code> や <code>;</code> や改行 (以下 「<code>then</code> 等」) が必要なのだろうか。次の例を見てほしい: - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">if</span><span style="color:#24292E"> a b </span><span style="color:#D73A49">end</span></span></code></pre> - </div> - <p> - <code>then</code> も <code>;</code> も改行もないのでエラーになるが、これは条件式がどこまで続いているのかわからないためだ。この例は二通りに解釈できる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#6A737D"># a という変数かメソッドの評価結果が truthy なら b という変数かメソッドを評価</span></span> -<span class="line"><span style="color:#D73A49">if</span><span style="color:#24292E"> a </span><span style="color:#D73A49">then</span></span> -<span class="line"><span style="color:#24292E">b</span></span> -<span class="line"><span style="color:#D73A49">end</span></span></code></pre> - </div> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#6A737D"># a というメソッドに b という変数かメソッドの評価結果を渡して呼び出し、</span></span> -<span class="line"><span style="color:#6A737D"># その結果が truthy なら何もしない</span></span> -<span class="line"><span style="color:#D73A49">if</span><span style="color:#6F42C1"> a</span><span style="color:#24292E">(b) </span><span style="color:#D73A49">then</span></span> -<span class="line"><span style="color:#D73A49">end</span></span></code></pre> - </div> - <p> - <code>then</code> 等はこの曖昧性を排除するためにあり、条件式は <code>if</code> から <code>then</code> 等までの間にある、ということを明確にする。 C系の <code>if</code> 後に来る <code>(</code>/<code>)</code> や、Python の <code>:</code>、Rust/Go/Swift などの <code>{</code> も同じ役割を持つ。 - </p> - <p> - Ruby の場合、プログラマーが書きやすいよう改行でもって <code>then</code> が代用できるので、ほとんどの場合 <code>then</code> は必要ない。 - </p> - </section> - <section id="section--then-in-case-in"> - <h2><a href="#section--then-in-case-in"><code>case</code> - <code>in</code> における <code>then</code></a></h2> - <p> - ようやく本題にたどり着いた。来る Ruby 3.0 では <code>case</code> と <code>in</code> キーワードを使ったパターンマッチングの構文が入る予定である。この構文でもパターン部との区切りとして <code>then</code> 等が必要になる。 (現在の) Ruby には formal な形式での文法仕様は存在しないので、yacc の定義ファイルを参照した (yacc の説明は省略)。 - </p> - <p> - <a href="https://github.com/ruby/ruby/blob/221ca0f8281d39f0dfdfe13b2448875384bbf735/parse.y#L3961-L3986" rel="noreferrer" target="_blank">https://github.com/ruby/ruby/blob/221ca0f8281d39f0dfdfe13b2448875384bbf735/parse.y#L3961-L3986</a> - </p> - <div class="codeblock"> - <div class="filename"> - parse.y - </div> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>p_case_body : keyword_in</span></span> -<span class="line"><span>{</span></span> -<span class="line"><span> SET_LEX_STATE(EXPR_BEG|EXPR_LABEL);</span></span> -<span class="line"><span> p->command_start = FALSE;</span></span> -<span class="line"><span> $<ctxt>1 = p->ctxt;</span></span> -<span class="line"><span> p->ctxt.in_kwarg = 1;</span></span> -<span class="line"><span> $<tbl>$ = push_pvtbl(p);</span></span> -<span class="line"><span>}</span></span> -<span class="line"><span>{</span></span> -<span class="line"><span> $<tbl>$ = push_pktbl(p);</span></span> -<span class="line"><span>}</span></span> -<span class="line"><span>p_top_expr then</span></span> -<span class="line"><span>{</span></span> -<span class="line"><span> pop_pktbl(p, $<tbl>3);</span></span> -<span class="line"><span> pop_pvtbl(p, $<tbl>2);</span></span> -<span class="line"><span> p->ctxt.in_kwarg = $<ctxt>1.in_kwarg;</span></span> -<span class="line"><span>}</span></span> -<span class="line"><span>compstmt</span></span> -<span class="line"><span>p_cases</span></span> -<span class="line"><span>{</span></span> -<span class="line"><span> /*%%%*/</span></span> -<span class="line"><span> $$ = NEW_IN($4, $7, $8, &@$);</span></span> -<span class="line"><span> /*% %*/</span></span> -<span class="line"><span> /*% ripper: in!($4, $7, escape_Qundef($8)) %*/</span></span> -<span class="line"><span>}</span></span> -<span class="line"><span>;</span></span></code></pre> - </div> - <p> - 簡略版: - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>p_case_body : keyword_in p_top_expr then compstmt p_cases</span></span> -<span class="line"><span>;</span></span></code></pre> - </div> - <p> - ここで、<code>keyword_in</code> は文字通り <code>in</code>、<code>p_top_expr</code> はいわゆるパターン、<code>then</code> は <code>then</code> キーワードのことではなく、この記事で <code>then</code> 等と呼んでいるもの、つまり <code>then</code> キーワード、<code>;</code>、改行のいずれかである。 - </p> - <p> - これにより、<code>case</code> - <code>when</code> による従来の構文と同じように、<code>then</code> 等をパターンの後ろに挿入すればよいことがわかった。つまり次の3通りのいずれかになる: - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">case</span><span style="color:#24292E"> x</span></span> -<span class="line"><span style="color:#D73A49">in</span><span style="color:#005CC5"> 1</span><span style="color:#D73A49"> then</span><span style="color:#24292E"> a</span></span> -<span class="line"><span style="color:#D73A49">in</span><span style="color:#005CC5"> 2</span><span style="color:#D73A49"> then</span><span style="color:#24292E"> b</span></span> -<span class="line"><span style="color:#D73A49">in</span><span style="color:#005CC5"> 3</span><span style="color:#D73A49"> then</span><span style="color:#24292E"> c</span></span> -<span class="line"><span style="color:#D73A49">end</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">case</span><span style="color:#24292E"> x</span></span> -<span class="line"><span style="color:#D73A49">in</span><span style="color:#005CC5"> 1</span></span> -<span class="line"><span style="color:#24292E"> a</span></span> -<span class="line"><span style="color:#D73A49">in</span><span style="color:#005CC5"> 2</span></span> -<span class="line"><span style="color:#24292E"> b</span></span> -<span class="line"><span style="color:#D73A49">in</span><span style="color:#005CC5"> 3</span></span> -<span class="line"><span style="color:#24292E"> c</span></span> -<span class="line"><span style="color:#D73A49">end</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">case</span><span style="color:#24292E"> x</span></span> -<span class="line"><span style="color:#D73A49">in</span><span style="color:#005CC5"> 1</span><span style="color:#24292E">; a</span></span> -<span class="line"><span style="color:#D73A49">in</span><span style="color:#005CC5"> 2</span><span style="color:#24292E">; b</span></span> -<span class="line"><span style="color:#D73A49">in</span><span style="color:#005CC5"> 3</span><span style="color:#24292E">; c</span></span> -<span class="line"><span style="color:#D73A49">end</span></span></code></pre> - </div> - <p> - ところで、<code>p_top_expr</code> には <code>if</code> による guard clause が書けるので、その場合は <code>if</code> - <code>then</code> と似たような見た目になる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">case</span><span style="color:#24292E"> x</span></span> -<span class="line"><span style="color:#D73A49">in</span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> then</span><span style="color:#24292E"> a</span></span> -<span class="line"><span style="color:#D73A49">in</span><span style="color:#24292E"> n </span><span style="color:#D73A49">if</span><span style="color:#24292E"> n </span><span style="color:#D73A49"><</span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> then</span><span style="color:#24292E"> b</span></span> -<span class="line"><span style="color:#D73A49">in</span><span style="color:#24292E"> n </span><span style="color:#D73A49">then</span><span style="color:#24292E"> c</span></span> -<span class="line"><span style="color:#D73A49">end</span></span></code></pre> - </div> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">まとめ</a></h2> - <ul> - <li> - <code>if</code> や <code>case</code> の条件の後ろには <code>then</code>、<code>;</code>、改行のいずれかが必要 - <ul> - <li> - 通常は改行しておけばよい - </li> - </ul> - </li> - <li> - 3.0 で入る予定の <code>case</code> - <code>in</code> でも <code>then</code> 等が必要になる - </li> - <li> - Ruby の構文を正確に知るには (現状) <code>parse.y</code> を直接読めばよい - </li> - </ul> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2021-10-02/rust-where-are-primitive-types-from/index.html b/vhosts/blog/public/posts/2021-10-02/rust-where-are-primitive-types-from/index.html deleted file mode 100644 index 840109c8..00000000 --- a/vhosts/blog/public/posts/2021-10-02/rust-where-are-primitive-types-from/index.html +++ /dev/null @@ -1,252 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2021 nsfisis"> - <meta name="description" content="Rust のプリミティブ型は予約語ではなく普通の識別子である。どのようにこれが名前解決されるのかを調べた。"> - <meta name="keywords" content="Rust"> - <meta property="og:type" content="article"> - <meta property="og:title" content="Rust のプリミティブ型はどこからやって来るか｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="Rust のプリミティブ型は予約語ではなく普通の識別子である。どのようにこれが名前解決されるのかを調べた。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>Rust のプリミティブ型はどこからやって来るか｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">Rust のプリミティブ型はどこからやって来るか</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/rust/">Rust</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2021-10-02">2021-10-02</time>: Qiita から移植 - </li> - </ol> - </section> - <div class="admonition"> - <div class="admonition-label"> - NOTE - </div> - <div class="admonition-content"> - <p> - この記事は Qiita から移植してきたものです。元 URL: <a href="https://qiita.com/nsfisis/items/9a429432258bbcd6c565" rel="noreferrer" target="_blank">https://qiita.com/nsfisis/items/9a429432258bbcd6c565</a> - </p> - </div> - </div> - <section id="section--intro"> - <h2><a href="#section--intro">前置き</a></h2> - <p> - Rust において、プリミティブ型の名前は予約語でない。したがって、次のコードは合法である。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E">#![allow(non_camel_case_types)]</span></span> -<span class="line"><span style="color:#24292E">#![allow(dead_code)]</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">struct</span><span style="color:#6F42C1"> bool</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#D73A49">struct</span><span style="color:#6F42C1"> char</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#D73A49">struct</span><span style="color:#6F42C1"> i8</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#D73A49">struct</span><span style="color:#6F42C1"> i16</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#D73A49">struct</span><span style="color:#6F42C1"> i32</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#D73A49">struct</span><span style="color:#6F42C1"> i64</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#D73A49">struct</span><span style="color:#6F42C1"> i128</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#D73A49">struct</span><span style="color:#6F42C1"> isize</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#D73A49">struct</span><span style="color:#6F42C1"> u8</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#D73A49">struct</span><span style="color:#6F42C1"> u16</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#D73A49">struct</span><span style="color:#6F42C1"> u32</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#D73A49">struct</span><span style="color:#6F42C1"> u64</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#D73A49">struct</span><span style="color:#6F42C1"> u128</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#D73A49">struct</span><span style="color:#6F42C1"> usize</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#D73A49">struct</span><span style="color:#6F42C1"> f32</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#D73A49">struct</span><span style="color:#6F42C1"> f64</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#D73A49">struct</span><span style="color:#6F42C1"> str</span><span style="color:#24292E">;</span></span></code></pre> - </div> - <p> - では、普段単に <code>bool</code> と書いたとき、この <code>bool</code> は一体どこから来ているのか。rustc のソースを追ってみた。 - </p> - <p> - 前提知識: 一般的なコンパイラの構造、用語。<code>rustc</code> そのものの知識は不要 (というよりも筆者自身がよく知らない) - </p> - </section> - <section id="section--code-reading"> - <h2><a href="#section--code-reading">調査</a></h2> - <p> - 調査に使用したソース (調査時点での最新 master) - </p> - <p> - <a href="https://github.com/rust-lang/rust/tree/511ed9f2356af365ad8affe046b3dd33f7ac3c98" rel="noreferrer" target="_blank">https://github.com/rust-lang/rust/tree/511ed9f2356af365ad8affe046b3dd33f7ac3c98</a> - </p> - <p> - どのようにして調べるか。rustc の構造には詳しくないため、すぐに当たりをつけるのは難しい。 - </p> - <p> - 大雑把な構造としては、<code>compiler</code> フォルダ以下に <code>rustc_*</code> という名前のクレートが数十個入っている。これがどうやら <code>rustc</code> コマンドの実装部のようだ。 - </p> - <p> - <code>rustc</code> はセルフホストされている (= <code>rustc</code> 自身が Rust で書かれている) ので、<code>bool</code> や <code>char</code> などで適当に検索をかけてもノイズが多すぎて話にならない。しかし、お誂え向きなことに <code>i128</code>/<code>u128</code> というコンパイラ自身が使うことがなさそうな型が存在するのでこれを使って <code>git grep</code> してみる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ git grep "\bi128\b" | wc # i128</span></span> -<span class="line"><span>165 1069 15790</span></span> -<span class="line"><span></span></span> -<span class="line"><span>$ git grep "\bu128\b" | wc # u128</span></span> -<span class="line"><span>293 2127 26667</span></span> -<span class="line"><span></span></span> -<span class="line"><span>$ git grep "\bbool\b" | wc # cf. bool の結果</span></span> -<span class="line"><span>3563 23577 294659</span></span></code></pre> - </div> - <p> - 165 程度であれば探すことができそうだ。今回は、クレート名を見ておおよその当たりをつけた。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ git grep "\bi128\b"</span></span> -<span class="line"><span>...</span></span> -<span class="line"><span>rustc_resolve/src/lib.rs: table.insert(sym::i128, Int(IntTy::I128));</span></span> -<span class="line"><span>...</span></span></code></pre> - </div> - <p> - <code>rustc_resolve</code> というのはいかにも名前解決を担いそうなクレート名である。該当箇所を見てみる。 - </p> - <div class="codeblock"> - <div class="filename"> - rustc_resolve/src/lib.rs - </div> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#6A737D">/// Interns the names of the primitive types.</span></span> -<span class="line"><span style="color:#6A737D">///</span></span> -<span class="line"><span style="color:#6A737D">/// All other types are defined somewhere and possibly imported, but the primitive ones need</span></span> -<span class="line"><span style="color:#6A737D">/// special handling, since they have no place of origin.</span></span> -<span class="line"><span style="color:#D73A49">struct</span><span style="color:#6F42C1"> PrimitiveTypeTable</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#24292E"> primitive_types</span><span style="color:#D73A49">:</span><span style="color:#6F42C1"> FxHashMap</span><span style="color:#24292E"><</span><span style="color:#6F42C1">Symbol</span><span style="color:#24292E">, </span><span style="color:#6F42C1">PrimTy</span><span style="color:#24292E">>,</span></span> -<span class="line"><span style="color:#24292E">}</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">impl</span><span style="color:#6F42C1"> PrimitiveTypeTable</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#D73A49"> fn</span><span style="color:#6F42C1"> new</span><span style="color:#24292E">() </span><span style="color:#D73A49">-></span><span style="color:#6F42C1"> PrimitiveTypeTable</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#D73A49"> let</span><span style="color:#D73A49"> mut</span><span style="color:#24292E"> table </span><span style="color:#D73A49">=</span><span style="color:#6F42C1"> FxHashMap</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">default</span><span style="color:#24292E">();</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E"> table</span><span style="color:#D73A49">.</span><span style="color:#6F42C1">insert</span><span style="color:#24292E">(</span><span style="color:#6F42C1">sym</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">bool</span><span style="color:#24292E">, </span><span style="color:#6F42C1">Bool</span><span style="color:#24292E">);</span></span> -<span class="line"><span style="color:#24292E"> table</span><span style="color:#D73A49">.</span><span style="color:#6F42C1">insert</span><span style="color:#24292E">(</span><span style="color:#6F42C1">sym</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">char</span><span style="color:#24292E">, </span><span style="color:#6F42C1">Char</span><span style="color:#24292E">);</span></span> -<span class="line"><span style="color:#24292E"> table</span><span style="color:#D73A49">.</span><span style="color:#6F42C1">insert</span><span style="color:#24292E">(</span><span style="color:#6F42C1">sym</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">f32</span><span style="color:#24292E">, </span><span style="color:#6F42C1">Float</span><span style="color:#24292E">(</span><span style="color:#6F42C1">FloatTy</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">F32</span><span style="color:#24292E">));</span></span> -<span class="line"><span style="color:#24292E"> table</span><span style="color:#D73A49">.</span><span style="color:#6F42C1">insert</span><span style="color:#24292E">(</span><span style="color:#6F42C1">sym</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">f64</span><span style="color:#24292E">, </span><span style="color:#6F42C1">Float</span><span style="color:#24292E">(</span><span style="color:#6F42C1">FloatTy</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">F64</span><span style="color:#24292E">));</span></span> -<span class="line"><span style="color:#24292E"> table</span><span style="color:#D73A49">.</span><span style="color:#6F42C1">insert</span><span style="color:#24292E">(</span><span style="color:#6F42C1">sym</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">isize</span><span style="color:#24292E">, </span><span style="color:#6F42C1">Int</span><span style="color:#24292E">(</span><span style="color:#6F42C1">IntTy</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">Isize</span><span style="color:#24292E">));</span></span> -<span class="line"><span style="color:#24292E"> table</span><span style="color:#D73A49">.</span><span style="color:#6F42C1">insert</span><span style="color:#24292E">(</span><span style="color:#6F42C1">sym</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">i8</span><span style="color:#24292E">, </span><span style="color:#6F42C1">Int</span><span style="color:#24292E">(</span><span style="color:#6F42C1">IntTy</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">I8</span><span style="color:#24292E">));</span></span> -<span class="line"><span style="color:#24292E"> table</span><span style="color:#D73A49">.</span><span style="color:#6F42C1">insert</span><span style="color:#24292E">(</span><span style="color:#6F42C1">sym</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">i16</span><span style="color:#24292E">, </span><span style="color:#6F42C1">Int</span><span style="color:#24292E">(</span><span style="color:#6F42C1">IntTy</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">I16</span><span style="color:#24292E">));</span></span> -<span class="line"><span style="color:#24292E"> table</span><span style="color:#D73A49">.</span><span style="color:#6F42C1">insert</span><span style="color:#24292E">(</span><span style="color:#6F42C1">sym</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">i32</span><span style="color:#24292E">, </span><span style="color:#6F42C1">Int</span><span style="color:#24292E">(</span><span style="color:#6F42C1">IntTy</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">I32</span><span style="color:#24292E">));</span></span> -<span class="line"><span style="color:#24292E"> table</span><span style="color:#D73A49">.</span><span style="color:#6F42C1">insert</span><span style="color:#24292E">(</span><span style="color:#6F42C1">sym</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">i64</span><span style="color:#24292E">, </span><span style="color:#6F42C1">Int</span><span style="color:#24292E">(</span><span style="color:#6F42C1">IntTy</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">I64</span><span style="color:#24292E">));</span></span> -<span class="line"><span style="color:#24292E"> table</span><span style="color:#D73A49">.</span><span style="color:#6F42C1">insert</span><span style="color:#24292E">(</span><span style="color:#6F42C1">sym</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">i128</span><span style="color:#24292E">, </span><span style="color:#6F42C1">Int</span><span style="color:#24292E">(</span><span style="color:#6F42C1">IntTy</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">I128</span><span style="color:#24292E">));</span></span> -<span class="line"><span style="color:#24292E"> table</span><span style="color:#D73A49">.</span><span style="color:#6F42C1">insert</span><span style="color:#24292E">(</span><span style="color:#6F42C1">sym</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">str</span><span style="color:#24292E">, </span><span style="color:#6F42C1">Str</span><span style="color:#24292E">);</span></span> -<span class="line"><span style="color:#24292E"> table</span><span style="color:#D73A49">.</span><span style="color:#6F42C1">insert</span><span style="color:#24292E">(</span><span style="color:#6F42C1">sym</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">usize</span><span style="color:#24292E">, </span><span style="color:#6F42C1">Uint</span><span style="color:#24292E">(</span><span style="color:#6F42C1">UintTy</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">Usize</span><span style="color:#24292E">));</span></span> -<span class="line"><span style="color:#24292E"> table</span><span style="color:#D73A49">.</span><span style="color:#6F42C1">insert</span><span style="color:#24292E">(</span><span style="color:#6F42C1">sym</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">u8</span><span style="color:#24292E">, </span><span style="color:#6F42C1">Uint</span><span style="color:#24292E">(</span><span style="color:#6F42C1">UintTy</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">U8</span><span style="color:#24292E">));</span></span> -<span class="line"><span style="color:#24292E"> table</span><span style="color:#D73A49">.</span><span style="color:#6F42C1">insert</span><span style="color:#24292E">(</span><span style="color:#6F42C1">sym</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">u16</span><span style="color:#24292E">, </span><span style="color:#6F42C1">Uint</span><span style="color:#24292E">(</span><span style="color:#6F42C1">UintTy</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">U16</span><span style="color:#24292E">));</span></span> -<span class="line"><span style="color:#24292E"> table</span><span style="color:#D73A49">.</span><span style="color:#6F42C1">insert</span><span style="color:#24292E">(</span><span style="color:#6F42C1">sym</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">u32</span><span style="color:#24292E">, </span><span style="color:#6F42C1">Uint</span><span style="color:#24292E">(</span><span style="color:#6F42C1">UintTy</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">U32</span><span style="color:#24292E">));</span></span> -<span class="line"><span style="color:#24292E"> table</span><span style="color:#D73A49">.</span><span style="color:#6F42C1">insert</span><span style="color:#24292E">(</span><span style="color:#6F42C1">sym</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">u64</span><span style="color:#24292E">, </span><span style="color:#6F42C1">Uint</span><span style="color:#24292E">(</span><span style="color:#6F42C1">UintTy</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">U64</span><span style="color:#24292E">));</span></span> -<span class="line"><span style="color:#24292E"> table</span><span style="color:#D73A49">.</span><span style="color:#6F42C1">insert</span><span style="color:#24292E">(</span><span style="color:#6F42C1">sym</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">u128</span><span style="color:#24292E">, </span><span style="color:#6F42C1">Uint</span><span style="color:#24292E">(</span><span style="color:#6F42C1">UintTy</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">U128</span><span style="color:#24292E">));</span></span> -<span class="line"><span style="color:#005CC5"> Self</span><span style="color:#24292E"> { primitive_types</span><span style="color:#D73A49">:</span><span style="color:#24292E"> table }</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - <p> - これは初めに列挙したプリミティブ型の一覧と一致している。doc comment にも、 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>All other types are defined somewhere and possibly imported, but the</span></span> -<span class="line"><span>primitive ones need special handling, since they have no place of</span></span> -<span class="line"><span>origin.</span></span></code></pre> - </div> - <p> - とある。次はこの struct の使用箇所を追う。追うと言っても使われている箇所は次の一箇所しかない。なお説明に不要な箇所は大きく削っている。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#6A737D">/// This resolves the identifier `ident` in the namespace `ns` in the current lexical scope.</span></span> -<span class="line"><span style="color:#6A737D">/// (略)</span></span> -<span class="line"><span style="color:#D73A49">fn</span><span style="color:#6F42C1"> resolve_ident_in_lexical_scope</span><span style="color:#24292E">(</span></span> -<span class="line"><span style="color:#D73A49"> &mut</span><span style="color:#005CC5"> self</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#D73A49"> mut</span><span style="color:#24292E"> ident</span><span style="color:#D73A49">:</span><span style="color:#6F42C1"> Ident</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#24292E"> ns</span><span style="color:#D73A49">:</span><span style="color:#6F42C1"> Namespace</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#6A737D"> // (略)</span></span> -<span class="line"><span style="color:#24292E">) </span><span style="color:#D73A49">-></span><span style="color:#6F42C1"> Option</span><span style="color:#24292E"><</span><span style="color:#6F42C1">LexicalScopeBinding</span><span style="color:#24292E"><'</span><span style="color:#6F42C1">a</span><span style="color:#24292E">>> {</span></span> -<span class="line"><span style="color:#6A737D"> // (略)</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#24292E"> ns </span><span style="color:#D73A49">==</span><span style="color:#6F42C1"> TypeNS</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#D73A49"> let</span><span style="color:#6F42C1"> Some</span><span style="color:#24292E">(prim_ty) </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> self</span><span style="color:#D73A49">.</span><span style="color:#24292E">primitive_type_table</span><span style="color:#D73A49">.</span><span style="color:#24292E">primitive_types</span><span style="color:#D73A49">.</span><span style="color:#6F42C1">get</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">ident</span><span style="color:#D73A49">.</span><span style="color:#24292E">name) {</span></span> -<span class="line"><span style="color:#D73A49"> let</span><span style="color:#24292E"> binding </span><span style="color:#D73A49">=</span></span> -<span class="line"><span style="color:#24292E"> (</span><span style="color:#6F42C1">Res</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">PrimTy</span><span style="color:#24292E">(</span><span style="color:#D73A49">*</span><span style="color:#24292E">prim_ty), </span><span style="color:#6F42C1">ty</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">Visibility</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">Public</span><span style="color:#24292E">, </span><span style="color:#005CC5">DUMMY_SP</span><span style="color:#24292E">, </span><span style="color:#6F42C1">ExpnId</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">root</span><span style="color:#24292E">())</span></span> -<span class="line"><span style="color:#D73A49"> .</span><span style="color:#6F42C1">to_name_binding</span><span style="color:#24292E">(</span><span style="color:#005CC5">self</span><span style="color:#D73A49">.</span><span style="color:#24292E">arenas);</span></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#6F42C1"> Some</span><span style="color:#24292E">(</span><span style="color:#6F42C1">LexicalScopeBinding</span><span style="color:#D73A49">::</span><span style="color:#6F42C1">Item</span><span style="color:#24292E">(binding));</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"></span> -<span class="line"><span style="color:#6F42C1"> None</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - <p> - 関数名や doc comment が示している通り、この関数は識別子 (identifier, ident) を現在のレキシカルスコープ内で解決 (resolve) する。<code>if ns == TypeNS</code> のブロック内では、<code>primitive_type_table</code> (上記の <code>PrimitiveTypeTable::new()</code> で作られた変数) に含まれている識別子 (<code>bool</code>、<code>i32</code> など) かどうか判定し、そうであればそれに紐づけられたプリミティブ型を返している。 - </p> - <p> - なお、<code>ns</code> は「名前空間」を示す変数である。Rust における名前空間はC言語におけるそれとほとんど同じで、今探している名前が関数名/変数名なのか型なのかマクロなのかを区別している。この <code>if</code> は、プリミティブ型に解決されるのは型を探しているときだけだ、と言っている。 - </p> - <p> - 重要なのは、これが <code>resolve_ident_in_lexical_scope()</code> の最後に書かれている点である。つまり、最初に挙げたプリミティブ型の識別子は、「名前解決の最終段階で」、「他に同名の型が見つかっていなければ」プリミティブ型として解決される。 - </p> - <p> - 動作がわかったところで、例として次のコードを考える。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E">#![allow(non_camel_case_types)]</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">struct</span><span style="color:#6F42C1"> bool</span><span style="color:#24292E">;</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">fn</span><span style="color:#6F42C1"> main</span><span style="color:#24292E">() {</span></span> -<span class="line"><span style="color:#D73A49"> let</span><span style="color:#24292E"> _</span><span style="color:#D73A49">:</span><span style="color:#6F42C1"> bool</span><span style="color:#D73A49"> =</span><span style="color:#6F42C1"> bool</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - <p> - ここで <code>main()</code> の <code>bool</code> は <code>struct bool</code> として解決される。なぜなら、プリミティブ型の判定をする前に <code>bool</code> という名前の別の型が見つかるからだ。 - </p> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">まとめ</a></h2> - <p> - Rust のプリミティブ型は予約語ではない。名前解決の最終段階で特別扱いされ、他に同名の型が見つかっていなければ対応するプリミティブ型に解決される。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2021-10-02/vim-difference-between-autocmd-bufwrite-and-bufwritepre/index.html b/vhosts/blog/public/posts/2021-10-02/vim-difference-between-autocmd-bufwrite-and-bufwritepre/index.html deleted file mode 100644 index b053944a..00000000 --- a/vhosts/blog/public/posts/2021-10-02/vim-difference-between-autocmd-bufwrite-and-bufwritepre/index.html +++ /dev/null @@ -1,234 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2021 nsfisis"> - <meta name="description" content="Vim の autocmd events における BufWrite/BufWritePre がどう違うのかを調べた結果、違いはないことがわかった。"> - <meta name="keywords" content="Vim"> - <meta property="og:type" content="article"> - <meta property="og:title" content="【Vim】 autocmd events の BufWrite/BufWritePre の違い｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="Vim の autocmd events における BufWrite/BufWritePre がどう違うのかを調べた結果、違いはないことがわかった。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>【Vim】 autocmd events の BufWrite/BufWritePre の違い｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">【Vim】 autocmd events の BufWrite/BufWritePre の違い</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/vim/">Vim</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2021-10-02">2021-10-02</time>: Qiita から移植 - </li> - </ol> - </section> - <div class="admonition"> - <div class="admonition-label"> - NOTE - </div> - <div class="admonition-content"> - <p> - この記事は Qiita から移植してきたものです。元 URL: <a href="https://qiita.com/nsfisis/items/79ab4db8564032de0b25" rel="noreferrer" target="_blank">https://qiita.com/nsfisis/items/79ab4db8564032de0b25</a> - </p> - </div> - </div> - <section id="section--tl-dr"> - <h2><a href="#section--tl-dr">TL; DR</a></h2> - <p> - 違いはない。ただのエイリアス。 - </p> - </section> - <section id="section--code-reading"> - <h2><a href="#section--code-reading">調査記録</a></h2> - <p> - Vim の autocmd events には似通った名前のものがいくつかある。大抵は <code>:help</code> に説明があるが、この記事のタイトルにある2つを含めた以下のイベントには、その違いについて説明がない。 - </p> - <ul> - <li> - <code>BufRead</code>/<code>BufReadPost</code> - </li> - <li> - <code>BufWrite</code>/<code>BufWritePre</code> - </li> - <li> - <code>BufAdd</code>/<code>BufCreate</code> - </li> - </ul> - <p> - このうち、<code>BufAdd</code>/<code>BufCreate</code> に関しては、<code>:help BufCreate</code> に - </p> - <blockquote> - <p> - The BufCreate event is for historic reasons. - </p> - </blockquote> - <p> - とあり、おそらくは <code>BufAdd</code> のエイリアスであろうということがわかる。他の2組も同様ではないかと予想されるが、確認のため vim と neovim のソースコードを調査した。 - </p> - <p> - ソースコードへのリンク - </p> - <ul> - <li> - <a href="https://github.com/vim/vim/tree/8e6be34338f13a6a625f19bcef82019c9adc65f2" rel="noreferrer" target="_blank">vim (調査時点での master branch)</a> - </li> - <li> - <a href="https://github.com/neovim/neovim/tree/71d4f5851f068eeb432af34850dddda8cc1c71e3" rel="noreferrer" target="_blank">neovim (上に同じ)</a> - </li> - </ul> - <section id="section--code-reading--vim"> - <h3><a href="#section--code-reading--vim">vim のソースコード</a></h3> - <p> - 以下は、autocmd events の名前と内部で使われている整数値とのマッピングを定義している箇所である。見ての通り、上でエイリアスではないかと述べた3組には、それぞれ同じ内部値が使われている。 - </p> - <p> - <a href="https://github.com/vim/vim/blob/8e6be34338f13a6a625f19bcef82019c9adc65f2/src/autocmd.c#L85-L86" rel="noreferrer" target="_blank">https://github.com/vim/vim/blob/8e6be34338f13a6a625f19bcef82019c9adc65f2/src/autocmd.c#L85-L86</a> - </p> - <div class="codeblock"> - <div class="filename"> - src/autocmd.c - </div> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E">{</span><span style="color:#032F62">"BufAdd"</span><span style="color:#24292E">, EVENT_BUFADD},</span></span> -<span class="line"><span style="color:#24292E">{</span><span style="color:#032F62">"BufCreate"</span><span style="color:#24292E">, EVENT_BUFADD},</span></span></code></pre> - </div> - <p> - <a href="https://github.com/vim/vim/blob/8e6be34338f13a6a625f19bcef82019c9adc65f2/src/autocmd.c#L95-L97" rel="noreferrer" target="_blank">https://github.com/vim/vim/blob/8e6be34338f13a6a625f19bcef82019c9adc65f2/src/autocmd.c#L95-L97</a> - </p> - <div class="codeblock"> - <div class="filename"> - src/autocmd.c - </div> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E">{</span><span style="color:#032F62">"BufRead"</span><span style="color:#24292E">, EVENT_BUFREADPOST},</span></span> -<span class="line"><span style="color:#24292E">{</span><span style="color:#032F62">"BufReadCmd"</span><span style="color:#24292E">, EVENT_BUFREADCMD},</span></span> -<span class="line"><span style="color:#24292E">{</span><span style="color:#032F62">"BufReadPost"</span><span style="color:#24292E">, EVENT_BUFREADPOST},</span></span></code></pre> - </div> - <p> - <a href="https://github.com/vim/vim/blob/8e6be34338f13a6a625f19bcef82019c9adc65f2/src/autocmd.c#L103-L105" rel="noreferrer" target="_blank">https://github.com/vim/vim/blob/8e6be34338f13a6a625f19bcef82019c9adc65f2/src/autocmd.c#L103-L105</a> - </p> - <div class="codeblock"> - <div class="filename"> - src/autocmd.c - </div> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E">{</span><span style="color:#032F62">"BufWrite"</span><span style="color:#24292E">, EVENT_BUFWRITEPRE},</span></span> -<span class="line"><span style="color:#24292E">{</span><span style="color:#032F62">"BufWritePost"</span><span style="color:#24292E">, EVENT_BUFWRITEPOST},</span></span> -<span class="line"><span style="color:#24292E">{</span><span style="color:#032F62">"BufWritePre"</span><span style="color:#24292E">, EVENT_BUFWRITEPRE},</span></span></code></pre> - </div> - </section> - <section id="section--code-reading--neovim"> - <h3><a href="#section--code-reading--neovim">neovim のソースコード</a></h3> - <p> - neovim の場合でも同様のマッピングが定義されているが、こちらの場合は Lua で書かれている。以下にある通り、はっきり <code>aliases</code> と書かれている。 - </p> - <p> - <a href="https://github.com/neovim/neovim/blob/71d4f5851f068eeb432af34850dddda8cc1c71e3/src/nvim/auevents.lua#L119-L124" rel="noreferrer" target="_blank">https://github.com/neovim/neovim/blob/71d4f5851f068eeb432af34850dddda8cc1c71e3/src/nvim/auevents.lua#L119-L124</a> - </p> - <div class="codeblock"> - <div class="filename"> - src/nvim/auevents.lua - </div> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E">aliases </span><span style="color:#D73A49">=</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#24292E"> BufCreate </span><span style="color:#D73A49">=</span><span style="color:#032F62"> 'BufAdd'</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#24292E"> BufRead </span><span style="color:#D73A49">=</span><span style="color:#032F62"> 'BufReadPost'</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#24292E"> BufWrite </span><span style="color:#D73A49">=</span><span style="color:#032F62"> 'BufWritePre'</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#24292E"> FileEncoding </span><span style="color:#D73A49">=</span><span style="color:#032F62"> 'EncodingChanged'</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#24292E">},</span></span></code></pre> - </div> - <p> - ところで、上では取り上げなかった <code>FileEncoding</code> だが、これは <code>:help FileEncoding</code> にしっかりと書いてある。 - </p> - <div class="codeblock"> - <div class="filename"> - :help FileEncoding - </div> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span> *FileEncoding*</span></span> -<span class="line"><span>FileEncoding Obsolete. It still works and is equivalent</span></span> -<span class="line"><span> to |EncodingChanged|.</span></span></code></pre> - </div> - </section> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">まとめ</a></h2> - <p> - 記事タイトルについて言えば、どちらも変わらないので好きな方を使えばよい。あえて言えば、次のようになるだろう。 - </p> - <ul> - <li> - <code>BufAdd</code>/<code>BufCreate</code> - <ul> - <li> - → <code>BufCreate</code> は歴史的な理由により (“for historic reasons”) 存在しているため、新しい方 (<code>BufAdd</code>) を使う - </li> - </ul> - </li> - <li> - <code>BufRead</code>/<code>BufReadPost</code> - <ul> - <li> - → <code>BufReadPre</code> との対称性のため、あるいは <code>BufWritePost</code> との対称性のため <code>BufReadPost</code> を使う - </li> - </ul> - </li> - <li> - <code>BufWrite</code>/<code>BufWritePre</code> - <ul> - <li> - → <code>BufWritePost</code> との対称性のため、あるいは <code>BufReadPre</code> との対称性のため <code>BufWritePre</code> を使う - </li> - </ul> - </li> - <li> - <code>FileEncoding</code>/<code>EncodingChanged</code> - <ul> - <li> - → <code>FileEncoding</code> は “Obsolete” と明言されているので、<code>EncodingChanged</code> を使う - </li> - </ul> - </li> - </ul> - <p> - ところでこの調査で知ったのだが、<code>BufRead</code> と <code>BufWrite</code> は上にある通り発火するタイミングが「後」と「前」で対称性がない。可能なら <code>Pre</code>/<code>Post</code> 付きのものを使った方が分かりやすいだろう。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2021-10-02/vim-swap-order-of-selected-lines/index.html b/vhosts/blog/public/posts/2021-10-02/vim-swap-order-of-selected-lines/index.html deleted file mode 100644 index fcdbec23..00000000 --- a/vhosts/blog/public/posts/2021-10-02/vim-swap-order-of-selected-lines/index.html +++ /dev/null @@ -1,244 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2021 nsfisis"> - <meta name="description" content="Vim で選択した行の順番を入れ替える方法。"> - <meta name="keywords" content="Vim"> - <meta property="og:type" content="article"> - <meta property="og:title" content="Vimで選択した行の順番を入れ替える｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="Vim で選択した行の順番を入れ替える方法。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>Vimで選択した行の順番を入れ替える｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">Vimで選択した行の順番を入れ替える</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/vim/">Vim</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2021-10-02">2021-10-02</time>: Qiita から移植 - </li> - </ol> - </section> - <div class="admonition"> - <div class="admonition-label"> - NOTE - </div> - <div class="admonition-content"> - <p> - この記事は Qiita から移植してきたものです。元 URL: <a href="https://qiita.com/nsfisis/items/4fefb361d9a693803520" rel="noreferrer" target="_blank">https://qiita.com/nsfisis/items/4fefb361d9a693803520</a> - </p> - </div> - </div> - <section id="section--tl-dr"> - <h2><a href="#section--tl-dr">TL; DR</a></h2> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#6A737D">" License: Public Domain</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">command!</span><span style="color:#24292E"> -bar -</span><span style="color:#D73A49">range=</span><span style="color:#24292E">%</span></span> -<span class="line"><span style="color:#D73A49"> \</span><span style="color:#24292E"> Reverse</span></span> -<span class="line"><span style="color:#D73A49"> \</span><span style="color:#24292E"> keeppatterns <line1>,<line2>g</span><span style="color:#032F62">/^/</span><span style="color:#24292E">m<line1>-</span><span style="color:#005CC5">1</span></span></code></pre> - </div> - </section> - <section id="section--version"> - <h2><a href="#section--version">バージョン情報</a></h2> - <p> - <code>:version</code> の一部 - </p> - <blockquote> - <p> - VIM - Vi IMproved 8.2 (2019 Dec 12, compiled Jan 26 2020 11:30:30) macOS version Included patches: 1-148 Huge version without GUI. - </p> - </blockquote> - </section> - <section id="section--existing-solution"> - <h2><a href="#section--existing-solution">よく紹介されている手法</a></h2> - <section id="section--existing-solution--external-commands"> - <h3><a href="#section--existing-solution--external-commands"><code>tac</code> / <code>tail</code></a></h3> - <p> - <code>tac</code> や <code>tail -r</code> などの外部コマンドを <code>!</code> を使って呼び出し、置き換える。 - </p> - <blockquote> - <p> - :h v_! - </p> - </blockquote> - <p> - <code>tac</code> コマンドや <code>tail</code> の <code>-r</code> オプションは環境によって利用できないことがあり、複数の環境を行き来する場合に採用しづらい - </p> - </section> - <section id="section--existing-solution--global-command"> - <h3><a href="#section--existing-solution--global-command"><code>:g/^/m0</code></a></h3> - <p> - こちらは外部コマンドに頼らず、Vim の機能のみを使う。<code>g</code> は <code>:global</code> コマンドの、<code>m</code> は <code>:move</code> コマンドの略 - </p> - <p> - <code>:global</code> コマンドは <code>:[range]global/{pattern}/[command]</code> のように使い、<code>[range]</code> で指定された範囲の行のうち、<code>{pattern}</code> で指定された検索パターンにマッチする行に対して、順番に <code>[command]</code> で指定された Ex コマンドを呼び出す。 - </p> - <blockquote> - <p> - :h :global - </p> - </blockquote> - <p> - <code>:move</code> コマンドは <code>[range]:move {address}</code> のように使い、<code>[range]</code> で指定された範囲の行を <code>{address}</code> で指定された位置に移動させる。 - </p> - <blockquote> - <p> - :h :move - </p> - </blockquote> - <p> - <code>:g/^/m0</code> のように組み合わせると、「すべての行を1行ずつ 0行目(1行目の上)に動かす」という動きをする。これは確かに行の入れ替えになっている。 - </p> - <p> - なお、<code>:g/^/m0</code> は全ての行を入れ替えるが、<code>:N,Mg/^/mN-1</code> とすることで N行目から M行目を処理範囲とするよう拡張できる。手でこれを入力するわけにはいかないので、次のようなコマンドを用意する。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">command!</span><span style="color:#24292E"> -bar -</span><span style="color:#D73A49">range=</span><span style="color:#24292E">%</span></span> -<span class="line"><span style="color:#D73A49"> \</span><span style="color:#24292E"> Reverse</span></span> -<span class="line"><span style="color:#D73A49"> \</span><span style="color:#24292E"> <line1>,<line2>g</span><span style="color:#032F62">/^/</span><span style="color:#24292E">m<line1>-</span><span style="color:#005CC5">1</span></span></code></pre> - </div> - <p> - これは望みの動作をするが、実際に実行してみると全行がハイライトされてしまう。次節で詳細を述べる。 - </p> - </section> - </section> - <section id="section--problem-of-global-command"> - <h2><a href="#section--problem-of-global-command"><code>:g/^/m0</code> の問題点</a></h2> - <p> - <code>:global</code> コマンドは各行に対してマッチングを行う際、現在の検索パターンを上書きしてしまう。<code>^</code> は行の先頭にマッチするため、結果として全ての行がハイライトされてしまう。<code>'hlsearch'</code> オプションを無効にしている場合その限りではないが、その場合でも直前の検索パターンが失われてしまうと <code>n</code> コマンドなどの際に不便である。 - </p> - <blockquote> - <p> - :h @/ - </p> - </blockquote> - </section> - <section id="section--solution"> - <h2><a href="#section--solution">解決策</a></h2> - <div class="admonition" editat="2020-09-28" operation="追記"> - <div class="admonition-label"> - 2020-09-28 追記 - </div> - <div class="admonition-content"> - <p> - より簡潔な方法を見つけたので次節に追記した。 - </p> - </div> - </div> - <p> - 前述した <code>:Reverse</code> コマンドの定義を少し変えて、次のようにする: - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">function!</span><span style="color:#6F42C1"> s:reverse_lines</span><span style="color:#24292E">(from, </span><span style="color:#005CC5">to</span><span style="color:#24292E">) </span><span style="color:#D73A49">abort</span></span> -<span class="line"><span style="color:#005CC5"> execute</span><span style="color:#6F42C1"> printf</span><span style="color:#24292E">(</span><span style="color:#032F62">"%d,%dg/^/m%d"</span><span style="color:#24292E">, a:from, a:to, a:from</span><span style="color:#D73A49"> - </span><span style="color:#005CC5">1</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#D73A49">endfunction</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">command!</span><span style="color:#24292E"> -bar -</span><span style="color:#D73A49">range=</span><span style="color:#24292E">%</span></span> -<span class="line"><span style="color:#D73A49"> \</span><span style="color:#24292E"> Reverse</span></span> -<span class="line"><span style="color:#D73A49"> \</span><span style="color:#D73A49"> call</span><span style="color:#24292E"> <</span><span style="color:#005CC5">SID</span><span style="color:#24292E">></span><span style="color:#6F42C1">reverse_lines</span><span style="color:#24292E">(<line1>, <line2>)</span></span></code></pre> - </div> - <p> - 実行しているコマンドが変わったわけではないが、関数呼び出しを経由するようにした。これだけで前述の問題が解決する。 - </p> - <p> - この理由は、ユーザー定義関数を実行する際は検索パターンが一度保存され、実行が終了したあと復元されるため。結果として検索パターンが <code>^</code> で上書きされることがなくなる。 - </p> - <p> - Vim のヘルプから該当箇所を引用する (強調は筆者による)。 - </p> - <blockquote> - <p> - :h autocmd-searchpat - </p> - <p> - <strong>Autocommands do not change the current search patterns.</strong> Vim saves the current search patterns before executing autocommands then restores them after the autocommands finish. This means that autocommands do not affect the strings highlighted with the ‘hlsearch’ option. - </p> - </blockquote> - <p> - これは autocommand の実行に関しての記述だが、これと同じことがユーザー定義関数の実行時にも適用される。このことは <code>:nohlsearch</code> のヘルプにある。同じく該当箇所を引用する (強調は筆者による)。 - </p> - <blockquote> - <p> - :h :nohlsearch - </p> - <p> - (略) This command doesn’t work in an autocommand, because the highlighting state is saved and restored when executing autocommands |autocmd-searchpat|. <strong>Same thing for when invoking a user function.</strong> - </p> - </blockquote> - <p> - この仕様により、<code>:g/^/m0</code> の呼び出しをユーザー定義関数に切り出すことで上述の問題を解決できる。 - </p> - </section> - <section id="section--solution-revised"> - <h2><a href="#section--solution-revised">解決策 (改訂版)</a></h2> - <div class="admonition" editat="2020-09-28" operation="追記"> - <div class="admonition-label"> - 2020-09-28 追記 - </div> - <div class="admonition-content"> - <p> - より簡潔な方法を見つけたため追記する。 - </p> - </div> - </div> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">command!</span><span style="color:#24292E"> -bar -</span><span style="color:#D73A49">range=</span><span style="color:#24292E">%</span></span> -<span class="line"><span style="color:#D73A49"> \</span><span style="color:#24292E"> Reverse</span></span> -<span class="line"><span style="color:#D73A49"> \</span><span style="color:#24292E"> keeppatterns <line1>,<line2>g</span><span style="color:#032F62">/^/</span><span style="color:#24292E">m<line1>-</span><span style="color:#005CC5">1</span></span></code></pre> - </div> - <p> - まさにこのための Exコマンド、<code>:keeppatterns</code> が存在する。<code>:keeppatterns {command}</code> のように使い、読んで字の如く、後ろに続く Exコマンドを「現在の検索パターンを保ったまま」実行する。はるかに分かりやすく意図を表現できる。 - </p> - <blockquote> - <p> - :h :keeppatterns - </p> - </blockquote> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2022-04-09/phperkaigi-2022-tokens/index.html b/vhosts/blog/public/posts/2022-04-09/phperkaigi-2022-tokens/index.html deleted file mode 100644 index ee215a60..00000000 --- a/vhosts/blog/public/posts/2022-04-09/phperkaigi-2022-tokens/index.html +++ /dev/null @@ -1,572 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2022 nsfisis"> - <meta name="description" content="PHPerKaigi 2022 で私が作成した PHPer チャレンジ問題を解説する。"> - <meta name="keywords" content="カンファレンス,PHP,PHPerKaigi"> - <meta property="og:type" content="article"> - <meta property="og:title" content="PHPerKaigi 2022 トークン問題の解説｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="PHPerKaigi 2022 で私が作成した PHPer チャレンジ問題を解説する。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>PHPerKaigi 2022 トークン問題の解説｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">PHPerKaigi 2022 トークン問題の解説</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/conference/">カンファレンス</a> - </li> - <li class="tag"> - <a href="/tags/php/">PHP</a> - </li> - <li class="tag"> - <a href="/tags/phperkaigi/">PHPerKaigi</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2022-04-09">2022-04-09</time>: 公開 - </li> - <li class="revision"> - <time datetime="2022-04-16">2022-04-16</time>: 2問目、3問目の解説を追加、1問目に加筆 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - 本日開始された <a href="https://phperkaigi.jp/2022/" rel="noreferrer" target="_blank">PHPerKaigi 2022</a> の PHPer チャレンジにおいて、弊社 <a href="https://www.dgcircus.com/" rel="noreferrer" target="_blank">デジタルサーカス株式会社</a> の問題を 3問作成した。この記事では、これらの問題の解説をおこなう。 - </p> - <p> - リポジトリはこちら: <a href="https://github.com/nsfisis/PHPerKaigi2022-tokens" rel="noreferrer" target="_blank">https://github.com/nsfisis/PHPerKaigi2022-tokens</a> - </p> - </section> - <section id="section--q1-brainfuck"> - <h2><a href="#section--q1-brainfuck">第1問 brainf_ck.php</a></h2> - <p> - ソースコードはこちら。実行には PHP 8.1 以上が必要なので注意。 - </p> - <div class="codeblock"> - <div class="filename"> - brainf_ck.php - </div> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">declare</span><span style="color:#24292E">(</span><span style="color:#005CC5">strict_types</span><span style="color:#D73A49">=</span><span style="color:#005CC5">0O1</span><span style="color:#24292E">);</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">namespace</span><span style="color:#6F42C1"> Dgcircus\PHPerKaigi\Y2022</span><span style="color:#24292E">;</span></span> -<span class="line"></span> -<span class="line"><span style="color:#6A737D">/**</span></span> -<span class="line"><span style="color:#6A737D"> * </span><span style="color:#D73A49">@todo</span></span> -<span class="line"><span style="color:#6A737D"> * Run this program to acquire a PHPer token.</span></span> -<span class="line"><span style="color:#6A737D"> */</span></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5">https</span><span style="color:#D73A49">:</span><span style="color:#6A737D">//creativecommons.org/publicdomain/zero/1.0/</span></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5">\error_reporting</span><span style="color:#24292E">(</span><span style="color:#D73A49">~+!</span><span style="color:#032F62">'We are hiring!'</span><span style="color:#24292E">);</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E">$z </span><span style="color:#D73A49">=</span><span style="color:#D73A49"> fn</span><span style="color:#24292E">($f) => (</span><span style="color:#D73A49">fn</span><span style="color:#24292E">($x) => $f(</span><span style="color:#D73A49">fn</span><span style="color:#24292E">(</span><span style="color:#D73A49">...</span><span style="color:#24292E">$xs) => $x($x)(</span><span style="color:#D73A49">...</span><span style="color:#24292E">$xs)))(</span><span style="color:#D73A49">fn</span><span style="color:#24292E">($x) => $f(</span><span style="color:#D73A49">fn</span><span style="color:#24292E">(</span><span style="color:#D73A49">...</span><span style="color:#24292E">$xs) => $x($x)(</span><span style="color:#D73A49">...</span><span style="color:#24292E">$xs)));</span></span> -<span class="line"><span style="color:#24292E">$id </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> \</span><span style="color:#6F42C1">spl_object_id</span><span style="color:#24292E">(</span><span style="color:#D73A49">...</span><span style="color:#24292E">);</span></span> -<span class="line"><span style="color:#24292E">$put </span><span style="color:#D73A49">=</span><span style="color:#D73A49"> fn</span><span style="color:#24292E">($c) => </span><span style="color:#005CC5">\</span><span style="color:#005CC5">printf</span><span style="color:#24292E">(</span><span style="color:#032F62">'%c'</span><span style="color:#24292E">, $c);</span></span> -<span class="line"><span style="color:#24292E">$mm </span><span style="color:#D73A49">=</span><span style="color:#D73A49"> fn</span><span style="color:#24292E">($p, $n) => </span><span style="color:#D73A49">new</span><span style="color:#005CC5"> \ArrayObject</span><span style="color:#24292E">(</span><span style="color:#005CC5">\array_fill</span><span style="color:#24292E">(</span><span style="color:#D73A49">+!!</span><span style="color:#24292E">[], $n, $p));</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E">$👉 </span><span style="color:#D73A49">=</span><span style="color:#D73A49"> fn</span><span style="color:#24292E">($m, $p, $b, $e, $mp, $pc) => [</span><span style="color:#D73A49">++</span><span style="color:#24292E">$mp, </span><span style="color:#D73A49">++</span><span style="color:#24292E">$pc];</span></span> -<span class="line"><span style="color:#24292E">$👈 </span><span style="color:#D73A49">=</span><span style="color:#D73A49"> fn</span><span style="color:#24292E">($m, $p, $b, $e, $mp, $pc) => [</span><span style="color:#D73A49">--</span><span style="color:#24292E">$mp, </span><span style="color:#D73A49">++</span><span style="color:#24292E">$pc];</span></span> -<span class="line"><span style="color:#24292E">$👍 </span><span style="color:#D73A49">=</span><span style="color:#D73A49"> fn</span><span style="color:#24292E">($m, $p, $b, $e, $mp, $pc) => [$mp, </span><span style="color:#D73A49">++</span><span style="color:#24292E">$pc, </span><span style="color:#D73A49">++</span><span style="color:#24292E">$m[$mp]];</span></span> -<span class="line"><span style="color:#24292E">$👎 </span><span style="color:#D73A49">=</span><span style="color:#D73A49"> fn</span><span style="color:#24292E">($m, $p, $b, $e, $mp, $pc) => [$mp, </span><span style="color:#D73A49">++</span><span style="color:#24292E">$pc, </span><span style="color:#D73A49">--</span><span style="color:#24292E">$m[$mp]];</span></span> -<span class="line"><span style="color:#24292E">$📝 </span><span style="color:#D73A49">=</span><span style="color:#D73A49"> fn</span><span style="color:#24292E">($m, $p, $b, $e, $mp, $pc) => [$mp, </span><span style="color:#D73A49">++</span><span style="color:#24292E">$pc, $put($m[$mp])];</span></span> -<span class="line"><span style="color:#24292E">$🤡 </span><span style="color:#D73A49">=</span><span style="color:#D73A49"> fn</span><span style="color:#24292E">($m, $p, $b, $e, $mp, $pc) => </span><span style="color:#D73A49">match</span><span style="color:#24292E"> ($m[$mp]) {</span></span> -<span class="line"><span style="color:#D73A49"> +!!</span><span style="color:#24292E">[] </span><span style="color:#D73A49">=></span><span style="color:#24292E"> [$mp, $z(</span><span style="color:#D73A49">fn</span><span style="color:#24292E">($loop) => </span><span style="color:#D73A49">fn</span><span style="color:#24292E">($pc, $n) => </span><span style="color:#D73A49">match</span><span style="color:#24292E"> ($id($p[$pc])) {</span></span> -<span class="line"><span style="color:#24292E"> $b </span><span style="color:#D73A49">=></span><span style="color:#24292E"> $loop(</span><span style="color:#D73A49">++</span><span style="color:#24292E">$pc, </span><span style="color:#D73A49">++</span><span style="color:#24292E">$n),</span></span> -<span class="line"><span style="color:#24292E"> $e </span><span style="color:#D73A49">=></span><span style="color:#24292E"> $n </span><span style="color:#D73A49">===</span><span style="color:#D73A49"> +!!</span><span style="color:#24292E">[] </span><span style="color:#D73A49">?</span><span style="color:#D73A49"> ++</span><span style="color:#24292E">$pc </span><span style="color:#D73A49">:</span><span style="color:#24292E"> $loop(</span><span style="color:#D73A49">++</span><span style="color:#24292E">$pc, </span><span style="color:#D73A49">--</span><span style="color:#24292E">$n),</span></span> -<span class="line"><span style="color:#D73A49"> default</span><span style="color:#D73A49"> =></span><span style="color:#24292E"> $loop(</span><span style="color:#D73A49">++</span><span style="color:#24292E">$pc, $n),</span></span> -<span class="line"><span style="color:#24292E"> })($pc, </span><span style="color:#D73A49">-!</span><span style="color:#24292E">[])],</span></span> -<span class="line"><span style="color:#D73A49"> default</span><span style="color:#D73A49"> =></span><span style="color:#24292E"> [$mp, </span><span style="color:#D73A49">++</span><span style="color:#24292E">$pc],</span></span> -<span class="line"><span style="color:#24292E">};</span></span> -<span class="line"><span style="color:#24292E">$🎪 </span><span style="color:#D73A49">=</span><span style="color:#D73A49"> fn</span><span style="color:#24292E">($m, $p, $b, $e, $mp, $pc) => </span><span style="color:#D73A49">match</span><span style="color:#24292E"> ($m[$mp]) {</span></span> -<span class="line"><span style="color:#D73A49"> +!!</span><span style="color:#24292E">[] </span><span style="color:#D73A49">=></span><span style="color:#24292E"> [$mp, </span><span style="color:#D73A49">++</span><span style="color:#24292E">$pc],</span></span> -<span class="line"><span style="color:#D73A49"> default</span><span style="color:#D73A49"> =></span><span style="color:#24292E"> [$mp, $z(</span><span style="color:#D73A49">fn</span><span style="color:#24292E">($loop) => </span><span style="color:#D73A49">fn</span><span style="color:#24292E">($pc, $n) => </span><span style="color:#D73A49">match</span><span style="color:#24292E"> ($id($p[$pc])) {</span></span> -<span class="line"><span style="color:#24292E"> $e </span><span style="color:#D73A49">=></span><span style="color:#24292E"> $loop(</span><span style="color:#D73A49">--</span><span style="color:#24292E">$pc, </span><span style="color:#D73A49">++</span><span style="color:#24292E">$n),</span></span> -<span class="line"><span style="color:#24292E"> $b </span><span style="color:#D73A49">=></span><span style="color:#24292E"> $n </span><span style="color:#D73A49">===</span><span style="color:#D73A49"> +!!</span><span style="color:#24292E">[] </span><span style="color:#D73A49">?</span><span style="color:#24292E"> $pc</span><span style="color:#D73A49">+!</span><span style="color:#24292E">[] </span><span style="color:#D73A49">:</span><span style="color:#24292E"> $loop(</span><span style="color:#D73A49">--</span><span style="color:#24292E">$pc, </span><span style="color:#D73A49">--</span><span style="color:#24292E">$n),</span></span> -<span class="line"><span style="color:#D73A49"> default</span><span style="color:#D73A49"> =></span><span style="color:#24292E"> $loop(</span><span style="color:#D73A49">--</span><span style="color:#24292E">$pc, $n),</span></span> -<span class="line"><span style="color:#24292E"> })($pc, </span><span style="color:#D73A49">-!</span><span style="color:#24292E">[])],</span></span> -<span class="line"><span style="color:#24292E">};</span></span> -<span class="line"><span style="color:#24292E">$🐘 </span><span style="color:#D73A49">=</span><span style="color:#D73A49"> fn</span><span style="color:#24292E">($p) => $z(</span><span style="color:#D73A49">fn</span><span style="color:#24292E">($loop) => </span><span style="color:#D73A49">fn</span><span style="color:#24292E">($m, $p, $b, $e, $mp, $pc) =></span></span> -<span class="line"><span style="color:#005CC5"> isset</span><span style="color:#24292E">($p[$pc]) </span><span style="color:#D73A49">&&</span><span style="color:#24292E"> $loop($m, $p, $b, $e, </span><span style="color:#D73A49">...</span><span style="color:#24292E">($p[$pc]($m, $p, $b, $e, $mp, $pc)))</span></span> -<span class="line"><span style="color:#24292E">)($mm(</span><span style="color:#D73A49">+!!</span><span style="color:#24292E">[], </span><span style="color:#D73A49">+</span><span style="color:#24292E">(</span><span style="color:#D73A49">!</span><span style="color:#24292E">[]</span><span style="color:#D73A49">.</span><span style="color:#D73A49">!</span><span style="color:#24292E">[])), $p, $id($🤡), $id($🎪), </span><span style="color:#D73A49">+!!</span><span style="color:#24292E">[], </span><span style="color:#D73A49">+!!</span><span style="color:#24292E">[]);</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E">$🐘([</span></span> -<span class="line"><span style="color:#24292E"> $👍, $👍, $👍, $👍, $👍, $👍, $👍, $👍, $👍, $👍,</span></span> -<span class="line"><span style="color:#24292E"> $🤡,</span></span> -<span class="line"><span style="color:#24292E"> $👉, $👍, $👍, $👍,</span></span> -<span class="line"><span style="color:#24292E"> $👉, $👍, $👍, $👍, $👍, $👍,</span></span> -<span class="line"><span style="color:#24292E"> $👉, $👍, $👍, $👍, $👍, $👍, $👍, $👍, $👍, $👍, $👍, $👍, $👍,</span></span> -<span class="line"><span style="color:#24292E"> $👉, $👍, $👍, $👍, $👍, $👍, $👍, $👍, $👍, $👍, $👍,</span></span> -<span class="line"><span style="color:#24292E"> $👈, $👈, $👈, $👈, $👎,</span></span> -<span class="line"><span style="color:#24292E"> $🎪,</span></span> -<span class="line"><span style="color:#24292E"> $👉, $👍, $👍, $👍, $👍, $👍, $📝,</span></span> -<span class="line"><span style="color:#24292E"> $👎, $👎, $📝,</span></span> -<span class="line"><span style="color:#24292E"> $👉, $👎, $👎, $👎, $📝,</span></span> -<span class="line"><span style="color:#24292E"> $👉, $👎, $👎, $👎, $📝,</span></span> -<span class="line"><span style="color:#24292E"> $👎, $👎, $📝,</span></span> -<span class="line"><span style="color:#24292E"> $👎, $📝,</span></span> -<span class="line"><span style="color:#24292E"> $👈, $📝,</span></span> -<span class="line"><span style="color:#24292E"> $👉, $👉, $👎, $👎, $📝,</span></span> -<span class="line"><span style="color:#24292E"> $👍, $👍, $👍, $👍, $👍, $👍, $👍, $📝,</span></span> -<span class="line"><span style="color:#24292E"> $👈, $👎, $👎, $👎, $👎, $📝,</span></span> -<span class="line"><span style="color:#24292E"> $👈, $📝,</span></span> -<span class="line"><span style="color:#24292E"> $👉, $👍, $👍, $📝,</span></span> -<span class="line"><span style="color:#24292E"> $👉, $👎, $📝,</span></span> -<span class="line"><span style="color:#24292E"> $👈, $📝,</span></span> -<span class="line"><span style="color:#24292E">]);</span></span></code></pre> - </div> - <p> - この問題は、単に適切なバージョンの PHP で動かせばトークンが得られる。 - </p> - <section id="section--q1-brainfuck--commentary"> - <h3><a href="#section--q1-brainfuck--commentary">解説</a></h3> - <section id="section--q1-brainfuck--commentary--emoji"> - <h4><a href="#section--q1-brainfuck--commentary--emoji">絵文字</a></h4> - <p> - まず目につくのは大量の絵文字だろう。 PHP は識別子に使用できる文字の範囲が広く、絵文字も使うことができる。 - </p> - </section> - <section id="section--q1-brainfuck--commentary--brainfuck"> - <h4><a href="#section--q1-brainfuck--commentary--brainfuck">プログラム全体</a></h4> - <p> - Brainf*ck のインタプリタとプログラムになっている。 Brainf*ck とは、難解プログラミング言語のひとつであり、ここで説明するよりも Wikipedia の該当ページを読んだ方がよい。 - </p> - <p> - <a href="https://ja.wikipedia.org/wiki/Brainfuck" rel="noreferrer" target="_blank">https://ja.wikipedia.org/wiki/Brainfuck</a> - </p> - <p> - なお、brainf*ck プログラムを普通の書き方で書くと、次のようになる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>+ + + + + + + + + +</span></span> -<span class="line"><span>[</span></span> -<span class="line"><span> > + + +</span></span> -<span class="line"><span> > + + + + +</span></span> -<span class="line"><span> > + + + + + + + + + + + +</span></span> -<span class="line"><span> > + + + + + + + + + +</span></span> -<span class="line"><span> < < < < -</span></span> -<span class="line"><span>]</span></span> -<span class="line"><span>> + + + + + .</span></span> -<span class="line"><span>- - .</span></span> -<span class="line"><span>> - - - .</span></span> -<span class="line"><span>> - - - .</span></span> -<span class="line"><span>- - .</span></span> -<span class="line"><span>- .</span></span> -<span class="line"><span>< .</span></span> -<span class="line"><span>> > - - .</span></span> -<span class="line"><span>+ + + + + + + .</span></span> -<span class="line"><span>< - - - - .</span></span> -<span class="line"><span>< .</span></span> -<span class="line"><span>> + + .</span></span> -<span class="line"><span>> - .</span></span> -<span class="line"><span>< .</span></span></code></pre> - </div> - <p> - 実行結果はこちら: <a href="https://ideone.com/22VWmb" rel="noreferrer" target="_blank">https://ideone.com/22VWmb</a> - </p> - <p> - それぞれの絵文字で表された関数が、各命令に対応している。 - </p> - <ul> - <li> - <code>$👉</code>: <code>></code> - </li> - <li> - <code>$👈</code>: <code><</code> - </li> - <li> - <code>$👍</code>: <code>+</code> - </li> - <li> - <code>$👎</code>: <code>-</code> - </li> - <li> - <code>$📝</code>: <code>.</code> - </li> - <li> - <code>$🤡</code>: <code>[</code> - </li> - <li> - <code>$🎪</code>: <code>]</code> - </li> - </ul> - <p> - <code>,</code> (入力) に対応する関数はない (このプログラムでは使わないので用意していない)。 - </p> - <p> - なお、<code>$🐘</code> はいわゆる main 関数であり、プログラムの実行部分である。 - </p> - </section> - <section id="section--q1-brainfuck--commentary--emoji-selection"> - <h4><a href="#section--q1-brainfuck--commentary--emoji-selection">絵文字の選択</a></h4> - <p> - おおよそ意味に合致するよう選んでいるが、<code>$🤡</code> と <code>$🎪</code> は弊社デジタルサーカスにちなんでいる。 また、<code>$🐘</code> は PHP のマスコットの象に由来する。 - </p> - </section> - <section id="section--q1-brainfuck--commentary--strict-types"> - <h4><a href="#section--q1-brainfuck--commentary--strict-types">strict_types</a></h4> - <p> - <code>declare</code> 文の <code>strict_types</code> に指定できるのは、<code>0</code> か <code>1</code> の数値リテラルだが、 <code>0x0</code> や <code>0b1</code> のような値も受け付ける。 今回は、PHP 8.1 から追加された、<code>0O</code> または <code>0o</code> から始まる八進数リテラルを使った。 - </p> - </section> - <section id="section--q1-brainfuck--commentary--url"> - <h4><a href="#section--q1-brainfuck--commentary--url">URL</a></h4> - <p> - ソースコードのライセンスを示したこの部分だが、 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#6F42C1">https</span><span style="color:#24292E">:</span><span style="color:#6A737D">//creativecommons.org/publicdomain/zero/1.0/</span></span></code></pre> - </div> - <p> - 完全に合法な PHP のコードである。 <code>https:</code> 部分はラベル、<code>//</code> 以降は行コメントになっている。 - </p> - </section> - <section id="section--q1-brainfuck--commentary--numbers"> - <h4><a href="#section--q1-brainfuck--commentary--numbers">リテラルなしで数値を生成する</a></h4> - <p> - ソースコード中に、ほとんど数値リテラルが書かれていないことにお気づきだろうか。PHP では、型変換を利用することで任意の整数を作り出すことができる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#005CC5">assert</span><span style="color:#24292E">(</span><span style="color:#005CC5">0</span><span style="color:#D73A49"> ===</span><span style="color:#D73A49"> +!!</span><span style="color:#24292E">[]);</span></span> -<span class="line"><span style="color:#005CC5">assert</span><span style="color:#24292E">(</span><span style="color:#005CC5">1</span><span style="color:#D73A49"> ===</span><span style="color:#D73A49"> +!</span><span style="color:#24292E">[]);</span></span> -<span class="line"><span style="color:#005CC5">assert</span><span style="color:#24292E">(</span><span style="color:#005CC5">2</span><span style="color:#D73A49"> ===</span><span style="color:#D73A49"> !</span><span style="color:#24292E">[]</span><span style="color:#D73A49">+!</span><span style="color:#24292E">[]);</span></span> -<span class="line"><span style="color:#005CC5">assert</span><span style="color:#24292E">(</span><span style="color:#005CC5">3</span><span style="color:#D73A49"> ===</span><span style="color:#D73A49"> !</span><span style="color:#24292E">[]</span><span style="color:#D73A49">+!</span><span style="color:#24292E">[]</span><span style="color:#D73A49">+!</span><span style="color:#24292E">[]);</span></span> -<span class="line"><span style="color:#005CC5">assert</span><span style="color:#24292E">(</span><span style="color:#005CC5">10</span><span style="color:#D73A49"> ===</span><span style="color:#D73A49"> +</span><span style="color:#24292E">(</span><span style="color:#D73A49">!</span><span style="color:#24292E">[]</span><span style="color:#D73A49">.</span><span style="color:#D73A49">+!!</span><span style="color:#24292E">[]));</span></span></code></pre> - </div> - <p> - <code>[]</code> に <code>!</code> を適用すると <code>true</code> が返ってくる。それに <code>+</code> を適用すると、<code>bool</code> から <code>int</code> ヘの型変換が走り、<code>1</code> が生成される。<code>10</code> はさらにトリッキーだ。まず <code>1</code> と <code>0</code> を作り、<code>.</code> で文字列として結合する (<code>'10'</code>)。これに <code>+</code> を適用すると、<code>string</code> から <code>int</code> への型変換が走り、<code>10</code> が生まれる (コード量に頓着しないなら、<code>1</code> を 10 個足し合わせてももちろん 10 が作れる)。 - </p> - <p> - また、<code>error_reporting</code> に指定しているのは <code>-1</code> である。 これは、<code>!</code> によって文字列を <code>false</code> にし、<code>+</code> によって <code>false</code> を <code>0</code> にし、さらにビット反転して <code>-1</code> にしている。 - </p> - </section> - <section id="section--q1-brainfuck--commentary--conditionals"> - <h4><a href="#section--q1-brainfuck--commentary--conditionals"><code>if</code> 文なしで条件分岐</a></h4> - <p> - 三項演算子ないし <code>match</code> 式を使うことで、<code>if</code> を一切書かずに条件分岐ができる。 また、<code>&&</code> / <code>||</code> も使えることがある。遅延評価が不要なケースでは、<code>[$t, $f][$cond]</code> のような形で分岐することもできる。 - </p> - </section> - <section id="section--q1-brainfuck--commentary--loops"> - <h4><a href="#section--q1-brainfuck--commentary--loops"><code>while</code>、<code>for</code> 文なしでループ</a></h4> - <p> - 不動点コンビネータを使って無名再帰する (詳しい説明は省略する。これらの単語で検索してほしい)。 ここでは、一般に Z コンビネータとして知られるものを使った (<code>$z</code>)。 - </p> - <p> - 実際のところ、<code>$🤡</code> や <code>$🎪</code>、<code>$🐘</code> は、一度 Scheme (Lisp の一種) で書いてから PHP に翻訳する形で記述した。 - </p> - <p> - なお、PHP は末尾再帰の最適化をおこなわない (少なくとも今のところは) ので、 あまりに長い brainf*ck プログラムを書くとスタックオーバーフローする。 - </p> - </section> - </section> - </section> - <section id="section--q2-riddle"> - <h2><a href="#section--q2-riddle">第2問 riddle.php</a></h2> - <p> - ソースコードはこちら。実行には PHP 8.0 以上が必要なので注意。 - </p> - <div class="codeblock"> - <div class="filename"> - riddle.php - </div> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span></span> -<span class="line"></span> -<span class="line"><span style="color:#6A737D">/*********************************************************</span></span> -<span class="line"><span style="color:#6A737D"> * This program displays a PHPer token. *</span></span> -<span class="line"><span style="color:#6A737D"> * Guess 'N'. *</span></span> -<span class="line"><span style="color:#6A737D"> * *</span></span> -<span class="line"><span style="color:#6A737D"> * Hints: *</span></span> -<span class="line"><span style="color:#6A737D"> * - N itself has no special meaning, e.g., 42, 8128, *</span></span> -<span class="line"><span style="color:#6A737D"> * it is selected at random. *</span></span> -<span class="line"><span style="color:#6A737D"> * - Each element of $token represents a single letter. *</span></span> -<span class="line"><span style="color:#6A737D"> * - One letter consists of 5x5 cells. *</span></span> -<span class="line"><span style="color:#6A737D"> * - Remember, the output is a complete PHPer token. *</span></span> -<span class="line"><span style="color:#6A737D"> * *</span></span> -<span class="line"><span style="color:#6A737D"> * License: *</span></span> -<span class="line"><span style="color:#6A737D"> * https://creativecommons.org/publicdomain/zero/1.0/ *</span></span> -<span class="line"><span style="color:#6A737D"> *********************************************************/</span></span> -<span class="line"><span style="color:#D73A49">const</span><span style="color:#005CC5"> N</span><span style="color:#D73A49"> =</span><span style="color:#005CC5"> 0</span><span style="color:#6A737D"> /* Change it to your answer. */</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#005CC5">assert</span><span style="color:#24292E">(</span><span style="color:#005CC5">0</span><span style="color:#D73A49"> <=</span><span style="color:#005CC5"> N</span><span style="color:#D73A49"> &&</span><span style="color:#005CC5"> N</span><span style="color:#D73A49"> <=</span><span style="color:#005CC5"> 0b11111_11111_11111_11111_11111</span><span style="color:#24292E">);</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E">$token </span><span style="color:#D73A49">=</span><span style="color:#24292E"> [</span></span> -<span class="line"><span style="color:#005CC5"> 0x14B499C</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#005CC5"> 0x0BE34CC</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x01C9C69</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#005CC5"> 0x0ECA069</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x01C2449</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x0FDB166</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x01C9C69</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#005CC5"> 0x01C1C66</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x0FC1C47</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x01C1C66</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#005CC5"> 0x10C5858</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x1E4E3B8</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x1A2F2F8</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#24292E">];</span></span> -<span class="line"><span style="color:#D73A49">foreach</span><span style="color:#24292E"> ($token </span><span style="color:#D73A49">as</span><span style="color:#24292E"> $x) {</span></span> -<span class="line"><span style="color:#24292E"> $x </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $x </span><span style="color:#D73A49">^</span><span style="color:#005CC5"> N</span><span style="color:#24292E">;</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E"> $x </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> sprintf</span><span style="color:#24292E">(</span><span style="color:#032F62">'%025b'</span><span style="color:#24292E">, $x);</span></span> -<span class="line"><span style="color:#24292E"> $x </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> str_replace</span><span style="color:#24292E">(</span><span style="color:#6F42C1">search</span><span style="color:#24292E">: [</span><span style="color:#032F62">'0'</span><span style="color:#24292E">, </span><span style="color:#032F62">'1'</span><span style="color:#24292E">], </span><span style="color:#6F42C1">replace</span><span style="color:#24292E">: [</span><span style="color:#032F62">' '</span><span style="color:#24292E">, </span><span style="color:#032F62">'#'</span><span style="color:#24292E">], </span><span style="color:#6F42C1">subject</span><span style="color:#24292E">: $x);</span></span> -<span class="line"><span style="color:#24292E"> $x </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> implode</span><span style="color:#24292E">(</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">, </span><span style="color:#005CC5">str_split</span><span style="color:#24292E">($x, </span><span style="color:#6F42C1">length</span><span style="color:#24292E">: </span><span style="color:#005CC5">5</span><span style="color:#24292E">));</span></span> -<span class="line"><span style="color:#005CC5"> echo</span><span style="color:#032F62"> "{</span><span style="color:#24292E">$x</span><span style="color:#032F62">}</span><span style="color:#005CC5">\n\n</span><span style="color:#032F62">"</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - <p> - さて、この問題はさきほどのように単純に実行しただけでは、謎のブロックが表示されるだけでトークンは得られない。トークンを得るためには、ソースコードを読み、定数 <code>N</code> を特定する必要がある。 - </p> - <p> - ここでは、私の想定解を解説する。 - </p> - <section id="section--q2-riddle--code-reading"> - <h3><a href="#section--q2-riddle--code-reading">読解</a></h3> - <p> - まずはソースコードを読んでいく。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E">$token </span><span style="color:#D73A49">=</span><span style="color:#24292E"> [</span></span> -<span class="line"><span style="color:#6A737D"> // 略</span></span> -<span class="line"><span style="color:#24292E">];</span></span></code></pre> - </div> - <p> - 数値からなる <code>$token</code> があり、各要素をループしている。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E">$x </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $x </span><span style="color:#D73A49">^</span><span style="color:#005CC5"> N</span><span style="color:#24292E">;</span></span></code></pre> - </div> - <p> - まずは排他的論理和 (xor) を取り、 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E">$x </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> sprintf</span><span style="color:#24292E">(</span><span style="color:#032F62">'%025b'</span><span style="color:#24292E">, $x);</span></span></code></pre> - </div> - <p> - 二進数に変換して、 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E">$x </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> str_replace</span><span style="color:#24292E">(</span><span style="color:#6F42C1">search</span><span style="color:#24292E">: [</span><span style="color:#032F62">'0'</span><span style="color:#24292E">, </span><span style="color:#032F62">'1'</span><span style="color:#24292E">], </span><span style="color:#6F42C1">replace</span><span style="color:#24292E">: [</span><span style="color:#032F62">' '</span><span style="color:#24292E">, </span><span style="color:#032F62">'#'</span><span style="color:#24292E">], </span><span style="color:#6F42C1">subject</span><span style="color:#24292E">: $x);</span></span></code></pre> - </div> - <p> - 0 を空白に、1 を <code>#</code> にし、 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E">$x </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> implode</span><span style="color:#24292E">(</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">, </span><span style="color:#005CC5">str_split</span><span style="color:#24292E">($x, </span><span style="color:#6F42C1">length</span><span style="color:#24292E">: </span><span style="color:#005CC5">5</span><span style="color:#24292E">));</span></span></code></pre> - </div> - <p> - 5文字ごとに区切ったあと、改行で結合している。 - </p> - </section> - <section id="section--q2-riddle--hint"> - <h3><a href="#section--q2-riddle--hint">ヒント</a></h3> - <p> - 次に、ソースコードに書いてあるヒントを読んでいく。 - </p> - <ul> - <li> - <code>N</code> それ自体は、42 や 8128 といったような特別な意味を持たず、ランダムに決められている - </li> - <li> - <code>$token</code> の各要素は、1文字を表す - </li> - <li> - 1文字は 5x5 のセルからなる - </li> - <li> - 出力されるのは、完全な PHPer トークンである - </li> - </ul> - <p> - ここで、PHPer トークンは必ず <code>#</code> 記号から始まることを思いだすと、<code>$token</code> の最初の数字 <code>0x14B499C</code> は、変換の結果 <code>#</code> になるのではないかと予想される (なお、このことは、リポジトリの README ファイルに追加ヒントとして書かれている)。 - </p> - </section> - <section id="section--q2-riddle--solve"> - <h3><a href="#section--q2-riddle--solve">解く</a></h3> - <p> - ここまでわかれば、あと一歩で解ける。すなわち、<code>0x14B499C</code> が <code>#</code> に変換されるような <code>N</code> を見つければよい。 - </p> - <p> - <code>N</code> は高々 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#005CC5">assert</span><span style="color:#24292E">(</span><span style="color:#005CC5">0</span><span style="color:#D73A49"> <=</span><span style="color:#005CC5"> N</span><span style="color:#D73A49"> &&</span><span style="color:#005CC5"> N</span><span style="color:#D73A49"> <=</span><span style="color:#005CC5"> 0b11111_11111_11111_11111_11111</span><span style="color:#24292E">);</span></span></code></pre> - </div> - <p> - なのでブルートフォースしてもよいが、ここではブルートフォースしない方法を紹介する。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E">$x </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> 0x14B499C</span><span style="color:#24292E">;</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E">$x </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $x </span><span style="color:#D73A49">^</span><span style="color:#005CC5"> N</span><span style="color:#24292E">;</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E">$x </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> sprintf</span><span style="color:#24292E">(</span><span style="color:#032F62">'%025b'</span><span style="color:#24292E">, $x);</span></span> -<span class="line"><span style="color:#24292E">$x </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> str_replace</span><span style="color:#24292E">(</span><span style="color:#6F42C1">search</span><span style="color:#24292E">: [</span><span style="color:#032F62">'0'</span><span style="color:#24292E">, </span><span style="color:#032F62">'1'</span><span style="color:#24292E">], </span><span style="color:#6F42C1">replace</span><span style="color:#24292E">: [</span><span style="color:#032F62">' '</span><span style="color:#24292E">, </span><span style="color:#032F62">'#'</span><span style="color:#24292E">], </span><span style="color:#6F42C1">subject</span><span style="color:#24292E">: $x);</span></span> -<span class="line"><span style="color:#24292E">$x </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> implode</span><span style="color:#24292E">(</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">, </span><span style="color:#005CC5">str_split</span><span style="color:#24292E">($x, </span><span style="color:#6F42C1">length</span><span style="color:#24292E">: </span><span style="color:#005CC5">5</span><span style="color:#24292E">));</span></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5">assert</span><span style="color:#24292E">($x </span><span style="color:#D73A49">===</span></span> -<span class="line"><span style="color:#032F62">" # # </span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#D73A49"> .</span></span> -<span class="line"><span style="color:#032F62">"#####</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#D73A49"> .</span></span> -<span class="line"><span style="color:#032F62">" # # </span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#D73A49"> .</span></span> -<span class="line"><span style="color:#032F62">"#####</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#D73A49"> .</span></span> -<span class="line"><span style="color:#032F62">" # # "</span><span style="color:#24292E">);</span></span></code></pre> - </div> - <p> - この一連の変換に対する逆変換を考えると、次のようになる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E">$x </span><span style="color:#D73A49">=</span></span> -<span class="line"><span style="color:#032F62">" # # </span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#D73A49"> .</span></span> -<span class="line"><span style="color:#032F62">"#####</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#D73A49"> .</span></span> -<span class="line"><span style="color:#032F62">" # # </span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#D73A49"> .</span></span> -<span class="line"><span style="color:#032F62">"#####</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#D73A49"> .</span></span> -<span class="line"><span style="color:#032F62">" # # "</span><span style="color:#24292E">;</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E">$x </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> implode</span><span style="color:#24292E">(</span><span style="color:#032F62">''</span><span style="color:#24292E">, </span><span style="color:#005CC5">explode</span><span style="color:#24292E">(</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">, $x));</span></span> -<span class="line"><span style="color:#24292E">$x </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> str_replace</span><span style="color:#24292E">(</span><span style="color:#6F42C1">search</span><span style="color:#24292E">: [</span><span style="color:#032F62">' '</span><span style="color:#24292E">, </span><span style="color:#032F62">'#'</span><span style="color:#24292E">], </span><span style="color:#6F42C1">replace</span><span style="color:#24292E">: [</span><span style="color:#032F62">'0'</span><span style="color:#24292E">, </span><span style="color:#032F62">'1'</span><span style="color:#24292E">], </span><span style="color:#6F42C1">subject</span><span style="color:#24292E">: $x);</span></span> -<span class="line"><span style="color:#24292E">$x </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> bindec</span><span style="color:#24292E">($x);</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E">$n </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $x </span><span style="color:#D73A49">^</span><span style="color:#005CC5"> 0x14B499C</span><span style="color:#24292E">;</span></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5">echo</span><span style="color:#032F62"> "N = </span><span style="color:#24292E">$n</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">;</span></span></code></pre> - </div> - <p> - これを実行すると、<code>N</code> が得られる。 - </p> - </section> - </section> - <section id="section--q3-toquine"> - <h2><a href="#section--q3-toquine">第3問 toquine.php</a></h2> - <p> - ソースコードはこちら。 - </p> - <div class="codeblock"> - <div class="filename"> - toquine.php - </div> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span></span> -<span class="line"></span> -<span class="line"><span style="color:#6A737D">// License: https://creativecommons.org/publicdomain/zero/1.0/</span></span> -<span class="line"><span style="color:#6A737D">// This is a quine-like program to generate a PHPer token.</span></span> -<span class="line"><span style="color:#6A737D">// Execute it like this: php toquine.php | php | php | php | ...</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E">$s </span><span style="color:#D73A49">=</span><span style="color:#032F62"> <<<'</span><span style="color:#D73A49">Q</span><span style="color:#032F62">'</span></span> -<span class="line"><span style="color:#032F62"><?cuc</span></span> -<span class="line"><span style="color:#032F62">// Yvprafr: uggcf://perngvirpbzzbaf.bet/choyvpqbznva/mreb/1.0/</span></span> -<span class="line"><span style="color:#032F62">// Guvf vf n dhvar-yvxr cebtenz gb trarengr n CUCre gbxra.</span></span> -<span class="line"><span style="color:#032F62">// Rkrphgr vg yvxr guvf: cuc gbdhvar.cuc | cuc | cuc | cuc | ...</span></span> -<span class="line"><span style="color:#032F62">%f$f = %f;</span></span> -<span class="line"><span style="color:#032F62">$f = fge_ebg13($f); $kf = [</span></span> -<span class="line"><span style="color:#032F62">%f,</span></span> -<span class="line"><span style="color:#032F62">];</span></span> -<span class="line"><span style="color:#032F62">$g = ahyy.snyfr; sbe ($v = 0; $v <= vagqvi(__YVAR__-035,6); ++$v) vs (!vffrg($kf[$v])) oernx; ryfr</span></span> -<span class="line"><span style="color:#032F62">$g .= vzcybqr("\a", fge_fcyvg(fge_ercynpr(['0','1'], [' ','##'], fcevags(pue(37) . '025o', $kf[$v])), 012)) . "\a\a";</span></span> -<span class="line"><span style="color:#032F62">$jf = neenl_znc(sa($j) => vzcybqr(', ', $j), neenl_puhax(neenl_znc(sa($k) => fcevags('0k' . pue(37) . '07K', $k), $kf), 10));</span></span> -<span class="line"><span style="color:#032F62">cevags($f, $g, fge_ebg13("<<<'Q'\a{$f}\aQ"), vzcybqr(",\a", $jf));</span></span> -<span class="line"><span style="color:#D73A49">Q</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">$s </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> str_rot13</span><span style="color:#24292E">($s); $xs </span><span style="color:#D73A49">=</span><span style="color:#24292E"> [</span></span> -<span class="line"><span style="color:#005CC5">0x0AFABEA</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x1F294A7</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x1F2109F</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x1F294A7</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x0002800</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x1F2109F</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x0117041</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x1F294A7</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x1FAD6B5</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x1F295B7</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#005CC5">0x010FC21</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x1FAD6B5</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x1151151</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x010FC21</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x1F294A7</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x1F295B7</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x1FAD6B5</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x1F294A7</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x1F295B7</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x1F8C63F</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#005CC5">0x1F8C631</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x1FAD6B5</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x17AD6BD</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x17AD6BD</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x1F8C63F</span><span style="color:#24292E">, </span><span style="color:#005CC5">0x1F295B7</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#24292E">];</span></span> -<span class="line"><span style="color:#24292E">$t </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> null</span><span style="color:#D73A49">.</span><span style="color:#005CC5">false</span><span style="color:#24292E">; </span><span style="color:#D73A49">for</span><span style="color:#24292E"> ($i </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">; $i </span><span style="color:#D73A49"><=</span><span style="color:#6F42C1"> intdiv</span><span style="color:#24292E">(</span><span style="color:#005CC5">__LINE__</span><span style="color:#D73A49">-</span><span style="color:#005CC5">035</span><span style="color:#24292E">,</span><span style="color:#005CC5">6</span><span style="color:#24292E">); </span><span style="color:#D73A49">++</span><span style="color:#24292E">$i) </span><span style="color:#D73A49">if</span><span style="color:#24292E"> (</span><span style="color:#D73A49">!</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($xs[$i])) </span><span style="color:#D73A49">break</span><span style="color:#24292E">; </span><span style="color:#D73A49">else</span></span> -<span class="line"><span style="color:#24292E">$t </span><span style="color:#D73A49">.=</span><span style="color:#005CC5"> implode</span><span style="color:#24292E">(</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">, </span><span style="color:#005CC5">str_split</span><span style="color:#24292E">(</span><span style="color:#005CC5">str_replace</span><span style="color:#24292E">([</span><span style="color:#032F62">'0'</span><span style="color:#24292E">,</span><span style="color:#032F62">'1'</span><span style="color:#24292E">], [</span><span style="color:#032F62">' '</span><span style="color:#24292E">,</span><span style="color:#032F62">'##'</span><span style="color:#24292E">], </span><span style="color:#005CC5">sprintf</span><span style="color:#24292E">(</span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">37</span><span style="color:#24292E">) </span><span style="color:#D73A49">.</span><span style="color:#032F62"> '025b'</span><span style="color:#24292E">, $xs[$i])), </span><span style="color:#005CC5">012</span><span style="color:#24292E">)) </span><span style="color:#D73A49">.</span><span style="color:#032F62"> "</span><span style="color:#005CC5">\n\n</span><span style="color:#032F62">"</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">$ws </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> array_map</span><span style="color:#24292E">(</span><span style="color:#D73A49">fn</span><span style="color:#24292E">($w) => </span><span style="color:#005CC5">implode</span><span style="color:#24292E">(</span><span style="color:#032F62">', '</span><span style="color:#24292E">, $w), </span><span style="color:#005CC5">array_chunk</span><span style="color:#24292E">(</span><span style="color:#005CC5">array_map</span><span style="color:#24292E">(</span><span style="color:#D73A49">fn</span><span style="color:#24292E">($x) => </span><span style="color:#005CC5">sprintf</span><span style="color:#24292E">(</span><span style="color:#032F62">'0x'</span><span style="color:#D73A49"> .</span><span style="color:#005CC5"> chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">37</span><span style="color:#24292E">) </span><span style="color:#D73A49">.</span><span style="color:#032F62"> '07X'</span><span style="color:#24292E">, $x), $xs), </span><span style="color:#005CC5">10</span><span style="color:#24292E">));</span></span> -<span class="line"><span style="color:#005CC5">printf</span><span style="color:#24292E">($s, $t, </span><span style="color:#005CC5">str_rot13</span><span style="color:#24292E">(</span><span style="color:#032F62">"<<<'D'</span><span style="color:#005CC5">\n</span><span style="color:#032F62">{</span><span style="color:#24292E">$s</span><span style="color:#032F62">}</span><span style="color:#005CC5">\n</span><span style="color:#032F62">D"</span><span style="color:#24292E">), </span><span style="color:#005CC5">implode</span><span style="color:#24292E">(</span><span style="color:#032F62">",</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">, $ws));</span></span></code></pre> - </div> - <p> - コメントにもあるとおり、次のようにして実行すれば答えがでてくる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ php toquine.php | php | php | php | ...</span></span></code></pre> - </div> - <p> - 実際にはもう少しパイプで繋げなければならない。 - </p> - <section id="section--q3-toquine--commentary"> - <h3><a href="#section--q3-toquine--commentary">解説</a></h3> - <section id="section--q3-toquine--commentary--quine"> - <h4><a href="#section--q3-toquine--commentary--quine">プログラム全体</a></h4> - <p> - コメントにもあるとおり、これは quine (風) のプログラムになっている。Quine とは、自分のソースコードをそっくりそのまま出力するようなプログラムのことである。 - </p> - <p> - このプログラムは、実行すると自身とほとんど同じプログラムを出力する。異なるのはトークンになっている部分のみである。 - </p> - </section> - <section id="section--q3-toquine--commentary--tokens"> - <h4><a href="#section--q3-toquine--commentary--tokens">トークン</a></h4> - <p> - <code>$xs</code> がトークンに対応している。変換のロジックは <code>riddle.php</code> とほぼ同じなので省略する。 - </p> - </section> - <section id="section--q3-toquine--commentary--states"> - <h4><a href="#section--q3-toquine--commentary--states">状態保持</a></h4> - <p> - トークンの何文字目まで出力したかを、ソースコードを変えずに (quine なので) 覚えておく必要がある。このプログラムでは、トークンが出力されるとソースコードがだんだんと長くなっていくのを利用して、<code>__LINE__</code> から情報を取得している。 - </p> - </section> - <section id="section--q3-toquine--commentary--rot-13"> - <h4><a href="#section--q3-toquine--commentary--rot-13">ROT 13</a></h4> - <p> - Quine は、素朴に書くとプログラムの一部が 2回記述されてしまう。これがあまり美しくないので、<code>toquine.php</code> では、ROT 13 変換を使って難読化した。 - </p> - <p> - それにしてもなぜこんなものが標準ライブラリに……。 - </p> - </section> - </section> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - 解いていただいたみなさん、また、難易度調整につきあっていただいた社内のみなさん、ありがとうございました。 - </p> - <p> - 今回は直前に作りはじめたのもあり、3問だけかつ使い古されたネタばかりになってしまいましたが、来年は 5問、より面白い問題を持っていきます。 - </p> - <p> - 実はもう作りはじめているので、どうか来年もありますように……。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2022-04-24/term-banner-write-tool-showing-banner-in-terminal/index.html b/vhosts/blog/public/posts/2022-04-24/term-banner-write-tool-showing-banner-in-terminal/index.html deleted file mode 100644 index 0b8b6d14..00000000 --- a/vhosts/blog/public/posts/2022-04-24/term-banner-write-tool-showing-banner-in-terminal/index.html +++ /dev/null @@ -1,157 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2022 nsfisis"> - <meta name="description" content="ターミナルに任意の文字のバナーを表示するためのツールを Go で書いた。"> - <meta property="og:type" content="article"> - <meta property="og:title" content="term-banner: ターミナルにバナーを表示するツールを書いた｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="ターミナルに任意の文字のバナーを表示するためのツールを Go で書いた。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>term-banner: ターミナルにバナーを表示するツールを書いた｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">term-banner: ターミナルにバナーを表示するツールを書いた</h1> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2022-04-24">2022-04-24</time>: 公開 - </li> - <li class="revision"> - <time datetime="2022-04-27">2022-04-27</time>: -f オプションについて追記 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - こんなものを作った。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ term-banner 'Hello, World!' 'こんにちは、' '世界！'</span></span></code></pre> - </div> - <p> - <img alt="term-banner が動作している様子のスクリーンショット" src="/posts/2022-04-24/term-banner-write-tool-showing-banner-in-terminal/screenshot.png"> - </p> - <p> - コマンドライン引数として渡した文字列をターミナルに大きく表示する。 - </p> - <p> - リポジトリはこちら: <a href="https://github.com/nsfisis/term-banner" rel="noreferrer" target="_blank">https://github.com/nsfisis/term-banner</a> - </p> - </section> - <section id="section--motivation"> - <h2><a href="#section--motivation">Motivation</a></h2> - <p> - 以前、<a href="https://github.com/nsfisis/big-clock-mode" rel="noreferrer" target="_blank"><code>big-clock-mode</code></a> という似たようなプログラムを書いた。 これは tmux の <code>:clock-mode</code> コマンドに着想を得たもので、<code>:clock-mode</code> よりも大きく現在時刻を表示する。 - </p> - <p> - <code>big-clock-mode</code> を開発したのは、次のようなシチュエーションで使うためである。弊社では現在リモートワークが基本だが、web 会議などで画面共有しているときに、休憩を挟んで特定の時刻から再開する、ということがある。こういったケースで、画面上に現在の時刻を大きめに表示しておくと、モニタから離れても遠くから時刻がわかるので便利である。 - </p> - <p> - それこそタイマアプリか何かを使えばいいのだが、ターミナルに棲むいきものとしては、住処から離れたくないわけだ。 - </p> - <p> - しばらく便利に使っていたのだが、ひとつ不満点が出てきた。それは、再開する時刻がいつだったかを覚えておかなければならないということだ。どこかにメモしておいてもいいが、せっかくなら現在時刻とともに表示させておきたい。 - </p> - <p> - そんなわけで、「任意の文字列をターミナルに表示する」プログラムを書く運びとなった。まあ、作らなくても探せばあると思うが、作りたいものは作りたいので知ったことではない。 - </p> - </section> - <section id="section--program"> - <h2><a href="#section--program">プログラム</a></h2> - <p> - 全体の流れは次のようになっている。 - </p> - <ol> - <li> - フォントファイルを読み込む - </li> - <li> - コマンドライン引数を Shift-JIS に変換する (フォントが Shift-JIS 基準で並んでいるため) - </li> - <li> - 1文字ずつレンダリングしていく - </li> - </ol> - <p> - <code>big-clock-mode</code> が Go 製なので、今回も Go で書いた。 PNG が標準ライブラリにあったり、Shift-JIS のエンコーディングが準標準ライブラリにあったりしたのは助かった。 - </p> - <p> - フォントファイルは <code>go:embed</code> で実行ファイルに埋め込んでいるので、ビルド後はワンバイナリで動く。仕事ではスクリプト言語ばかり書いているが、やはりコンパイル言語はいい。 - </p> - </section> - <section id="section--font"> - <h2><a href="#section--font">フォント</a></h2> - <p> - フリーの 8x8 ビットマップフォントである、 <a href="https://littlelimit.net/misaki.htm" rel="noreferrer" target="_blank">美咲フォント 2021-05-05a 版</a> を使わせていただいた。 - </p> - <p> - はじめは自分でポチポチ打っていたのだが、「き」くらいまでやって挫折した。同じく 8x8 で作っていたのだが、平仮名でさえも、この小さなキャンバスにはとても収められない。 - </p> - <p> - 美咲フォントは、平仮名・片仮名に留まらず、JIS 第一・第二水準の漢字までサポートしている。第二水準ともなると一生お目にかかることのない字の方が多いくらいだが、これをこの大きさで書くというのは、もはや芸術の域である。 - </p> - <p> - さらに言うと、実のところ美咲フォントは実サイズ 7x7 で作られており、余白が設けられている。これは、単純にそのまま並べても字間・行間を確保できるようにという配慮である。おかげでコーディングまで楽になった。 - </p> - <p> - ゴシック体と明朝体があったが、私の好みで明朝体の方にした。ただ、ゴシック体の方が見やすい気がするので、フォントを選べるように後ほど拡張するかもしれない。 - </p> - <div class="admonition" editat="2022-04-27" operation="追記"> - <div class="admonition-label"> - 2022-04-27 追記 - </div> - <div class="admonition-content"> - <p> - <code>-f</code> オプションで選べるようにした。 - </p> - </div> - </div> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - あなたもターミナルに住んでみませんか？ - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2022-04-24/term-banner-write-tool-showing-banner-in-terminal/screenshot.png b/vhosts/blog/public/posts/2022-04-24/term-banner-write-tool-showing-banner-in-terminal/screenshot.png Binary files differdeleted file mode 100644 index c527879a..00000000 --- a/vhosts/blog/public/posts/2022-04-24/term-banner-write-tool-showing-banner-in-terminal/screenshot.png +++ /dev/null diff --git a/vhosts/blog/public/posts/2022-05-01/phperkaigi-2022/index.html b/vhosts/blog/public/posts/2022-05-01/phperkaigi-2022/index.html deleted file mode 100644 index 9e9613d5..00000000 --- a/vhosts/blog/public/posts/2022-05-01/phperkaigi-2022/index.html +++ /dev/null @@ -1,248 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2022 nsfisis"> - <meta name="description" content="2022-04-09 から 2022-04-11 にかけて開催された、PHPerKaigi 2022 に参加した。"> - <meta name="keywords" content="カンファレンス,PHP,PHPerKaigi"> - <meta property="og:type" content="article"> - <meta property="og:title" content="PHPerKaigi 2022｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="2022-04-09 から 2022-04-11 にかけて開催された、PHPerKaigi 2022 に参加した。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>PHPerKaigi 2022｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">PHPerKaigi 2022</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/conference/">カンファレンス</a> - </li> - <li class="tag"> - <a href="/tags/php/">PHP</a> - </li> - <li class="tag"> - <a href="/tags/phperkaigi/">PHPerKaigi</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2022-05-01">2022-05-01</time>: 公開 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - 2022-04-09 から 2022-04-11 にかけて開催された、 <a href="https://phperkaigi.jp/2022/" rel="noreferrer" target="_blank">PHPerKaigi 2022</a> に、一般参加者として参加した。弊社 <a href="https://www.dgcircus.com/" rel="noreferrer" target="_blank">デジタルサーカス株式会社</a> はダイヤモンドスポンサーとなっており、スポンサー枠のチケットを使わせていただいた。 - </p> - <p> - 昨年のレポートは <a href="/posts/2021-03-30/phperkaigi-2021">こちら</a> 。 - </p> - </section> - <section id="section--comments"> - <h2><a href="#section--comments">感想</a></h2> - <section id="section--comments--great-sessions"> - <h3><a href="#section--comments--great-sessions">厳選おすすめトーク</a></h3> - <p> - 多くの素晴らしいトークの中から、特におすすめのものを 5つ選んだ。是非聞いてほしい。引用部分は、リンク先プロポーザルから引用している。 - </p> - <p> - <a href="https://fortee.jp/phperkaigi-2022/proposal/ef8cf4ed-63fe-42f8-8145-b3e70054458b" rel="noreferrer" target="_blank">予防に勝る防御なし - 堅牢なコードを導く様々な設計のヒント</a> - </p> - <blockquote> - <p> - PHP はバージョンを追う毎に型宣言、例外、表明、列挙型などの機能が大幅に強化され、堅牢なコードを書くための機能が充実してきました。それらの機能はどう使うと効果的なのでしょうか。 - </p> - <p> - 本講演では PHP 8.1 をベースにして、誤りを想定してチェックするのではなく、そもそも誤りにくい設計とはどのようなものか、つまり「予防」の観点を軸足に、堅牢なコードを導くための様々な設計のヒントをご紹介します。 - </p> - </blockquote> - <p> - <a href="https://fortee.jp/phperkaigi-2022/proposal/db00d49e-0dd6-453f-b54b-f731d112f10e" rel="noreferrer" target="_blank">PHPのエラーを理解して適切なエラーハンドリングを学ぼう</a> - </p> - <blockquote> - <p> - PHPを使ってるとよく遭遇する Fatal error / Parse error / Warning / Notice 理解していますか？ - </p> - <p> - これらのエラー文を理解することで、すぐにエラーの原因に気付き適切に対象できる様になります！ - </p> - <p> - またそれらを理解した上でのエラーハンドリングを学びましょう。 - </p> - </blockquote> - <p> - <a href="https://fortee.jp/phperkaigi-2022/proposal/4a7e3ded-9134-4919-955c-ec7bf4491c0d" rel="noreferrer" target="_blank">エラー監視とテスト体制への改善作戦</a> - </p> - <blockquote> - <p> - 毎日流れてくるエラーに皆さんはどう向き合ってますか？ - </p> - <p> - エラーを出さない事が一番ですが、完全に塞ぐ事は難しいと考えます。 - </p> - <p> - サービス運用の中で本番環境から発生するエラー（サーバー・クライアントサイド・サードパーティ起因のエラー）への監視体制と、 - </p> - <p> - エラー・バグ防御のためチームで行っているテストコード文化づくりの話をします。 - </p> - </blockquote> - <p> - <a href="https://fortee.jp/phperkaigi-2022/proposal/6f47daf8-c78f-4fb1-9b99-e9656e6fe7f7" rel="noreferrer" target="_blank">ISUCON11のPHP実装は、何を考え、どのようにして作られていたのか</a> - </p> - <blockquote> - <p> - 昨年開催されたISUCON11にて問題（参考実装）のPHPへの移植を担当させていただきました。 - </p> - <p> - 最終的なソースコードこそシンプルなWebアプリケーションではありますが、その裏には - </p> - <ul> - <li> - 「（私の思う）良い設計」を実現するための意思決定 - </li> - <li> - 「ISUCONの問題」という位置付けに由来する取捨選択 - </li> - <li> - 移植中に遭遇したトラブルとその解決策 - </li> - </ul> - <p> - といった文脈や葛藤が存在しています。 - </p> - <p> - 本発表はそれらを共有することで - </p> - <ul> - <li> - PHPアプリケーションの設計、実装事例として役立ててもらう - </li> - <li> - ISUCONの言語移植に興味を持ってもらう - </li> - <li> - ISUCON問題移植の「実装や設計の練習をする教材」としての可能性を知ってもらう - </li> - </ul> - <p> - ことを目的とします。 - </p> - </blockquote> - <p> - <a href="https://fortee.jp/phperkaigi-2022/proposal/5a260e4e-542d-4d82-849d-ef3d6cb7c854" rel="noreferrer" target="_blank">チームの仕事はまわっていたけど、メンバーはそれぞれモヤモヤを抱えていた話──40名の大規模開発チームで1on1ログを公開してみた</a> - </p> - <blockquote> - <p> - サイボウズの大企業向けグループウェアのGaroon（ガルーン）は、PHPで開発されている20年目の製品です。ガルーン開発チームは日本で40名、ベトナムで50名の計90名ほどのチームになっています。また、コロナ禍でフルリモートでの活動がこの2年ほど継続してきました。 - </p> - <p> - フルリモートになっても仕事はまわっており、継続的にリリースはしていましたが、一方でお互いの考えていることや感じている問題意識が見えづらくなり、モヤモヤを抱えているメンバーが増えていました。 - </p> - <p> - このセッションでは、そういう状況で私がチーム外からジョインし、聴き役に徹しながら見える化することで状況を改善していった取り組みを紹介します。同じように大きなチームやリモートワークで難しさを感じている人に、難しさの原因への気づきや取り組みへのヒントがあれば幸いです。 - </p> - </blockquote> - </section> - <section id="section--comments--token-quizzes"> - <h3><a href="#section--comments--token-quizzes">トークン問題の作成</a></h3> - <p> - 今回は、PHPer チャレンジ用に弊社のトークン問題を 3題作成した。こちらについては <a href="/posts/2022-04-09/phperkaigi-2022-tokens">別途記事にしている</a> ので、そちらを参照されたい。 - </p> - </section> - <section id="section--comments--phper-challenge"> - <h3><a href="#section--comments--phper-challenge">PHPer チャレンジ</a></h3> - <p> - <a href="https://fortee.jp/phperkaigi-2022/challenge" rel="noreferrer" target="_blank">1位</a> になった。また、賞品として <a href="https://www.amazon.co.jp/dp/B08MQNJC9Z" rel="noreferrer" target="_blank">Echo Show 15</a> をいただいた。 - </p> - </section> - <section id="section--comments--conference"> - <h3><a href="#section--comments--conference">カンファレンス全体への感想</a></h3> - <p> - <a href="/posts/2021-03-30/phperkaigi-2021">去年の参加レポ</a> では、こんなことを書いた。 - </p> - <blockquote> - <p> - 1つ個人的な反省点としては、(中略) Discord しかりアンカンファレンスしかり「このイベントのこの瞬間にしかないコンテンツ」に触れずに、後から見返せる発表やスライドに注力してしまった、ということだ。発表の詳細な見直しはあとからできるのだから、今しかできないことを考えるべきだった。まあ初カンファレンスだし、とお茶を濁しておこう。 - </p> - </blockquote> - <p> - この反省を踏まえ、今年は積極的にほかの場 (公式の Discord サーバや、アンカンファレンス) にも参加した。これにより、参加体験の質がはるかに向上した。特に Discord に関しては、登壇者ご本人による補足や、質問への回答などがおこなわれる (ことが多い) ため、特別な理由のない限り、発言はしないまでも参加はしておいたほうが良いと思われる。 - </p> - <p> - なお、アンカンファレンスについては、1日目の終わりに <a href="https://fortee.jp/phperkaigi-2022/unconference/view/d332797a-8921-4706-a7e2-ee72640c9b5e" rel="noreferrer" target="_blank">トークン問題の解説放送</a> もおこなった。 - </p> - <p> - また、今年はオフラインとオンラインのハイブリッド開催であったが、去年の全オンラインと比べて、オンライン参加の体験が落ちていなかったのは、特筆すべきであろう。今年は 3回目のワクチン接種が間に合わなかったこともあり現地参加は見送ったのだが、来年は是非オフラインで参加したい。 - </p> - </section> - </section> - <section id="section--next-year"> - <h2><a href="#section--next-year">そして来年へ……?</a></h2> - <p> - PHPerKaigi 2023 があるかどうか存じ上げないが、あるとすれば、次の 4つを目標としたい。 - </p> - <ul> - <li> - プロポーザルを出す - </li> - <li> - PHPer チャレンジのトークン問題を 5題作成する - </li> - <li> - 現地に行く - </li> - <li> - PHPer チャレンジで圧勝する - </li> - </ul> - <hr> - <p> - 最後になりましたが、PHPerKaigi のスタッフ、スポンサー、スピーカーのみなさん、素敵な時間をありがとうございました。 - </p> - <p> - ではまた来年。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2022-08-27/php-conference-okinawa-code-golf/index.html b/vhosts/blog/public/posts/2022-08-27/php-conference-okinawa-code-golf/index.html deleted file mode 100644 index 5835615d..00000000 --- a/vhosts/blog/public/posts/2022-08-27/php-conference-okinawa-code-golf/index.html +++ /dev/null @@ -1,178 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2022 nsfisis"> - <meta name="description" content="PHP カンファレンス沖縄の懇親会 LT で出題されたコードゴルフの問題を解いてみた。"> - <meta name="keywords" content="カンファレンス,PHP,PHP カンファレンス沖縄"> - <meta property="og:type" content="article"> - <meta property="og:title" content="PHP カンファレンス沖縄で出題されたコードゴルフの問題を解いてみた｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="PHP カンファレンス沖縄の懇親会 LT で出題されたコードゴルフの問題を解いてみた。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>PHP カンファレンス沖縄で出題されたコードゴルフの問題を解いてみた｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">PHP カンファレンス沖縄で出題されたコードゴルフの問題を解いてみた</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/conference/">カンファレンス</a> - </li> - <li class="tag"> - <a href="/tags/php/">PHP</a> - </li> - <li class="tag"> - <a href="/tags/phpconokinawa/">PHP カンファレンス沖縄</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2022-08-27">2022-08-27</time>: 公開 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - 本日 <a href="https://phpcon.okinawa.jp/" rel="noreferrer" target="_blank">PHP カンファレンス沖縄 2022</a> が開催された (らしい)。 - </p> - <p> - カンファレンスには参加できなかったものの、懇親会の LT で出題されたコードゴルフの問題が Twitter に流れてきたので、解いてみた。 - </p> - <ul> - <li> - ツイート: <a href="https://twitter.com/m3m0r7/status/1563397620231712772" rel="noreferrer" target="_blank">https://twitter.com/m3m0r7/status/1563397620231712772</a> - </li> - <li> - スライド: <a href="https://speakerdeck.com/memory1994/php-conference-okinawa-2022-extra?slide=3" rel="noreferrer" target="_blank">https://speakerdeck.com/memory1994/php-conference-okinawa-2022-extra?slide=3</a> - </li> - </ul> - </section> - <section id="section--solution"> - <h2><a href="#section--solution">解</a></h2> - <p> - 細かいレギュレーションは不明だったので、勝手に定めた。 - </p> - <ul> - <li> - コマンドライン引数の第1引数で受けとる - </li> - <li> - 結果は標準出力に出す - </li> - <li> - コンマの直後にはスペースを1つ置く - </li> - <li> - 末尾コンマは禁止 - </li> - <li> - 数字でないものは入ってこないものとする - </li> - <li> - 負数は入ってこないものとする - </li> - </ul> - <p> - 書いたものがこちら: - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E">[</span><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#24292E"> $n</span><span style="color:#D73A49">=</span><span style="color:#24292E">$argv[</span><span style="color:#005CC5">1</span><span style="color:#24292E">];</span><span style="color:#D73A49">foreach</span><span style="color:#24292E">([</span><span style="color:#005CC5">1e4</span><span style="color:#24292E">,</span><span style="color:#005CC5">5e3</span><span style="color:#24292E">,</span><span style="color:#005CC5">2e3</span><span style="color:#24292E">,</span><span style="color:#005CC5">1e3</span><span style="color:#24292E">,</span><span style="color:#005CC5">500</span><span style="color:#24292E">,</span><span style="color:#005CC5">100</span><span style="color:#24292E">,</span><span style="color:#005CC5">50</span><span style="color:#24292E">,</span><span style="color:#005CC5">10</span><span style="color:#24292E">,</span><span style="color:#005CC5">5</span><span style="color:#24292E">,</span><span style="color:#005CC5">1</span><span style="color:#24292E">]</span><span style="color:#D73A49">as</span><span style="color:#24292E">$x)</span><span style="color:#D73A49">for</span><span style="color:#24292E">(;$n</span><span style="color:#D73A49">>=</span><span style="color:#24292E">$x;$n</span><span style="color:#D73A49">-=</span><span style="color:#24292E">$x)$r[]</span><span style="color:#D73A49">=</span><span style="color:#24292E">$x;</span><span style="color:#005CC5">echo</span><span style="color:#005CC5"> implode</span><span style="color:#24292E">(</span><span style="color:#032F62">', '</span><span style="color:#24292E">,$r</span><span style="color:#D73A49">??</span><span style="color:#24292E">[]);</span><span style="color:#D73A49">?></span><span style="color:#24292E">]</span></span></code></pre> - </div> - <p> - しめて 123 バイトとなった (末尾改行を含めずにカウント)。 - </p> - <p> - こちらは改行とスペースを追加したバージョン: - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E">[</span><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E">$n </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $argv[</span><span style="color:#005CC5">1</span><span style="color:#24292E">];</span></span> -<span class="line"><span style="color:#D73A49">foreach</span><span style="color:#24292E"> ([</span><span style="color:#005CC5">1e4</span><span style="color:#24292E">, </span><span style="color:#005CC5">5e3</span><span style="color:#24292E">, </span><span style="color:#005CC5">2e3</span><span style="color:#24292E">, </span><span style="color:#005CC5">1e3</span><span style="color:#24292E">, </span><span style="color:#005CC5">500</span><span style="color:#24292E">, </span><span style="color:#005CC5">100</span><span style="color:#24292E">, </span><span style="color:#005CC5">50</span><span style="color:#24292E">, </span><span style="color:#005CC5">10</span><span style="color:#24292E">, </span><span style="color:#005CC5">5</span><span style="color:#24292E">, </span><span style="color:#005CC5">1</span><span style="color:#24292E">] </span><span style="color:#D73A49">as</span><span style="color:#24292E"> $x)</span></span> -<span class="line"><span style="color:#D73A49"> for</span><span style="color:#24292E"> (; $n </span><span style="color:#D73A49">>=</span><span style="color:#24292E"> $x; $n </span><span style="color:#D73A49">-=</span><span style="color:#24292E"> $x)</span></span> -<span class="line"><span style="color:#24292E"> $r[] </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $x;</span></span> -<span class="line"><span style="color:#005CC5">echo</span><span style="color:#005CC5"> implode</span><span style="color:#24292E">(</span><span style="color:#032F62">', '</span><span style="color:#24292E">, $r </span><span style="color:#D73A49">??</span><span style="color:#24292E"> []);</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">?></span><span style="color:#24292E">]</span></span></code></pre> - </div> - </section> - <section id="section--techniques"> - <h2><a href="#section--techniques">使用したテクニック</a></h2> - <section id="section--techniques--exponential-notation"> - <h3><a href="#section--techniques--exponential-notation">指数表記</a></h3> - <p> - 割と多くの言語のゴルフで使えるテクニック。<code>e</code> を用いた指数表記で、大きな数を短く表す。このコードでは <code>10000</code>、<code>5000</code>、<code>2000</code>、<code>1000</code> を指数表記している。 - </p> - </section> - <section id="section--techniques--shorten-loop"> - <h3><a href="#section--techniques--shorten-loop">foreach や for の中身を1つの文に</a></h3> - <p> - <code>foreach</code>、<code>for</code>、<code>if</code> などの後ろには、通常 <code>{</code> を続けて複数の文を連ねるが、中身の文を1つにしてしまえば、<code>{</code> と <code>}</code> を省略できる。C言語などでも使える。 - </p> - </section> - <section id="section--techniques--omit-initialization"> - <h3><a href="#section--techniques--omit-initialization">$r に初期値を入れない</a></h3> - <p> - PHP では、<code>$r[] = ......</code> のような配列の末尾に追加する式を実行したとき、<code>$r</code> が未定義だった場合は <code>$r</code> を勝手に定義して空の配列で初期化してくれる。これを利用すると、<code>$r = [];</code> のような初期化が不要になる。 - </p> - <p> - ただし、プログラムに 0 が渡されるとループを一度も回らないので、<code>$r</code> が未定義になってしまい、<code>implode()</code> に渡すところでエラーになる。それを防ぐために <code>$r ?? []</code> を使っている。 - </p> - <p> - もし 0 が渡されたケースを無視するなら、これが不要になるので 4 バイト縮む。 - </p> - </section> - <section id="section--techniques--put-text-outside-php-tag"> - <h3><a href="#section--techniques--put-text-outside-php-tag">PHP タグの外に文字列を置く</a></h3> - <p> - PHP では、<code><?php</code> <code>?></code> で囲われた部分の外側にある文字列は、そのまま出力される。今回のケースでは、先頭と末尾に必ず <code>[</code> と <code>]</code> を出力するので、そのまま書いてやればよい。 - </p> - </section> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - 最後になりましたが、 <a href="https://twitter.com/m3m0r7" rel="noreferrer" target="_blank">めもりー</a> さん、楽しい問題をありがとうございました。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2022-08-31/support-for-communty-is-employee-benefits/index.html b/vhosts/blog/public/posts/2022-08-31/support-for-communty-is-employee-benefits/index.html deleted file mode 100644 index 3f5c70e8..00000000 --- a/vhosts/blog/public/posts/2022-08-31/support-for-communty-is-employee-benefits/index.html +++ /dev/null @@ -1,108 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2022 nsfisis"> - <meta name="description" content="先日、私の勤めるデジタルサーカス株式会社が、PHP Foundation へ寄付をおこないました。本件を社内でしつこく推進した1人として、推進の理由等を書き残しておきます。"> - <meta property="og:type" content="article"> - <meta property="og:title" content="弊社の PHP Foundation への寄付に寄せて｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="先日、私の勤めるデジタルサーカス株式会社が、PHP Foundation へ寄付をおこないました。本件を社内でしつこく推進した1人として、推進の理由等を書き残しておきます。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>弊社の PHP Foundation への寄付に寄せて｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">弊社の PHP Foundation への寄付に寄せて</h1> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2022-08-31">2022-08-31</time>: 公開 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - <strong>注: これは私個人の意見であり、所属する組織を代表するものではありません。</strong> - </p> - <p> - 先日、私の勤める <a href="https://www.dgcircus.com/" rel="noreferrer" target="_blank">デジタルサーカス株式会社</a> が <a href="https://opencollective.com/phpfoundation" rel="noreferrer" target="_blank">PHP Foundation</a> へ $2,000 の寄付をおこないました。 - </p> - <p> - 記事: <a href="https://www.dgcircus.com/news/581" rel="noreferrer" target="_blank">https://www.dgcircus.com/news/581</a> - </p> - <p> - 本件を社内でしつこく推進した1人として、推進の理由等を書き残しておきます。 - </p> - </section> - <section id="section--why"> - <h2><a href="#section--why">なぜ？</a></h2> - <p> - 組織としての寄付理由は前掲した記事に譲るとして、ここでは、私が社内でこの件を推進した理由について書くことにします。 - </p> - <p> - 当時の考えを端的にまとめた社内チャットの投稿があったので、それを引用します: - </p> - <blockquote> - <p> - 結局これを通したい (私の中での) 最大の理由が、「自分の勤める会社が、これをやる会社であってほしい」というのがあり、↑にしても、感情ベースの理由しか出せていないというのが説得力に欠けている理由なのだと思いますが、寄付の報告が流れてきたり、OSS のフリーライドの話が流れてきたりするたびに、自尊心が毀損される、というか (これは大袈裟すぎる表現で、実際にはそこまで明確に傷ついているわけではありませんが)。 - </p> - <p> - 追記: 「肩身が狭くなる」というのがより適切でした。 - </p> - </blockquote> - <p> - ※文中の「↑にしても」は、ここに載せていない別の投稿を指しています。 - </p> - <p> - OSS を金銭的に支援したり、技術カンファレンスへ協賛したり (あるいは <a href="https://twitter.com/tomzoh" rel="noreferrer" target="_blank">CTO</a> がカンファレンスを年2で主催したり: <a href="https://iosdc.jp" rel="noreferrer" target="_blank">iOSDC</a> <a href="https://phperkaigi.jp" rel="noreferrer" target="_blank">PHPerKaigi</a> ) といった行為は、コミュニティへの貢献であると同時に、社員に対する精神的福利厚生でもあると言えるでしょう (知らんけど)。これらは、技術や技術者を大切にする組織である、ということの、対外的にも対内的にも強力なメッセージなのです。 - </p> - <p> - 以上が、私が社内で寄付の件を進めた (かなり私的な) 理由です。 - </p> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - 最終的に社としての寄付まで漕ぎ着けられたのは、もちろん私の力ではなく役員の方々の決定によるものです。この場を借りて感謝申し上げます。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2022-09-29/write-fizzbuzz-in-php-2-letters-per-line/index.html b/vhosts/blog/public/posts/2022-09-29/write-fizzbuzz-in-php-2-letters-per-line/index.html deleted file mode 100644 index ab8c9867..00000000 --- a/vhosts/blog/public/posts/2022-09-29/write-fizzbuzz-in-php-2-letters-per-line/index.html +++ /dev/null @@ -1,704 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2022 nsfisis"> - <meta name="description" content="PHP で fizzbuzz を書いた。ただし、1行あたりに使える文字数は2文字まで。"> - <meta name="keywords" content="PHP"> - <meta property="og:type" content="article"> - <meta property="og:title" content="【PHP】 fizzbuzz を書く。1行あたり2文字で。｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="PHP で fizzbuzz を書いた。ただし、1行あたりに使える文字数は2文字まで。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>【PHP】 fizzbuzz を書く。1行あたり2文字で。｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">【PHP】 fizzbuzz を書く。1行あたり2文字で。</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/php/">PHP</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2022-09-28">2022-09-28</time>: 公開 - </li> - <li class="revision"> - <time datetime="2022-09-29">2022-09-29</time>: 小さな文言の修正・変更 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">記事の構成について</a></h2> - <p> - この記事は、普通の fizzbuzz を徐々に変形して最終形にしていく、という構成で書かれている。最終形を見てどのような仕組みで動いているのか解読してから解説を読みたい、というかたがいれば、<a href="https://gist.github.com/nsfisis/04c227d5a419867472a0b23a83ad2919#file-fizzbuzz-php-2-letters-per-line-and-supports-php-8-x-without-warnings" rel="noreferrer" target="_blank">このページ</a> にソースコードがあるので、そちらを先に見てほしい。 - </p> - </section> - <section id="section--regulations"> - <h2><a href="#section--regulations">レギュレーション</a></h2> - <p> - PHP で、次のような制約の下に fizzbuzz を書いた。 - </p> - <ul> - <li> - 1行あたりの文字数は2文字までに収めること (ただし <code><?php</code> タグは除く) - <ul> - <li> - 厳密な定義: <code><?php</code> タグ以降のソースコードが、2 byte ごとにラインフィード (LF) で区切られること - </li> - </ul> - </li> - <li> - スペースやタブを使用しないこと - </li> - <li> - ループのアンロールをしないこと - <ul> - <li> - 100 回ループの代わりに 100 回コードをコピペ、というのは禁止 - </li> - </ul> - </li> - <li> - PHP 7.4〜8.1 で動作すること - </li> - <li> - 実行時に Notice や Warning が出ないこと - </li> - <li> - 標準的なインストール構成の PHP で実現できること (デフォルトで有効になっていない拡張等を使わないこと) - </li> - </ul> - <p> - 備考: PHP には <code>short_open_tag</code> というオプションがあり、これを有効にするとファイル冒頭の <code><?php</code> の代わりに <code><?</code> を使うことができ、文字どおり1行2文字で書ける。ただ、このオプションはデフォルト off になっている環境が多いようなので、今回は使わないことにした。 - </p> - </section> - <section id="section--problems"> - <h2><a href="#section--problems">主な障害</a></h2> - <p> - 1行あたりの文字数など、適当に改行を挟めばいいだけではないのか？ - </p> - <p> - 特に、C言語でこのような試みをおこなったことがあるかたならそう思うだろう。事実、Cでのこの制約はほとんど無意味に等しい。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E">#</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#24292E">i</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#24292E">n</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#24292E">c</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#24292E">l</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#24292E">u</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#24292E">d</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#24292E">e</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#D73A49"><</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#24292E">s</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#24292E">t</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#24292E">d</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#24292E">i</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#24292E">o</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#24292E">.</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#24292E">h</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#D73A49">></span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#6A737D">/*</span></span> -<span class="line"><span style="color:#6A737D">*/</span></span> -<span class="line"><span style="color:#24292E">i</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#24292E">n</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#24292E">t</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#6A737D">/*</span></span> -<span class="line"><span style="color:#6A737D">*/</span></span> -<span class="line"><span style="color:#24292E">m</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#24292E">a</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#24292E">i</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#6F42C1">n</span><span style="color:#24292E">(</span></span> -<span class="line"><span style="color:#24292E">){</span></span> -<span class="line"><span style="color:#24292E">f</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#24292E">o</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#6F42C1">r</span><span style="color:#24292E">(</span></span> -<span class="line"><span style="color:#24292E">i</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#24292E">n</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#24292E">t</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#6A737D">/*</span></span> -<span class="line"><span style="color:#6A737D">*/</span></span> -<span class="line"><span style="color:#24292E">i</span><span style="color:#D73A49">=</span></span> -<span class="line"><span style="color:#005CC5">1</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">i</span><span style="color:#D73A49"><</span></span> -<span class="line"><span style="color:#005CC5">1\</span></span> -<span class="line"><span style="color:#005CC5">0\</span></span> -<span class="line"><span style="color:#005CC5">0</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">i</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#D73A49">+</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#D73A49">+</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#D73A49">if</span></span> -<span class="line"><span style="color:#24292E">(i</span></span> -<span class="line"><span style="color:#D73A49">%</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#005CC5">15</span></span> -<span class="line"><span style="color:#D73A49">==</span></span> -<span class="line"><span style="color:#005CC5">0</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#24292E">p</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#24292E">r</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#24292E">i</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#24292E">n</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#24292E">t</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#6F42C1">f</span><span style="color:#24292E">(</span></span> -<span class="line"><span style="color:#032F62">"</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#032F62">F</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#032F62">i</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#032F62">z</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#032F62">z</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#032F62">B</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#032F62">u</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#032F62">z</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#032F62">z</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#B31D28;font-style:italic">%</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#032F62">c</span><span style="color:#005CC5">\</span></span> -<span class="line"><span style="color:#032F62">"</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#005CC5">10</span></span> -<span class="line"><span style="color:#24292E">);</span></span> -<span class="line"></span> -<span class="line"><span style="color:#6A737D">/* あとは同じように普通のプログラムを変形するだけなので省略 */</span></span></code></pre> - </div> - <p> - バックスラッシュを使った行継続がトークンを区切らない、というのがポイントだ。 - </p> - <p> - さて、PHP ではそもそもバックスラッシュを行継続に使うことができない。これにより、「3文字以上からなるトークンが一切使えない」という制約が課される。例えば、<code>echo</code> で出力することや、<code>for</code> でループすること、<code>new</code> でインスタンスを生成することができない。特に、出力は fizzbuzz をどんなアルゴリズムで実装しようとおこなわなければならないので、できないのは致命的である。 - </p> - <p> - 当然、名前が3文字以上ある関数も使えない。なお、標準 PHP の範囲内において、名前が 2文字以下の関数は以下のとおりである: - </p> - <ul> - <li> - <code>_</code>: <code>gettext</code> のエイリアス - </li> - <li> - <code>dl</code>: 拡張モジュールをロードする - </li> - <li> - <code>pi</code>: 円周率を返す - </li> - </ul> - <p> - (環境によって多少は変わるかも) - </p> - <p> - 2文字の関数を定義しまくった拡張モジュールを用意しておいて <code>dl()</code> で読み込む行為は、レギュレーションで定めた - </p> - <blockquote> - <ul> - <li> - 標準的なインストール構成の PHP で実現できること (デフォルトで有効になっていない拡張等を使わないこと) - </li> - </ul> - </blockquote> - <p> - に反する (というより、「それだとおもしろくもなんともないので、このルールを足した」というのが正しい)。 - </p> - <p> - また、2文字だと文字列がまともに書けないのも辛い。<code>''</code> だけで2文字使うので、「1文字の文字列リテラル」というものを書くことができない。PHP では文字列リテラル中に生の改行が書けるので - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E">$a</span></span> -<span class="line"><span style="color:#D73A49">=</span><span style="color:#032F62">'</span></span> -<span class="line"><span style="color:#032F62">a'</span></span> -<span class="line"><span style="color:#24292E">;;</span></span></code></pre> - </div> - <p> - とすると <code>$a</code> は <code>"\na"</code> になるのだが、余計な改行が入ってしまう。 - </p> - <p> - これらの障害をどのように乗り越えるのか、次節から見ていく。 - </p> - </section> - <section id="section--commentary"> - <h2><a href="#section--commentary">解説</a></h2> - <section id="section--commentary--normal-fizzbuzz"> - <h3><a href="#section--commentary--normal-fizzbuzz">普通の (?) fizzbuzz</a></h3> - <p> - まずは普通に書くとしよう。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">for</span><span style="color:#24292E"> ($i </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> 1</span><span style="color:#24292E">; $i </span><span style="color:#D73A49"><</span><span style="color:#005CC5"> 100</span><span style="color:#24292E">; $i</span><span style="color:#D73A49">++</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#005CC5"> echo</span><span style="color:#24292E"> (($i </span><span style="color:#D73A49">%</span><span style="color:#005CC5"> 3</span><span style="color:#D73A49"> ?</span><span style="color:#032F62"> ''</span><span style="color:#D73A49"> :</span><span style="color:#032F62"> 'Fizz'</span><span style="color:#24292E">) </span><span style="color:#D73A49">.</span><span style="color:#24292E"> ($i </span><span style="color:#D73A49">%</span><span style="color:#005CC5"> 5</span><span style="color:#D73A49"> ?</span><span style="color:#032F62"> ''</span><span style="color:#D73A49"> :</span><span style="color:#032F62"> 'Buzz'</span><span style="color:#24292E">) </span><span style="color:#D73A49">?:</span><span style="color:#24292E"> $i) </span><span style="color:#D73A49">.</span><span style="color:#032F62"> "</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - <p> - 素直に書いた fizzbuzz とは言い難いが、このくらいは普通だということにしておかないと、この先がやっていられないので許してほしい。 - </p> - </section> - <section id="section--commentary--remove-keywords"> - <h3><a href="#section--commentary--remove-keywords"><code>for</code> の排除</a></h3> - <p> - <code>for</code> は、3文字もある長いキーワードである。こんなものは使えない。<code>array_</code> 系の関数を使って、適当に置き換えるとしよう。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E">$s </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> range</span><span style="color:#24292E">(</span><span style="color:#005CC5">1</span><span style="color:#24292E">, </span><span style="color:#005CC5">100</span><span style="color:#24292E">);</span></span> -<span class="line"><span style="color:#005CC5">array_walk</span><span style="color:#24292E">(</span></span> -<span class="line"><span style="color:#24292E">$s,</span></span> -<span class="line"><span style="color:#D73A49">fn</span><span style="color:#24292E">($i) =></span></span> -<span class="line"><span style="color:#005CC5">printf</span><span style="color:#24292E">((($i </span><span style="color:#D73A49">%</span><span style="color:#005CC5"> 3</span><span style="color:#D73A49"> ?</span><span style="color:#032F62"> ''</span><span style="color:#D73A49"> :</span><span style="color:#032F62"> 'Fizz'</span><span style="color:#24292E">) </span><span style="color:#D73A49">.</span><span style="color:#24292E"> ($i </span><span style="color:#D73A49">%</span><span style="color:#005CC5"> 5</span><span style="color:#D73A49"> ?</span><span style="color:#032F62"> ''</span><span style="color:#D73A49"> :</span><span style="color:#032F62"> 'Buzz'</span><span style="color:#24292E">) </span><span style="color:#D73A49">?:</span><span style="color:#24292E"> $i) </span><span style="color:#D73A49">.</span><span style="color:#032F62"> "</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">),</span></span> -<span class="line"><span style="color:#24292E">);</span></span></code></pre> - </div> - <p> - <code>array_walk</code> や <code>range</code>、<code>printf</code> といった <code>for</code> よりも長いトークンが現れてしまったが、これは次節で直すことにする。なお、<code>echo</code> は文 (statement) であり式 (expression) ではないので、式である <code>printf</code> に置き換えた。 - </p> - </section> - <section id="section--commentary--shorten-function-invocation"> - <h3><a href="#section--commentary--shorten-function-invocation">関数呼び出しの短縮</a></h3> - <p> - <code>range</code>、<code>array_walk</code>、<code>printf</code> は長すぎるのでどうにかせねばならない。ここで、PHP の可変関数を使う。可変関数とは、関数名が文字列として入った変数を経由して、関数を呼び出す機能である。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E">$r </span><span style="color:#D73A49">=</span><span style="color:#032F62"> 'range'</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">$w </span><span style="color:#D73A49">=</span><span style="color:#032F62"> 'array_walk'</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">$p </span><span style="color:#D73A49">=</span><span style="color:#032F62"> 'printf'</span><span style="color:#24292E">;</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E">$s </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $r(</span><span style="color:#005CC5">1</span><span style="color:#24292E">, </span><span style="color:#005CC5">100</span><span style="color:#24292E">);</span></span> -<span class="line"><span style="color:#24292E">$w(</span></span> -<span class="line"><span style="color:#24292E">$s,</span></span> -<span class="line"><span style="color:#D73A49">fn</span><span style="color:#24292E">($i) =></span></span> -<span class="line"><span style="color:#24292E">$p((($i </span><span style="color:#D73A49">%</span><span style="color:#005CC5"> 3</span><span style="color:#D73A49"> ?</span><span style="color:#032F62"> ''</span><span style="color:#D73A49"> :</span><span style="color:#032F62"> 'Fizz'</span><span style="color:#24292E">) </span><span style="color:#D73A49">.</span><span style="color:#24292E"> ($i </span><span style="color:#D73A49">%</span><span style="color:#005CC5"> 5</span><span style="color:#D73A49"> ?</span><span style="color:#032F62"> ''</span><span style="color:#D73A49"> :</span><span style="color:#032F62"> 'Buzz'</span><span style="color:#24292E">) </span><span style="color:#D73A49">?:</span><span style="color:#24292E"> $i) </span><span style="color:#D73A49">.</span><span style="color:#032F62"> "</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">),</span></span> -<span class="line"><span style="color:#24292E">);</span></span></code></pre> - </div> - <p> - これで関数を呼び出している所は短くなった。では、<code>$r</code> や <code>$w</code> や <code>$p</code>、また <code>'Fizz'</code> や <code>'Buzz'</code> はどうやって 1 行 2 文字に収めるのか。次のテクニックへ移ろう。 - </p> - </section> - <section id="section--commentary--incompatible-solution"> - <h3><a href="#section--commentary--incompatible-solution">余談: PHP 8.x で動作しなくてもいいなら</a></h3> - <p> - 今回使ったテクニックを説明する前に、余談として、文字列リテラルの短縮法として今回採用しなかったものを紹介する。 - </p> - <blockquote> - <ul> - <li> - PHP 7.4〜8.1 で動作すること - </li> - </ul> - </blockquote> - <p> - というルールがない場合、「未定義の定数が評価された場合、その定数の名前が値になる」という PHP 7.x までの仕様が利用できる。例えば、 <code>Fizz</code> という文字列が欲しければ、次のようにする。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E">$f</span></span> -<span class="line"><span style="color:#D73A49">=</span><span style="color:#005CC5">F</span></span> -<span class="line"><span style="color:#D73A49">.</span><span style="color:#005CC5">i</span></span> -<span class="line"><span style="color:#D73A49">.</span><span style="color:#005CC5">z</span></span> -<span class="line"><span style="color:#D73A49">.</span><span style="color:#005CC5">z</span></span> -<span class="line"><span style="color:#24292E">;;</span></span></code></pre> - </div> - <p> - こうして簡単に文字列を作れる。なお、この仕様は 7.x 時点でも警告を受けるので、<code>@</code> 演算子を使って抑制してやるとよい。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E">$f</span></span> -<span class="line"><span style="color:#D73A49">=@</span></span> -<span class="line"><span style="color:#005CC5">F</span><span style="color:#D73A49">.</span></span> -<span class="line"><span style="color:#D73A49">@</span><span style="color:#005CC5">i</span></span> -<span class="line"><span style="color:#D73A49">.</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#D73A49">@</span><span style="color:#005CC5">z</span></span> -<span class="line"><span style="color:#D73A49">.</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#D73A49">@</span><span style="color:#005CC5">z</span></span> -<span class="line"><span style="color:#24292E">;;</span></span></code></pre> - </div> - <p> - むしろ、このことがわかっていたからこそ PHP 8.x での動作を要件に課したところがある。 - </p> - </section> - <section id="section--commentary--shorten-string-literals"> - <h3><a href="#section--commentary--shorten-string-literals">文字列リテラルの短縮</a></h3> - <p> - 実際に使った手法の説明に移る。 - </p> - <p> - ずばり、文字列同士のビット演算を使う。PHP では、文字列同士でビット演算 (<code>&</code>、<code>|</code>、<code>^</code>) をした場合、文字列の各バイトごとに指定したビット演算がなされ、それを結合したものが演算結果となる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E">$a </span><span style="color:#D73A49">=</span><span style="color:#032F62"> "12345"</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">$b </span><span style="color:#D73A49">=</span><span style="color:#032F62"> "world"</span><span style="color:#24292E">;</span></span> -<span class="line"></span> -<span class="line"><span style="color:#6A737D">// $a ^ $b は次のコードと同じ</span></span> -<span class="line"><span style="color:#24292E">$result </span><span style="color:#D73A49">=</span><span style="color:#032F62"> ''</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#D73A49">for</span><span style="color:#24292E"> ($i </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">; $i </span><span style="color:#D73A49"><</span><span style="color:#005CC5"> min</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($a), </span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($b)); $i</span><span style="color:#D73A49">++</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#24292E">$result </span><span style="color:#D73A49">.=</span><span style="color:#24292E"> $a[$i] </span><span style="color:#D73A49">^</span><span style="color:#24292E"> $b[$i];</span></span> -<span class="line"><span style="color:#24292E">}</span></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5">echo</span><span style="color:#24292E"> $result;</span></span> -<span class="line"><span style="color:#6A737D">// => F]AXQ</span></span></code></pre> - </div> - <p> - これを踏まえ、次のコードを見てみよう。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E">$x </span><span style="color:#D73A49">=</span><span style="color:#032F62"> "x</span><span style="color:#005CC5">\n</span><span style="color:#032F62">Om</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">$y </span><span style="color:#D73A49">=</span><span style="color:#032F62"> "</span><span style="color:#005CC5">\n</span><span style="color:#032F62">k!</span><span style="color:#005CC5">\n</span><span style="color:#032F62">o"</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">$r </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $x </span><span style="color:#D73A49">^</span><span style="color:#24292E"> $y;</span></span> -<span class="line"><span style="color:#005CC5">echo</span><span style="color:#032F62"> "</span><span style="color:#24292E">$r</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">;</span></span></code></pre> - </div> - <p> - 実行すると、<code>range</code> が表示される。さて、PHP では文字列リテラル中に生の改行を直接書いてもよいのだった (「主な障害」の節を参照のこと)。書きかえてみよう。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E">$x</span></span> -<span class="line"><span style="color:#D73A49">=</span><span style="color:#032F62">'x</span></span> -<span class="line"><span style="color:#032F62">Om</span></span> -<span class="line"><span style="color:#032F62">'</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">$y</span></span> -<span class="line"><span style="color:#D73A49">=</span><span style="color:#032F62">'</span></span> -<span class="line"><span style="color:#032F62">k!</span></span> -<span class="line"><span style="color:#032F62">o'</span></span> -<span class="line"><span style="color:#24292E">;</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E">$r </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $x </span><span style="color:#D73A49">^</span><span style="color:#24292E"> $y;</span></span> -<span class="line"><span style="color:#005CC5">echo</span><span style="color:#032F62"> "</span><span style="color:#24292E">$r</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">;</span></span></code></pre> - </div> - <p> - さらに <code>#</code> を使って適当に調整すると、次のようになる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E">$x</span></span> -<span class="line"><span style="color:#D73A49">=</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#032F62">'x</span></span> -<span class="line"><span style="color:#032F62">Om</span></span> -<span class="line"><span style="color:#032F62">'</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">$y</span></span> -<span class="line"><span style="color:#D73A49">=</span><span style="color:#032F62">'</span></span> -<span class="line"><span style="color:#032F62">k!</span></span> -<span class="line"><span style="color:#032F62">o'</span></span> -<span class="line"><span style="color:#24292E">;</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$r</span></span> -<span class="line"><span style="color:#D73A49">=</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$x</span></span> -<span class="line"><span style="color:#D73A49">^</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$y</span></span> -<span class="line"><span style="color:#24292E">;</span><span style="color:#6A737D">#</span></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5">echo</span><span style="color:#032F62"> "</span><span style="color:#24292E">$r</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">;</span></span></code></pre> - </div> - <p> - 1行あたり2文字で、<code>range</code> という文字列を生成することに成功した。他の必要な文字列にも、同様の処理をほどこす。 - </p> - <p> - 備考: <code>Buzz</code> 中にある小文字の <code>u</code> は、このロジックだと non-printable な文字になってしまう。ここまでのテクニックを駆使すれば回避するのはそう難しくないので、考えてみてほしい。 - </p> - </section> - </section> - <section id="section--stretched-fizzbuzz"> - <h2><a href="#section--stretched-fizzbuzz">完成系</a></h2> - <p> - 完成したものがこちら。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E">$x</span></span> -<span class="line"><span style="color:#D73A49">=</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#032F62">'i</span></span> -<span class="line"><span style="color:#032F62">S'</span></span> -<span class="line"><span style="color:#24292E">;;</span></span> -<span class="line"><span style="color:#24292E">$y</span></span> -<span class="line"><span style="color:#D73A49">=</span><span style="color:#032F62">'</span></span> -<span class="line"><span style="color:#032F62">b!</span></span> -<span class="line"><span style="color:#032F62">'</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">$c</span></span> -<span class="line"><span style="color:#D73A49">=</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$x</span></span> -<span class="line"><span style="color:#D73A49">^</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$y</span></span> -<span class="line"><span style="color:#24292E">;</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$x</span></span> -<span class="line"><span style="color:#D73A49">=</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#032F62">'x</span></span> -<span class="line"><span style="color:#032F62">Om</span></span> -<span class="line"><span style="color:#032F62">'</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">$y</span></span> -<span class="line"><span style="color:#D73A49">=</span><span style="color:#032F62">'</span></span> -<span class="line"><span style="color:#032F62">k!</span></span> -<span class="line"><span style="color:#032F62">o'</span></span> -<span class="line"><span style="color:#24292E">;</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$r</span></span> -<span class="line"><span style="color:#D73A49">=</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$x</span></span> -<span class="line"><span style="color:#D73A49">^</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$y</span></span> -<span class="line"><span style="color:#24292E">;</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$x</span></span> -<span class="line"><span style="color:#D73A49">=</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#032F62">'k</span></span> -<span class="line"><span style="color:#032F62">Sk</span></span> -<span class="line"><span style="color:#032F62">~}</span></span> -<span class="line"><span style="color:#032F62">Ma</span></span> -<span class="line"><span style="color:#032F62">'</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">$y</span></span> -<span class="line"><span style="color:#D73A49">=</span><span style="color:#032F62">'</span></span> -<span class="line"><span style="color:#032F62">x!</span></span> -<span class="line"><span style="color:#032F62">s!</span></span> -<span class="line"><span style="color:#032F62">k!</span></span> -<span class="line"><span style="color:#032F62">'</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">$w</span></span> -<span class="line"><span style="color:#D73A49">=</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$x</span></span> -<span class="line"><span style="color:#D73A49">^</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$y</span></span> -<span class="line"><span style="color:#24292E">;</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$x</span></span> -<span class="line"><span style="color:#D73A49">=</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#032F62">'z</span></span> -<span class="line"><span style="color:#032F62">Hd</span></span> -<span class="line"><span style="color:#032F62">G'</span></span> -<span class="line"><span style="color:#24292E">;</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$y</span></span> -<span class="line"><span style="color:#D73A49">=</span><span style="color:#032F62">'</span></span> -<span class="line"><span style="color:#032F62">x!</span></span> -<span class="line"><span style="color:#032F62">~!</span></span> -<span class="line"><span style="color:#032F62">'</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">$p</span></span> -<span class="line"><span style="color:#D73A49">=</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$x</span></span> -<span class="line"><span style="color:#D73A49">^</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$y</span></span> -<span class="line"><span style="color:#24292E">;</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$x</span></span> -<span class="line"><span style="color:#D73A49">=</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#032F62">'L</span></span> -<span class="line"><span style="color:#032F62">[p</span></span> -<span class="line"><span style="color:#032F62">'</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">$y</span></span> -<span class="line"><span style="color:#D73A49">=</span><span style="color:#032F62">'</span></span> -<span class="line"><span style="color:#032F62">c!</span></span> -<span class="line"><span style="color:#032F62">'</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">$f</span></span> -<span class="line"><span style="color:#D73A49">=</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$x</span></span> -<span class="line"><span style="color:#D73A49">^</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$y</span></span> -<span class="line"><span style="color:#24292E">;</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$x</span></span> -<span class="line"><span style="color:#D73A49">=</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#032F62">'H</span></span> -<span class="line"><span style="color:#032F62">[p</span></span> -<span class="line"><span style="color:#032F62">'</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">$y</span></span> -<span class="line"><span style="color:#D73A49">=</span><span style="color:#032F62">'</span></span> -<span class="line"><span style="color:#032F62">_!</span></span> -<span class="line"><span style="color:#032F62">'</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">$b</span></span> -<span class="line"><span style="color:#D73A49">=</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$x</span></span> -<span class="line"><span style="color:#D73A49">^</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$y</span></span> -<span class="line"><span style="color:#24292E">;</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$b</span></span> -<span class="line"><span style="color:#24292E">[</span><span style="color:#005CC5">1</span></span> -<span class="line"><span style="color:#24292E">]</span><span style="color:#D73A49">=</span></span> -<span class="line"><span style="color:#24292E">$c</span></span> -<span class="line"><span style="color:#24292E">(</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#005CC5">13</span></span> -<span class="line"><span style="color:#D73A49">*</span><span style="color:#005CC5">9</span></span> -<span class="line"><span style="color:#24292E">);</span></span> -<span class="line"><span style="color:#24292E">$s</span></span> -<span class="line"><span style="color:#D73A49">=</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$r</span></span> -<span class="line"><span style="color:#24292E">(</span><span style="color:#005CC5">1</span></span> -<span class="line"><span style="color:#24292E">,(</span></span> -<span class="line"><span style="color:#005CC5">10</span></span> -<span class="line"><span style="color:#D73A49">**</span></span> -<span class="line"><span style="color:#005CC5">2</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#24292E">);</span></span> -<span class="line"><span style="color:#24292E">$w</span></span> -<span class="line"><span style="color:#24292E">(</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$s</span></span> -<span class="line"><span style="color:#24292E">,</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#005CC5">fn</span></span> -<span class="line"><span style="color:#24292E">(</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$i</span></span> -<span class="line"><span style="color:#24292E">)</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#D73A49">=></span></span> -<span class="line"><span style="color:#24292E">$p</span></span> -<span class="line"><span style="color:#24292E">((</span></span> -<span class="line"><span style="color:#24292E">(</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$i</span></span> -<span class="line"><span style="color:#D73A49">%</span><span style="color:#005CC5">3</span></span> -<span class="line"><span style="color:#D73A49">?</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#032F62">''</span></span> -<span class="line"><span style="color:#D73A49">:</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$f</span></span> -<span class="line"><span style="color:#24292E">)</span><span style="color:#D73A49">.</span></span> -<span class="line"><span style="color:#24292E">(</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$i</span></span> -<span class="line"><span style="color:#D73A49">%</span><span style="color:#005CC5">5</span></span> -<span class="line"><span style="color:#D73A49">?</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#032F62">''</span></span> -<span class="line"><span style="color:#D73A49">:</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$b</span></span> -<span class="line"><span style="color:#24292E">)</span><span style="color:#D73A49">?</span></span> -<span class="line"><span style="color:#D73A49">:</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$i</span></span> -<span class="line"><span style="color:#24292E">)</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#D73A49">.</span><span style="color:#032F62">'</span></span> -<span class="line"><span style="color:#032F62">'</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#24292E">);</span></span></code></pre> - </div> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">感想など</a></h2> - <p> - PHP は、スクリプト言語の中だとシンタックスシュガーが少ない (体感)。この挑戦は不可能に思われたが、PHP マニュアルとにらめっこしていたらなんとかなった。 - </p> - <p> - みんなもプログラムを細長くしよう。 - </p> - </section> - <section id="section--alternative-solution"> - <h2><a href="#section--alternative-solution">余談2: 別解</a></h2> - <p> - PHP では、バッククォートを使ってシェルを呼び出せる。これは <code>shell_exec</code> 関数と等価である。さて、PHP ではバックスラッシュによる行継続が使えないと書いたが、シェルでは使える (当然だが、呼び出されるシェルに依存する。Bash なら大丈夫だろう。知らんけど)。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5">printf</span><span style="color:#24292E">(</span><span style="color:#032F62">`</span></span> -<span class="line"><span style="color:#032F62">e\</span></span> -<span class="line"><span style="color:#032F62">c\</span></span> -<span class="line"><span style="color:#032F62">h\</span></span> -<span class="line"><span style="color:#032F62">o\</span></span> -<span class="line"><span style="color:#032F62">\</span></span> -<span class="line"><span style="color:#032F62">1\</span></span> -<span class="line"><span style="color:#032F62">2\</span></span> -<span class="line"><span style="color:#032F62">3\</span></span> -<span class="line"><span style="color:#032F62">`</span><span style="color:#24292E">);</span></span></code></pre> - </div> - <p> - なお、ここでは簡単のため出力に <code>printf</code> をそのまま使っているが、実際には <code>printf</code> という文字列を合成して可変関数で呼び出す。 - </p> - <p> - ただし、これでは - </p> - <blockquote> - <ul> - <li> - スペースやタブを使用しないこと - </li> - </ul> - </blockquote> - <p> - に違反してしまう。スペースが使えないと引数とコマンドを区切れない。これは困った。 - </p> - <p> - もうこれ以上は不可能だと思っていたのだが、この記事の執筆中に解決する方法を思いついたので載せておく。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E">$c </span><span style="color:#D73A49">=</span><span style="color:#032F62"> 'chr'</span><span style="color:#24292E">;</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E">${</span></span> -<span class="line"><span style="color:#032F62">'_</span></span> -<span class="line"><span style="color:#032F62">'</span><span style="color:#24292E">}</span></span> -<span class="line"><span style="color:#D73A49">=</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#24292E">$c</span></span> -<span class="line"><span style="color:#24292E">(</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#005CC5">32</span></span> -<span class="line"><span style="color:#24292E">)</span><span style="color:#D73A49">.</span></span> -<span class="line"><span style="color:#24292E">$c</span></span> -<span class="line"><span style="color:#24292E">(</span><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#005CC5">92</span></span> -<span class="line"><span style="color:#24292E">);</span></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5">printf</span><span style="color:#24292E">(</span><span style="color:#032F62">`</span></span> -<span class="line"><span style="color:#032F62">e\</span></span> -<span class="line"><span style="color:#032F62">c\</span></span> -<span class="line"><span style="color:#032F62">h\</span></span> -<span class="line"><span style="color:#032F62">o\</span></span> -<span class="line"><span style="color:#032F62">${</span></span> -<span class="line"><span style="color:#032F62">'_</span></span> -<span class="line"><span style="color:#032F62">'}</span></span> -<span class="line"><span style="color:#032F62">1\</span></span> -<span class="line"><span style="color:#032F62">2\</span></span> -<span class="line"><span style="color:#032F62">3\</span></span> -<span class="line"><span style="color:#032F62">`</span><span style="color:#24292E">);</span></span></code></pre> - </div> - <p> - 先程と同じく、<code>chr</code> や <code>printf</code> を生成する部分は長くなるので省いた。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>${</span></span> -<span class="line"><span>'_</span></span> -<span class="line"><span>'}</span></span></code></pre> - </div> - <p> - は変数で、中にはスペースとエスケープが入っている (<code>chr(32) . chr(92)</code>)。シェルに渡されている文字列は次のようになる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>e\</span></span> -<span class="line"><span>c\</span></span> -<span class="line"><span>h\</span></span> -<span class="line"><span>o\</span></span> -<span class="line"><span>\</span></span> -<span class="line"><span>1\</span></span> -<span class="line"><span>2\</span></span> -<span class="line"><span>3\</span></span></code></pre> - </div> - <p> - これは、前掲したコマンドと同じだ。かくして、スペースを陽に書かずにシェルをおおよそ自由に扱えるようになった。Fizzbuzz のワンライナーくらいすぐ書けるだろうから、あとはなんとかなるだろう (試してないけど)。 - </p> - <p> - ということでこれは別解ということにしておく。 - </p> - <p> - ちなみに、PHP 8.2 からは、この記法で Warning が出るようになるようだ。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>${</span></span> -<span class="line"><span>'_</span></span> -<span class="line"><span>'}</span></span></code></pre> - </div> - <p> - 最新版で警告が出るというのも美しくないので、私としては本編の解法を推す。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2022-10-23/phperkaigi-2023-unused-token-quiz-1/index.html b/vhosts/blog/public/posts/2022-10-23/phperkaigi-2023-unused-token-quiz-1/index.html deleted file mode 100644 index 364bfb9c..00000000 --- a/vhosts/blog/public/posts/2022-10-23/phperkaigi-2023-unused-token-quiz-1/index.html +++ /dev/null @@ -1,207 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2022 nsfisis"> - <meta name="description" content="来年の PHPerKaigi 2023 でデジタルサーカス株式会社から出題予定のトークン問題のうち、ボツになった問題を公開する (その 1)。"> - <meta name="keywords" content="PHP,PHPerKaigi"> - <meta property="og:type" content="article"> - <meta property="og:title" content="PHPerKaigi 2023: ボツになったトークン問題 その 1｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="来年の PHPerKaigi 2023 でデジタルサーカス株式会社から出題予定のトークン問題のうち、ボツになった問題を公開する (その 1)。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>PHPerKaigi 2023: ボツになったトークン問題 その 1｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">PHPerKaigi 2023: ボツになったトークン問題 その 1</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/php/">PHP</a> - </li> - <li class="tag"> - <a href="/tags/phperkaigi/">PHPerKaigi</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2022-10-23">2022-10-23</time>: 公開 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - 2023 年 3 月 23 日から 25 日にかけて開催予定 (記事執筆時点) の、<a href="https://phperkaigi.jp/2023/" rel="noreferrer" target="_blank">PHPerKaigi 2023</a> において、昨年と同様に、弊社 <a href="https://www.dgcircus.com/" rel="noreferrer" target="_blank">デジタルサーカス株式会社</a> から、トークン問題を出題予定である。 - </p> - <p> - 昨年のトークン問題の記事はこちら: <a href="/posts/2022-04-09/phperkaigi-2022-tokens">PHPerKaigi 2022 トークン問題の解説</a> - </p> - <p> - すでに 2023 年用の問題は作成済みであるが、その制作過程の中でいくつかボツ問ができた。せっかくなので、PHPerKaigi 開催を待つ間に紹介しようと思う。 - </p> - <p> - 10 月から 2 月まで、毎月 1 記事ずつ公開していく予定 (忘れていなければ)。 - </p> - </section> - <section id="section--quiz"> - <h2><a href="#section--quiz">問題</a></h2> - <p> - 注意: これはボツ問なので、得られたトークンを PHPerKaigi で入力してもポイントにはならない。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E">$π </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $argv[</span><span style="color:#005CC5">1</span><span style="color:#24292E">] </span><span style="color:#D73A49">??</span><span style="color:#005CC5"> null</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#D73A49">if</span><span style="color:#24292E"> ($π </span><span style="color:#D73A49">===</span><span style="color:#005CC5"> null</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#D73A49"> exit</span><span style="color:#24292E">(</span><span style="color:#032F62">'No input.'</span><span style="color:#24292E">);</span></span> -<span class="line"><span style="color:#24292E">}</span></span> -<span class="line"><span style="color:#24292E">$π </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> trim</span><span style="color:#24292E">($π);</span></span> -<span class="line"><span style="color:#D73A49">if</span><span style="color:#24292E"> (</span><span style="color:#D73A49">!</span><span style="color:#005CC5">is_numeric</span><span style="color:#24292E">($π)) {</span></span> -<span class="line"><span style="color:#D73A49"> exit</span><span style="color:#24292E">(</span><span style="color:#032F62">'Invalid input.'</span><span style="color:#24292E">);</span></span> -<span class="line"><span style="color:#24292E">}</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E">$s </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> implode</span><span style="color:#24292E">(</span><span style="color:#005CC5">array_map</span><span style="color:#24292E">(</span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#D73A49">...</span><span style="color:#24292E">), </span><span style="color:#005CC5">str_split</span><span style="color:#24292E">($π, </span><span style="color:#005CC5">2</span><span style="color:#24292E">)));</span></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5">preg_match</span><span style="color:#24292E">(</span><span style="color:#032F62">'/(</span><span style="color:#22863A;font-weight:bold">\x</span><span style="color:#032F62">23.</span><span style="color:#D73A49">+</span><span style="color:#032F62">?) /'</span><span style="color:#24292E">, $s, $m);</span></span> -<span class="line"><span style="color:#24292E">$t </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $m[</span><span style="color:#005CC5">1</span><span style="color:#24292E">] </span><span style="color:#D73A49">??</span><span style="color:#032F62"> ''</span><span style="color:#24292E">;</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">if</span><span style="color:#24292E"> (</span><span style="color:#005CC5">md5</span><span style="color:#24292E">($t) </span><span style="color:#D73A49">===</span><span style="color:#032F62"> '056e831a4146bf123e8ea16613303d2e'</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#005CC5"> echo</span><span style="color:#032F62"> "Token: {</span><span style="color:#24292E">$t</span><span style="color:#032F62">}</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">} </span><span style="color:#D73A49">else</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#005CC5"> echo</span><span style="color:#032F62"> "Failed.</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - </section> - <section id="section--how-to-obtain-token"> - <h2><a href="#section--how-to-obtain-token">トークン入手方法</a></h2> - <p> - ソースを見るとわかるとおり、<code>$argv[1]</code> を参照している。それを <code>$π</code> なる変数に代入しているので、円周率を渡してみる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ php Q.php 3.14</span></span> -<span class="line"><span>Failed.</span></span></code></pre> - </div> - <p> - 失敗してしまった。精度を上げてみる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ php Q.php 3.1415</span></span> -<span class="line"><span>Failed.</span></span></code></pre> - </div> - <p> - だめだった。これを成功するまで繰り返す。 - </p> - <p> - 最初にトークンが得られるのは、小数点以下 16 桁目まで入力したときで、こうなる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ php Q.php 3.1415926535897932</span></span> -<span class="line"><span>Token: #YO</span></span></code></pre> - </div> - <p> - めでたくトークン「<code>#YO</code>」が手に入った。 - </p> - </section> - <section id="section--commentary"> - <h2><a href="#section--commentary">解説</a></h2> - <p> - 短いので頭から追っていく。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E">$π </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $argv[</span><span style="color:#005CC5">1</span><span style="color:#24292E">] </span><span style="color:#D73A49">??</span><span style="color:#005CC5"> null</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#D73A49">if</span><span style="color:#24292E"> ($π </span><span style="color:#D73A49">===</span><span style="color:#005CC5"> null</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#D73A49"> exit</span><span style="color:#24292E">(</span><span style="color:#032F62">'No input.'</span><span style="color:#24292E">);</span></span> -<span class="line"><span style="color:#24292E">}</span></span> -<span class="line"><span style="color:#24292E">$π </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> trim</span><span style="color:#24292E">($π);</span></span> -<span class="line"><span style="color:#D73A49">if</span><span style="color:#24292E"> (</span><span style="color:#D73A49">!</span><span style="color:#005CC5">is_numeric</span><span style="color:#24292E">($π)) {</span></span> -<span class="line"><span style="color:#D73A49"> exit</span><span style="color:#24292E">(</span><span style="color:#032F62">'Invalid input.'</span><span style="color:#24292E">);</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - <p> - 入力のバリデーション部分。数値のみ受け付ける。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E">$s </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> implode</span><span style="color:#24292E">(</span><span style="color:#005CC5">array_map</span><span style="color:#24292E">(</span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#D73A49">...</span><span style="color:#24292E">), </span><span style="color:#005CC5">str_split</span><span style="color:#24292E">($π, </span><span style="color:#005CC5">2</span><span style="color:#24292E">)));</span></span></code></pre> - </div> - <p> - <code>$π</code> を 2 文字ごとに区切り (<code>str_split</code>)、数値を ASCII コードと見做して文字に変換 (<code>chr</code>) して結合 (<code>implode</code>) している。 - </p> - <p> - 例えば、<code>$π</code> が <code>'656667'</code> だったとすると、<code>65</code>、<code>66</code>、<code>67</code> に対応した <code>'A'</code>、<code>'B'</code>、<code>'C'</code> へと変換され、<code>'ABC'</code> になる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E">$π </span><span style="color:#D73A49">=</span><span style="color:#032F62"> '656667'</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">$s </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> implode</span><span style="color:#24292E">(</span><span style="color:#005CC5">array_map</span><span style="color:#24292E">(</span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#D73A49">...</span><span style="color:#24292E">), </span><span style="color:#005CC5">str_split</span><span style="color:#24292E">($π, </span><span style="color:#005CC5">2</span><span style="color:#24292E">)));</span></span> -<span class="line"><span style="color:#005CC5">echo</span><span style="color:#24292E"> $s;</span></span> -<span class="line"><span style="color:#6A737D">// => ABC</span></span></code></pre> - </div> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#005CC5">preg_match</span><span style="color:#24292E">(</span><span style="color:#032F62">'/(</span><span style="color:#22863A;font-weight:bold">\x</span><span style="color:#032F62">23.</span><span style="color:#D73A49">+</span><span style="color:#032F62">?) /'</span><span style="color:#24292E">, $s, $m);</span></span> -<span class="line"><span style="color:#24292E">$t </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $m[</span><span style="color:#005CC5">1</span><span style="color:#24292E">] </span><span style="color:#D73A49">??</span><span style="color:#032F62"> ''</span><span style="color:#24292E">;</span></span></code></pre> - </div> - <p> - 正規表現でマッチングしている。<code>\x23</code> は <code>#</code> と同じであることに留意すると、この正規表現は「<code>#</code> から始まる 2 以上の長さ (含 <code>#</code>) の文字列で、最初に現れるスペースまで」にマッチする。つまりこれは、PHPerKaigi におけるトークンである。 - </p> - <p> - なお、<code>#</code> を直接書いていないのは、<code>/#.+?) /</code> と書くと、<code>#.+?)</code> という意図せぬトークンが登録されてしまうからである。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">if</span><span style="color:#24292E"> (</span><span style="color:#005CC5">md5</span><span style="color:#24292E">($t) </span><span style="color:#D73A49">===</span><span style="color:#032F62"> '056e831a4146bf123e8ea16613303d2e'</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#005CC5"> echo</span><span style="color:#032F62"> "Token: {</span><span style="color:#24292E">$t</span><span style="color:#032F62">}</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">} </span><span style="color:#D73A49">else</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#005CC5"> echo</span><span style="color:#032F62"> "Failed.</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - <p> - 最後にトークンのハッシュ値を見て、想定解かどうかを確認する。 - </p> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - 円周率を何桁も計算して ASCII コード経由で文字列化すれば、トークンっぽいものがどこかで出てくるのではないか、と考えて生まれた作品。 - </p> - <p> - 最初は真面目に円周率の計算プログラムを組んでいたのだが、いざ動かしてみるとやけに浅いところにあったので驚いた (ちなみに、それでも <code>M_PI</code> や <code>pi()</code> では精度が足りない)。見つけたときは狂喜したものの、冷静になってみると大して面白くなかったのでボツになった。むしろ、100 万桁目くらいに埋まっていてくれたほうがよかったかもしれない。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2022-10-28/setup-server-for-this-site/index.html b/vhosts/blog/public/posts/2022-10-28/setup-server-for-this-site/index.html deleted file mode 100644 index 8ca361a6..00000000 --- a/vhosts/blog/public/posts/2022-10-28/setup-server-for-this-site/index.html +++ /dev/null @@ -1,316 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2022 nsfisis"> - <meta name="description" content="GitHub Pages でホストしていたこのサイトを VPS へ移行したので、そのときにやったことのメモ。99 % 自分用。"> - <meta name="keywords" content="備忘録"> - <meta property="og:type" content="article"> - <meta property="og:title" content="【備忘録】 このサイト用の VPS をセットアップしたときのメモ｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="GitHub Pages でホストしていたこのサイトを VPS へ移行したので、そのときにやったことのメモ。99 % 自分用。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>【備忘録】 このサイト用の VPS をセットアップしたときのメモ｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">【備忘録】 このサイト用の VPS をセットアップしたときのメモ</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/note-to-self/">備忘録</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2022-10-28">2022-10-28</time>: 公開 - </li> - <li class="revision"> - <time datetime="2023-08-30">2023-08-30</time>: ssh_config に IdentitiesOnly yes を追加 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - これまでこの blog は GitHub Pages でホストしていたのだが、先日 VPS に移行した。そのときにおこなったサーバのセットアップ作業を書き残しておく。99 % 自分用の備忘録。別のベンダに移したりしたくなったら見に来る。 - </p> - <p> - 未来の自分へ: 特に自動化してないので、せいぜい苦しんでくれ。 - </p> - </section> - <section id="section--vps"> - <h2><a href="#section--vps">VPS</a></h2> - <p> - <a href="https://vps.sakura.ad.jp/" rel="noreferrer" target="_blank">さくらの VPS</a> の 2 GB プラン。そこまで真面目に選定していないので、困ったら移動するかも。 - </p> - </section> - <section id="section--preparation"> - <h2><a href="#section--preparation">事前準備</a></h2> - <section id="section--preparation--hostname"> - <h3><a href="#section--preparation--hostname">サーバのホスト名を決める</a></h3> - <p> - モチベーションが上がるという効能がある。今回は藤原定家から取って <code>teika</code> にした。たいていいつも源氏物語の帖か小倉百人一首の歌人から選んでいる。 - </p> - </section> - <section id="section--preparation--ssh-key"> - <h3><a href="#section--preparation--ssh-key">SSH の鍵生成</a></h3> - <p> - ローカルマシンで鍵を生成する。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ ssh-keygen -t ed25519 -b 521 -f ~/.ssh/teika.key</span></span> -<span class="line"><span>$ ssh-keygen -t ed25519 -b 521 -f ~/.ssh/github2teika.key</span></span></code></pre> - </div> - <p> - <code>teika.key</code> はローカルからサーバへの接続用、<code>github2teika.key</code> は、GitHub Actions からサーバへのデプロイ用。 - </p> - </section> - <section id="section--preparation--ssh-config"> - <h3><a href="#section--preparation--ssh-config">SSH の設定</a></h3> - <p> - <code>.ssh/config</code> に設定しておく。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>Host teika</span></span> -<span class="line"><span> HostName **********</span></span> -<span class="line"><span> User **********</span></span> -<span class="line"><span> Port **********</span></span> -<span class="line"><span> IdentityFile ~/.ssh/teika.key</span></span> -<span class="line"><span> IdentitiesOnly yes</span></span></code></pre> - </div> - </section> - </section> - <section id="section--basic-setup"> - <h2><a href="#section--basic-setup">基本のセットアップ</a></h2> - <section id="section--basic-setup--login"> - <h3><a href="#section--basic-setup--login">SSH 接続</a></h3> - <p> - VPS 契約時に設定した管理者ユーザとパスワードを使ってログインする。 - </p> - </section> - <section id="section--basic-setup--user"> - <h3><a href="#section--basic-setup--user">ユーザを作成する</a></h3> - <p> - 管理者ユーザで作業すると危ないので、メインで使うユーザを作成する。<code>sudo</code> グループに追加して <code>sudo</code> できるようにし、<code>su</code> で切り替え。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ sudo adduser **********</span></span> -<span class="line"><span>$ sudo adduser ********** sudo</span></span> -<span class="line"><span>$ su **********</span></span> -<span class="line"><span>$ cd</span></span></code></pre> - </div> - </section> - <section id="section--basic-setup--hostname"> - <h3><a href="#section--basic-setup--hostname">ホスト名を変える</a></h3> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ sudo hostname teika</span></span></code></pre> - </div> - </section> - <section id="section--basic-setup--public-key"> - <h3><a href="#section--basic-setup--public-key">公開鍵を置く</a></h3> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ mkdir ~/.ssh</span></span> -<span class="line"><span>$ chmod 700 ~/.ssh</span></span> -<span class="line"><span>$ vi ~/.ssh/authorized_keys</span></span></code></pre> - </div> - <p> - <code>authorized_keys</code> には、ローカルで生成した <code>~/.ssh/teika.key.pub</code> と <code>~/.ssh/github2teika.key.pub</code> の内容をコピーする。 - </p> - </section> - <section id="section--basic-setup--ssh-config"> - <h3><a href="#section--basic-setup--ssh-config">SSH の設定</a></h3> - <p> - SSH の設定を変更し、少しでも安全にしておく。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ sudo cp /etc/ssh/sshd_config /etc/ssh/sshd_config.bak</span></span> -<span class="line"><span>$ sudo vi /etc/ssh/sshd_config</span></span></code></pre> - </div> - <ul> - <li> - <code>Port</code> を変更 - </li> - <li> - <code>PermitRootLogin</code> を <code>no</code> に - </li> - <li> - <code>PasswordAuthentication</code> を <code>no</code> に - </li> - </ul> - <p> - そして設定を反映。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ sudo systemctl restart sshd</span></span> -<span class="line"><span>$ sudo systemctl status sshd</span></span></code></pre> - </div> - </section> - <section id="section--basic-setup--ssh-connect"> - <h3><a href="#section--basic-setup--ssh-connect">SSH で接続確認</a></h3> - <p> - 今の SSH セッションは閉じずに、ターミナルを別途開いて疎通確認する。セッションを閉じてしまうと、SSH の設定に不備があった場合に締め出しをくらう。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ ssh teika</span></span></code></pre> - </div> - </section> - <section id="section--basic-setup--close-ports"> - <h3><a href="#section--basic-setup--close-ports">ポートの遮断</a></h3> - <p> - デフォルトの 22 番を閉じ、設定したポートだけ空ける。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ sudo ufw deny ssh</span></span> -<span class="line"><span>$ sudo ufw allow *******</span></span> -<span class="line"><span>$ sudo ufw enable</span></span> -<span class="line"><span>$ sudo ufw reload</span></span> -<span class="line"><span>$ sudo ufw status</span></span></code></pre> - </div> - <p> - ここでもう一度 SSH の接続確認を挟む。 - </p> - </section> - <section id="section--basic-setup--ssh-key-for-github"> - <h3><a href="#section--basic-setup--ssh-key-for-github">GitHub 用の SSH 鍵</a></h3> - <p> - GitHub に置いてある private リポジトリをサーバから clone したいので、SSH 鍵を生成して置いておく。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ ssh-keygen -t ed25519 -b 521 -f ~/.ssh/github.key</span></span> -<span class="line"><span>$ cat ~/.ssh/github.key.pub</span></span></code></pre> - </div> - <p> - <a href="https://github.com/settings/ssh" rel="noreferrer" target="_blank">GitHub の設定画面</a> から、この公開鍵を追加する。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ vi ~/.ssh/config</span></span></code></pre> - </div> - <p> - 設定はこう。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>Host github.com</span></span> -<span class="line"><span> HostName github.com</span></span> -<span class="line"><span> User git</span></span> -<span class="line"><span> Port 22</span></span> -<span class="line"><span> IdentityFile ~/.ssh/github.key</span></span> -<span class="line"><span> IdentitiesOnly yes</span></span></code></pre> - </div> - <p> - 最後に接続できるか確認しておく。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ ssh -T github.com</span></span></code></pre> - </div> - </section> - <section id="section--basic-setup--upgrade-packages"> - <h3><a href="#section--basic-setup--upgrade-packages">パッケージの更新</a></h3> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ sudo apt update</span></span> -<span class="line"><span>$ sudo apt upgrade</span></span> -<span class="line"><span>$ sudo apt update</span></span> -<span class="line"><span>$ sudo apt upgrade</span></span> -<span class="line"><span>$ sudo apt autoremove</span></span></code></pre> - </div> - </section> - </section> - <section id="section--site-hosting-setup"> - <h2><a href="#section--site-hosting-setup">サイトホスティング用のセットアップ</a></h2> - <section id="section--site-hosting-setup--dns"> - <h3><a href="#section--site-hosting-setup--dns">DNS に IP アドレスを登録する</a></h3> - <p> - このサーバは固定の IP アドレスがあるので、<code>A</code> レコードに直接入れるだけで済んだ。 - </p> - </section> - <section id="section--site-hosting-setup--install-softwares"> - <h3><a href="#section--site-hosting-setup--install-softwares">使うソフトウェアのインストール</a></h3> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ sudo apt install docker docker-compose git make</span></span></code></pre> - </div> - </section> - <section id="section--site-hosting-setup--docker"> - <h3><a href="#section--site-hosting-setup--docker">メインユーザが Docker を使えるように</a></h3> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ sudo adduser ********** docker</span></span></code></pre> - </div> - </section> - <section id="section--site-hosting-setup--open-http-ports"> - <h3><a href="#section--site-hosting-setup--open-http-ports">HTTP/HTTPS を通す</a></h3> - <p> - 80 番と 443 番を空ける。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ sudo ufw allow 80/tcp</span></span> -<span class="line"><span>$ sudo ufw allow 443/tcp</span></span> -<span class="line"><span>$ sudo ufw reload</span></span> -<span class="line"><span>$ sudo ufw status</span></span></code></pre> - </div> - </section> - <section id="section--site-hosting-setup--clone-repositories"> - <h3><a href="#section--site-hosting-setup--clone-repositories">リポジトリのクローン</a></h3> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ cd</span></span> -<span class="line"><span>$ git clone git@github.com:nsfisis/nsfisis.dev.git</span></span> -<span class="line"><span>$ cd nsfisis.dev</span></span> -<span class="line"><span>$ git submodule update --init</span></span></code></pre> - </div> - </section> - <section id="section--site-hosting-setup--certbot"> - <h3><a href="#section--site-hosting-setup--certbot">certbot で証明書取得</a></h3> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ docker-compose up -d acme-challenge</span></span> -<span class="line"><span>$ make setup</span></span></code></pre> - </div> - </section> - <section id="section--site-hosting-setup--run-server"> - <h3><a href="#section--site-hosting-setup--run-server">サーバを稼動させる</a></h3> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ make serve</span></span></code></pre> - </div> - </section> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">感想</a></h2> - <p> - (業務でなく) 個人だと数年ぶりのサーバセットアップで、これだけでも割と時間を食ってしまった。とはいえ式年遷宮は楽しいので、これからも定期的にやっていきたい。コンテナデプロイにしたい気持ちもあるのだが、色々実験したい関係上、本物のサーバも欲しくはある。次の式年遷宮では、手順の一部だけでも自動化したいところ。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2022-11-19/phperkaigi-2023-unused-token-quiz-2/index.html b/vhosts/blog/public/posts/2022-11-19/phperkaigi-2023-unused-token-quiz-2/index.html deleted file mode 100644 index 551a3700..00000000 --- a/vhosts/blog/public/posts/2022-11-19/phperkaigi-2023-unused-token-quiz-2/index.html +++ /dev/null @@ -1,215 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2022 nsfisis"> - <meta name="description" content="来年の PHPerKaigi 2023 でデジタルサーカス株式会社から出題予定のトークン問題のうち、ボツになった問題を公開する (その 2)。"> - <meta name="keywords" content="PHP,PHPerKaigi"> - <meta property="og:type" content="article"> - <meta property="og:title" content="PHPerKaigi 2023: ボツになったトークン問題 その 2｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="来年の PHPerKaigi 2023 でデジタルサーカス株式会社から出題予定のトークン問題のうち、ボツになった問題を公開する (その 2)。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>PHPerKaigi 2023: ボツになったトークン問題 その 2｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">PHPerKaigi 2023: ボツになったトークン問題 その 2</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/php/">PHP</a> - </li> - <li class="tag"> - <a href="/tags/phperkaigi/">PHPerKaigi</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2022-11-19">2022-11-19</time>: 公開 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - 2023 年 3 月 23 日から 25 日にかけて開催予定 (記事執筆時点) の <a href="https://phperkaigi.jp/2023/" rel="noreferrer" target="_blank">PHPerKaigi 2023</a> において、昨年と同様に、弊社 <a href="https://www.dgcircus.com/" rel="noreferrer" target="_blank">デジタルサーカス株式会社</a> からトークン問題を出題予定である。 - </p> - <p> - 昨年のトークン問題の記事はこちら: <a href="/posts/2022-04-09/phperkaigi-2022-tokens/">PHPerKaigi 2022 トークン問題の解説</a> - </p> - <p> - すでに 2023 年用の問題は作成済みであるが、その制作過程の中でいくつかボツ問ができた。せっかくなので、PHPerKaigi 開催を待つ間に紹介しようと思う。 - </p> - <p> - 10 月から 2 月まで、毎月 1 記事ずつ公開していく予定 (忘れていなければ)。 - </p> - <p> - その 1 はこちら: <a href="/posts/2022-10-23/phperkaigi-2023-unused-token-quiz-1/">PHPerKaigi 2023: ボツになったトークン問題 その 1</a> - </p> - </section> - <section id="section--quiz"> - <h2><a href="#section--quiz">問題</a></h2> - <p> - 注意: これはボツ問なので、得られたトークンを PHPerKaigi で入力してもポイントにはならない。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#005CC5"> printf</span><span style="color:#24292E">((</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">?fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">trim</span><span style="color:#24292E">($s,</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span><span style="color:#D73A49">:fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">))($s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<?php printf((isset($s)?fn($s)=>trim($s,""):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\x27</span><span style="color:#24292E">$s</span><span style="color:#005CC5">\x27</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span><span style="color:#D73A49">?></span></span> -<span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#005CC5"> printf</span><span style="color:#24292E">((</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">?fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">trim</span><span style="color:#24292E">($s,</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span><span style="color:#D73A49">:fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">))($s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<?php printf((isset($s)?fn($s)=>trim($s,""):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\x27</span><span style="color:#24292E">$s</span><span style="color:#005CC5">\x27</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span><span style="color:#D73A49">?></span></span> -<span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#005CC5"> printf</span><span style="color:#24292E">((</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">?fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">trim</span><span style="color:#24292E">($s,</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span><span style="color:#D73A49">:fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">))($s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<?php printf((isset($s)?fn($s)=>trim($s,""):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\x27</span><span style="color:#24292E">$s</span><span style="color:#005CC5">\x27</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span><span style="color:#D73A49">?></span></span> -<span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#005CC5"> printf</span><span style="color:#24292E">((</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">?fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">trim</span><span style="color:#24292E">($s,</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span><span style="color:#D73A49">:fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">))($s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<?php printf((isset($s)?fn($s)=>trim($s,""):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\x27</span><span style="color:#24292E">$s</span><span style="color:#005CC5">\x27</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span><span style="color:#D73A49">?></span></span> -<span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#005CC5"> printf</span><span style="color:#24292E">((</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">?fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">trim</span><span style="color:#24292E">($s,</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span><span style="color:#D73A49">:fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">))($s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<?php printf((isset($s)?fn($s)=>trim($s,""):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\x27</span><span style="color:#24292E">$s</span><span style="color:#005CC5">\x27</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span><span style="color:#D73A49">?></span></span> -<span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#005CC5"> printf</span><span style="color:#24292E">((</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">?fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">trim</span><span style="color:#24292E">($s,</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span><span style="color:#D73A49">:fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">))($s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<?php printf((isset($s)?fn($s)=>trim($s,""):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\x27</span><span style="color:#24292E">$s</span><span style="color:#005CC5">\x27</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span><span style="color:#D73A49">?></span></span> -<span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#005CC5"> printf</span><span style="color:#24292E">((</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">?fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">trim</span><span style="color:#24292E">($s,</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span><span style="color:#D73A49">:fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">))($s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<?php printf((isset($s)?fn($s)=>trim($s,""):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\x27</span><span style="color:#24292E">$s</span><span style="color:#005CC5">\x27</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span><span style="color:#D73A49">?></span></span> -<span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#005CC5"> printf</span><span style="color:#24292E">((</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">?fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">trim</span><span style="color:#24292E">($s,</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span><span style="color:#D73A49">:fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">))($s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<?php printf((isset($s)?fn($s)=>trim($s,""):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\x27</span><span style="color:#24292E">$s</span><span style="color:#005CC5">\x27</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span><span style="color:#D73A49">?></span></span> -<span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#005CC5"> printf</span><span style="color:#24292E">((</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">?fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">trim</span><span style="color:#24292E">($s,</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span><span style="color:#D73A49">:fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">))($s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<?php printf((isset($s)?fn($s)=>trim($s,""):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\x27</span><span style="color:#24292E">$s</span><span style="color:#005CC5">\x27</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span><span style="color:#D73A49">?></span></span> -<span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#005CC5"> printf</span><span style="color:#24292E">((</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">?fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">trim</span><span style="color:#24292E">($s,</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span><span style="color:#D73A49">:fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">))($s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<?php printf((isset($s)?fn($s)=>trim($s,""):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\x27</span><span style="color:#24292E">$s</span><span style="color:#005CC5">\x27</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span><span style="color:#D73A49">?></span></span></code></pre> - </div> - <p> - “And Then There Were None” (そして誰もいなくなった) と名付けた作品。変則 quine (自分自身と同じソースコードを出力するプログラム) になっている。 - </p> - </section> - <section id="section--how-to-obtain-token"> - <h2><a href="#section--how-to-obtain-token">トークン入手方法</a></h2> - <p> - 実行してみると、次のような出力が得られる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#005CC5"> printf</span><span style="color:#24292E">((</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">?fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">trim</span><span style="color:#24292E">($s,</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span><span style="color:#D73A49">:fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">))($s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<?php printf((isset($s)?fn($s)=>trim($s,""):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\x27</span><span style="color:#24292E">$s</span><span style="color:#005CC5">\x27</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span><span style="color:#D73A49">?></span></span> -<span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#005CC5"> printf</span><span style="color:#24292E">((</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">?fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">trim</span><span style="color:#24292E">($s,</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span><span style="color:#D73A49">:fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">))($s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<?php printf((isset($s)?fn($s)=>trim($s,""):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\x27</span><span style="color:#24292E">$s</span><span style="color:#005CC5">\x27</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span><span style="color:#D73A49">?></span></span> -<span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#005CC5"> printf</span><span style="color:#24292E">((</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">?fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">trim</span><span style="color:#24292E">($s,</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span><span style="color:#D73A49">:fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">))($s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<?php printf((isset($s)?fn($s)=>trim($s,""):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\x27</span><span style="color:#24292E">$s</span><span style="color:#005CC5">\x27</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span><span style="color:#D73A49">?></span></span> -<span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#005CC5"> printf</span><span style="color:#24292E">((</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">?fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">trim</span><span style="color:#24292E">($s,</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span><span style="color:#D73A49">:fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">))($s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<?php printf((isset($s)?fn($s)=>trim($s,""):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\x27</span><span style="color:#24292E">$s</span><span style="color:#005CC5">\x27</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span><span style="color:#D73A49">?></span></span> -<span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#005CC5"> printf</span><span style="color:#24292E">((</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">?fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">trim</span><span style="color:#24292E">($s,</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span><span style="color:#D73A49">:fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">))($s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<?php printf((isset($s)?fn($s)=>trim($s,""):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\x27</span><span style="color:#24292E">$s</span><span style="color:#005CC5">\x27</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span><span style="color:#D73A49">?></span></span> -<span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#005CC5"> printf</span><span style="color:#24292E">((</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">?fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">trim</span><span style="color:#24292E">($s,</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span><span style="color:#D73A49">:fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">))($s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<?php printf((isset($s)?fn($s)=>trim($s,""):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\x27</span><span style="color:#24292E">$s</span><span style="color:#005CC5">\x27</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span><span style="color:#D73A49">?></span></span> -<span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#005CC5"> printf</span><span style="color:#24292E">((</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">?fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">trim</span><span style="color:#24292E">($s,</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span><span style="color:#D73A49">:fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">))($s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<?php printf((isset($s)?fn($s)=>trim($s,""):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\x27</span><span style="color:#24292E">$s</span><span style="color:#005CC5">\x27</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span><span style="color:#D73A49">?></span></span> -<span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#005CC5"> printf</span><span style="color:#24292E">((</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">?fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">trim</span><span style="color:#24292E">($s,</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span><span style="color:#D73A49">:fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">))($s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<?php printf((isset($s)?fn($s)=>trim($s,""):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\x27</span><span style="color:#24292E">$s</span><span style="color:#005CC5">\x27</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span><span style="color:#D73A49">?></span></span> -<span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#005CC5"> printf</span><span style="color:#24292E">((</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">?fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">trim</span><span style="color:#24292E">($s,</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span><span style="color:#D73A49">:fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">))($s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<?php printf((isset($s)?fn($s)=>trim($s,""):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\x27</span><span style="color:#24292E">$s</span><span style="color:#005CC5">\x27</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span><span style="color:#D73A49">?></span></span></code></pre> - </div> - <p> - 1 行目を除き、先ほどのコードとほぼ同じものが出てきた。もう一度実行してみる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#005CC5">W</span></span> -<span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#005CC5"> printf</span><span style="color:#24292E">((</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">?fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">trim</span><span style="color:#24292E">($s,</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span><span style="color:#D73A49">:fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">))($s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<?php printf((isset($s)?fn($s)=>trim($s,""):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\x27</span><span style="color:#24292E">$s</span><span style="color:#005CC5">\x27</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span><span style="color:#D73A49">?></span></span> -<span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#005CC5"> printf</span><span style="color:#24292E">((</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">?fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">trim</span><span style="color:#24292E">($s,</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span><span style="color:#D73A49">:fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">))($s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<?php printf((isset($s)?fn($s)=>trim($s,""):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\x27</span><span style="color:#24292E">$s</span><span style="color:#005CC5">\x27</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span><span style="color:#D73A49">?></span></span> -<span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#005CC5"> printf</span><span style="color:#24292E">((</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">?fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">trim</span><span style="color:#24292E">($s,</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span><span style="color:#D73A49">:fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">))($s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<?php printf((isset($s)?fn($s)=>trim($s,""):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\x27</span><span style="color:#24292E">$s</span><span style="color:#005CC5">\x27</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span><span style="color:#D73A49">?></span></span> -<span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#005CC5"> printf</span><span style="color:#24292E">((</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">?fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">trim</span><span style="color:#24292E">($s,</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span><span style="color:#D73A49">:fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">))($s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<?php printf((isset($s)?fn($s)=>trim($s,""):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\x27</span><span style="color:#24292E">$s</span><span style="color:#005CC5">\x27</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span><span style="color:#D73A49">?></span></span> -<span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#005CC5"> printf</span><span style="color:#24292E">((</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">?fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">trim</span><span style="color:#24292E">($s,</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span><span style="color:#D73A49">:fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">))($s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<?php printf((isset($s)?fn($s)=>trim($s,""):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\x27</span><span style="color:#24292E">$s</span><span style="color:#005CC5">\x27</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span><span style="color:#D73A49">?></span></span> -<span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#005CC5"> printf</span><span style="color:#24292E">((</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">?fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">trim</span><span style="color:#24292E">($s,</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span><span style="color:#D73A49">:fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">))($s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<?php printf((isset($s)?fn($s)=>trim($s,""):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\x27</span><span style="color:#24292E">$s</span><span style="color:#005CC5">\x27</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span><span style="color:#D73A49">?></span></span> -<span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#005CC5"> printf</span><span style="color:#24292E">((</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">?fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">trim</span><span style="color:#24292E">($s,</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span><span style="color:#D73A49">:fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">))($s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<?php printf((isset($s)?fn($s)=>trim($s,""):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\x27</span><span style="color:#24292E">$s</span><span style="color:#005CC5">\x27</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span><span style="color:#D73A49">?></span></span> -<span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#005CC5"> printf</span><span style="color:#24292E">((</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">?fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">trim</span><span style="color:#24292E">($s,</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span><span style="color:#D73A49">:fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">))($s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<?php printf((isset($s)?fn($s)=>trim($s,""):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\x27</span><span style="color:#24292E">$s</span><span style="color:#005CC5">\x27</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span><span style="color:#D73A49">?></span></span></code></pre> - </div> - <p> - 今度は 2 行目が書き換えられた。すべての行が変化するまで繰り返すと次のようになる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#6A737D">#</span></span> -<span class="line"><span style="color:#005CC5">W</span></span> -<span class="line"><span style="color:#005CC5">E</span></span> -<span class="line"><span style="color:#005CC5">L</span></span> -<span class="line"><span style="color:#005CC5">O</span></span> -<span class="line"><span style="color:#005CC5">V</span></span> -<span class="line"><span style="color:#005CC5">E</span></span> -<span class="line"><span style="color:#005CC5">P</span></span> -<span class="line"><span style="color:#005CC5">H</span></span> -<span class="line"><span style="color:#005CC5">P</span></span></code></pre> - </div> - <p> - トークン「#WELOVEPHP」が手に入った。 - </p> - </section> - <section id="section--commentary"> - <h2><a href="#section--commentary">解説</a></h2> - <p> - 一見すると同じ行が 10 行並んでいるだけなのにも関わらず、なぜそれぞれの行で出力が変わるのか。ソースコードをコピーして、適当なエディタに貼り付けるとわかりやすい。 - </p> - <p> - Vim で開くと次のようになる (1 行目を抜粋)。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span><span style="color:#005CC5"> printf</span><span style="color:#24292E">((</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">?fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">trim</span><span style="color:#24292E">($s,</span><span style="color:#032F62">"<200b>"</span><span style="color:#24292E">)</span><span style="color:#D73A49">:fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">))($s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<200b><?php printf((isset($s)?fn($s)=>trim($s,"<200b>"):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span><span style="color:#24292E">)</span><span style="color:#D73A49">.</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\x27</span><span style="color:#24292E">$s</span><span style="color:#005CC5">\x27</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span><span style="color:#D73A49">?></span></span></code></pre> - </div> - <p> - <code><200b></code> と表示されているのは、Unicode の U+200b で、ゼロ幅スペースである。 - </p> - <div class="admonition"> - <div class="admonition-label"> - NOTE - </div> - <div class="admonition-content"> - <p> - エディタによっては、ゼロ幅スペースが見えないことがある。VSCode ではブラウザと同様に不可視だった。 - </p> - </div> - </div> - <p> - 文字列リテラルの中にゼロ幅スペースを仕込むことで、見た目を変えずに情報をエンコードすることが可能となる。 - </p> - <p> - 続いて、トークンへの変換ロジックを解析する。注目すべきはこの部分だ。以下、ゼロ幅スペースは Vim での表示に合わせて <code><200b></code> と記載する。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">fn</span><span style="color:#24292E">($s)=></span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">strlen</span><span style="color:#24292E">($s)</span><span style="color:#D73A49">/</span><span style="color:#005CC5">3</span><span style="color:#24292E">)</span></span></code></pre> - </div> - <p> - PHP の <code>strlen()</code> は文字列のバイト数を返す。1 行目の <code>$s</code> は以下の内容となっており、 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E">$s</span><span style="color:#D73A49">=</span><span style="color:#032F62">'<200b><?php printf((isset($s)?fn($s)=>trim($s,"<200b>"):fn($s)=>chr(strlen($s)/3))($s=%s)."\n","\x27$s\x27");?>'</span></span></code></pre> - </div> - <p> - このソースコードは UTF-8 で書かれているので、105 バイトになる。それを 3 で割ると 35 となり、これは <code>#</code> の ASCII コードと一致する。他の行も、同様にしてゼロ幅スペースを詰めることで文字列長を調整し、トークンをエンコードしている。 - </p> - <p> - デコード部以外の部分は、quine のための記述である。 - </p> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - <a href="https://blog.rust-lang.org/2021/11/01/cve-2021-42574.html" rel="noreferrer" target="_blank">CVE-2021-42574</a> に着想を得た作品。この脆弱性は、Unicode の制御文字である left-to-right mark と right-to-left mark を利用し、ソースコードの実際の内容を欺く、というもの。簡単のためゼロ幅スペースを用いることとし、ついでに quine にもするとこうなった。 - </p> - <p> - ボツになった理由は、ゼロ幅スペースを表示してくるエディタが想像以上に多かったため。「同じ行が並んでいるだけなのに出力が異なる」というアイデアの根幹を崩されてしまうので、この問題は不採用となった。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2023-01-10/phperkaigi-2023-unused-token-quiz-3/index.html b/vhosts/blog/public/posts/2023-01-10/phperkaigi-2023-unused-token-quiz-3/index.html deleted file mode 100644 index 4999317a..00000000 --- a/vhosts/blog/public/posts/2023-01-10/phperkaigi-2023-unused-token-quiz-3/index.html +++ /dev/null @@ -1,394 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2023 nsfisis"> - <meta name="description" content="来年の PHPerKaigi 2023 でデジタルサーカス株式会社から出題予定のトークン問題のうち、ボツになった問題を公開する (その 3)。"> - <meta name="keywords" content="PHP,PHPerKaigi"> - <meta property="og:type" content="article"> - <meta property="og:title" content="PHPerKaigi 2023: ボツになったトークン問題 その 3｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="来年の PHPerKaigi 2023 でデジタルサーカス株式会社から出題予定のトークン問題のうち、ボツになった問題を公開する (その 3)。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>PHPerKaigi 2023: ボツになったトークン問題 その 3｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">PHPerKaigi 2023: ボツになったトークン問題 その 3</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/php/">PHP</a> - </li> - <li class="tag"> - <a href="/tags/phperkaigi/">PHPerKaigi</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2023-01-10">2023-01-10</time>: 公開 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - 2023 年 3 月 23 日から 25 日にかけて開催予定 (記事執筆時点) の <a href="https://phperkaigi.jp/2023/" rel="noreferrer" target="_blank">PHPerKaigi 2023</a> において、昨年と同様に、弊社 <a href="https://www.dgcircus.com/" rel="noreferrer" target="_blank">デジタルサーカス株式会社</a> からトークン問題を出題予定である。 - </p> - <p> - 昨年のトークン問題の記事はこちら: <a href="/posts/2022-04-09/phperkaigi-2022-tokens/">PHPerKaigi 2022 トークン問題の解説</a> - </p> - <p> - すでに 2023 年用の問題は作成済みであるが、その制作過程の中でいくつかボツ問ができた。せっかくなので、PHPerKaigi 開催を待つ間に紹介しようと思う。 - </p> - <p> - 10 月から 2 月まで、毎月 1 記事ずつ公開していく予定 (忘れていなければ → 忘れていたので 12 月公開予定だった記事を今書いている)。 - </p> - <ul> - <li> - その 1 はこちら: <a href="/posts/2022-10-23/phperkaigi-2023-unused-token-quiz-1/">PHPerKaigi 2023: ボツになったトークン問題 その 1</a> - </li> - <li> - その 2 はこちら: <a href="/posts/2022-11-19/phperkaigi-2023-unused-token-quiz-2/">PHPerKaigi 2023: ボツになったトークン問題 その 2</a> - </li> - </ul> - </section> - <section id="section--quiz"> - <h2><a href="#section--quiz">問題</a></h2> - <p> - 注意: これはボツ問なので、得られたトークンを PHPerKaigi で入力してもポイントにはならない。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span></span> -<span class="line"><span style="color:#D73A49">try</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#6F42C1"> f</span><span style="color:#24292E">(</span><span style="color:#6F42C1">g</span><span style="color:#24292E">() </span><span style="color:#D73A49">/</span><span style="color:#005CC5"> __LINE__</span><span style="color:#24292E">);</span></span> -<span class="line"><span style="color:#24292E">} </span><span style="color:#D73A49">catch</span><span style="color:#24292E"> (</span><span style="color:#005CC5">Throwable</span><span style="color:#24292E"> $e) {</span></span> -<span class="line"><span style="color:#D73A49"> while</span><span style="color:#24292E"> ($e </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $e</span><span style="color:#D73A49">-></span><span style="color:#6F42C1">getPrevious</span><span style="color:#24292E">()) </span><span style="color:#005CC5">printf</span><span style="color:#24292E">(</span><span style="color:#032F62">'%c'</span><span style="color:#24292E">, $e</span><span style="color:#D73A49">-></span><span style="color:#6F42C1">getLine</span><span style="color:#24292E">() </span><span style="color:#D73A49">+</span><span style="color:#005CC5"> 23</span><span style="color:#24292E">);</span></span> -<span class="line"><span style="color:#005CC5"> echo</span><span style="color:#032F62"> "</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">}</span></span> -<span class="line"><span style="color:#D73A49">function</span><span style="color:#6F42C1"> f</span><span style="color:#24292E">(</span><span style="color:#D73A49">int</span><span style="color:#24292E"> $i) {</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#24292E"> ($i </span><span style="color:#D73A49"><</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">) </span><span style="color:#6F42C1">f</span><span style="color:#24292E">();</span></span> -<span class="line"><span style="color:#D73A49"> try</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#D73A49"> match</span><span style="color:#24292E"> ($i) {</span></span> -<span class="line"><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5"> 15</span><span style="color:#24292E">, </span><span style="color:#005CC5">36</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#005CC5"> 14</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#005CC5"> 37</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5"> 6</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5"> 5</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5"> 22</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5"> 34</span><span style="color:#24292E">, </span><span style="color:#005CC5">35</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5"> 25</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#005CC5"> 17</span><span style="color:#24292E">, </span><span style="color:#005CC5">21</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5"> 24</span><span style="color:#24292E">, </span><span style="color:#005CC5">32</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5"> 33</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5"> 16</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5"> 18</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5"> 7</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5"> 2</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#005CC5"> 1</span><span style="color:#24292E">, </span><span style="color:#005CC5">20</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#005CC5"> 10</span><span style="color:#24292E">, </span><span style="color:#005CC5">28</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#005CC5"> 8</span><span style="color:#24292E">, </span><span style="color:#005CC5">12</span><span style="color:#24292E">, </span><span style="color:#005CC5">26</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#005CC5"> 4</span><span style="color:#24292E">, </span><span style="color:#005CC5">9</span><span style="color:#24292E">, </span><span style="color:#005CC5">13</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5"> 31</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5"> 29</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5"> 11</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5"> 3</span><span style="color:#24292E">, </span><span style="color:#005CC5">19</span><span style="color:#24292E">, </span><span style="color:#005CC5">23</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5"> 27</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5"> 30</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#24292E"> };</span></span> -<span class="line"><span style="color:#24292E"> } </span><span style="color:#D73A49">finally</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#6F42C1"> f</span><span style="color:#24292E">($i </span><span style="color:#D73A49">-</span><span style="color:#005CC5"> 1</span><span style="color:#24292E">);</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#24292E">}</span></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">function</span><span style="color:#6F42C1"> g</span><span style="color:#24292E">() {</span></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#005CC5"> __LINE__</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - <p> - “Catchline” と名付けた作品。実行するとトークン <code>#base64_decode('SGVsbG8sIFdvcmxkIQ==')</code> が得られる。 - </p> - <p> - トークンは PHP の式になっていて、評価すると <code>Hello, World!</code> という文字列になる。PHPer チャレンジのトークンには空白を含められないという制約があるが、こういった形でトークンにすれば回避できる。 - </p> - </section> - <section id="section--commentary"> - <h2><a href="#section--commentary">解説</a></h2> - <section id="section--commentary--summary"> - <h3><a href="#section--commentary--summary">概要</a></h3> - <p> - 例外が発生した行数にデータをエンコードし、それを <code>catch</code> で捕まえて表示している。 - </p> - </section> - <section id="section--commentary--chain-of-exceptions"> - <h3><a href="#section--commentary--chain-of-exceptions">例外オブジェクトの連鎖</a></h3> - <p> - <a href="https://www.php.net/class.Exception" rel="noreferrer" target="_blank"><code>Exception</code></a> や <a href="https://www.php.net/class.Error" rel="noreferrer" target="_blank"><code>Error</code></a> には <code>$previous</code> というプロパティがあり、コンストラクタの第3引数から渡すことができる。主に 2つの用法がある: - </p> - <ul> - <li> - エラーを処理している途中に起こった別のエラーに、元のエラー情報を含める - </li> - <li> - 内部エラーをラップして作られたエラーに、内部エラーの情報を含める - </li> - </ul> - <p> - このうち 1つ目のケースは、 <code>finally</code> 節の中でエラーを投げると PHP 処理系が勝手に <code>$previous</code> を設定してくれる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">try</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#D73A49"> try</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#D73A49"> throw</span><span style="color:#D73A49"> new</span><span style="color:#005CC5"> Exception</span><span style="color:#24292E">(</span><span style="color:#032F62">"Error 1"</span><span style="color:#24292E">);</span></span> -<span class="line"><span style="color:#24292E"> } </span><span style="color:#D73A49">finally</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#D73A49"> throw</span><span style="color:#D73A49"> new</span><span style="color:#005CC5"> Exception</span><span style="color:#24292E">(</span><span style="color:#032F62">"Error 2"</span><span style="color:#24292E">);</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#24292E">} </span><span style="color:#D73A49">catch</span><span style="color:#24292E"> (</span><span style="color:#005CC5">Exception</span><span style="color:#24292E"> $e) {</span></span> -<span class="line"><span style="color:#005CC5"> echo</span><span style="color:#24292E"> $e</span><span style="color:#D73A49">-></span><span style="color:#6F42C1">getMessage</span><span style="color:#24292E">() </span><span style="color:#D73A49">.</span><span style="color:#005CC5"> PHP_EOL</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#6A737D"> // => Error 2</span></span> -<span class="line"><span style="color:#005CC5"> echo</span><span style="color:#24292E"> $e</span><span style="color:#D73A49">-></span><span style="color:#6F42C1">getPrevious</span><span style="color:#24292E">()</span><span style="color:#D73A49">-></span><span style="color:#6F42C1">getMessage</span><span style="color:#24292E">() </span><span style="color:#D73A49">.</span><span style="color:#005CC5"> PHP_EOL</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#6A737D"> // => Error 1</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - <p> - この知識を元に、トークンの出力部を解析してみる。 - </p> - </section> - <section id="section--commentary--output"> - <h3><a href="#section--commentary--output">出力部の解析</a></h3> - <p> - 出力部をコメントや改行を追加して再掲する: - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span></span> -<span class="line"><span style="color:#D73A49">try</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#6F42C1"> f</span><span style="color:#24292E">(</span><span style="color:#6F42C1">g</span><span style="color:#24292E">() </span><span style="color:#D73A49">/</span><span style="color:#005CC5"> __LINE__</span><span style="color:#24292E">);</span></span> -<span class="line"><span style="color:#24292E">} </span><span style="color:#D73A49">catch</span><span style="color:#24292E"> (</span><span style="color:#005CC5">Throwable</span><span style="color:#24292E"> $e) {</span></span> -<span class="line"><span style="color:#D73A49"> while</span><span style="color:#24292E"> ($e </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $e</span><span style="color:#D73A49">-></span><span style="color:#6F42C1">getPrevious</span><span style="color:#24292E">()) {</span></span> -<span class="line"><span style="color:#005CC5"> printf</span><span style="color:#24292E">(</span><span style="color:#032F62">'%c'</span><span style="color:#24292E">, $e</span><span style="color:#D73A49">-></span><span style="color:#6F42C1">getLine</span><span style="color:#24292E">() </span><span style="color:#D73A49">+</span><span style="color:#005CC5"> 23</span><span style="color:#24292E">);</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#005CC5"> echo</span><span style="color:#032F62"> "</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - <p> - 出力をおこなう <code>catch</code> 節を見てみると、 <code>Throwable::getPrevious()</code> を呼び出してエラーチェインを辿り、 <code>Throwable::getLine()</code> でエラーが発生した行数を取得している。その行数に <code>23</code> なるマジックナンバーを足し、フォーマット指定子 <code>%c</code> で出力している。 - </p> - <p> - フォーマット指定子 <code>%c</code> は、整数を ASCII コード<sup class="footnote"><a class="footnote" href="#footnote--ras-syndrome" id="footnoteref--ras-syndrome">[1]</a></sup> と見做して印字する。トークン <code>#base64_decode('SGVsbG8sIFdvcmxkIQ==')</code> の <code>b</code> であれば、ASCII コード <code>98</code> なので、75 行目で発生したエラー、 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#005CC5">1</span><span style="color:#24292E">, </span><span style="color:#005CC5">20</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span></code></pre> - </div> - <p> - によって表現されている。エラーを起こす方法はいろいろと考えられるが、今回はゼロ除算を使った。 - </p> - <p> - それでは、エラーチェインを作る箇所、関数 <code>f()</code> を見ていく。 - </p> - </section> - <section id="section--commentary--data-construction"> - <h3><a href="#section--commentary--data-construction">データ構成部の解析</a></h3> - <p> - <code>f()</code> の定義を再掲する (エラーオブジェクトの行数を利用しているので、一部分だけ抜き出すと値が変わることに注意): - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">function</span><span style="color:#6F42C1"> f</span><span style="color:#24292E">(</span><span style="color:#D73A49">int</span><span style="color:#24292E"> $i) {</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#24292E"> ($i </span><span style="color:#D73A49"><</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">) </span><span style="color:#6F42C1">f</span><span style="color:#24292E">();</span></span> -<span class="line"><span style="color:#D73A49"> try</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#D73A49"> match</span><span style="color:#24292E"> ($i) {</span></span> -<span class="line"><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">, </span><span style="color:#6A737D">// 12 行目</span></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5"> 15</span><span style="color:#24292E">, </span><span style="color:#005CC5">36</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#005CC5"> 14</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#005CC5"> 37</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"></span> -<span class="line"><span style="color:#6A737D"> // (略)</span></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5"> 30</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> /</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">, </span><span style="color:#6A737D">// 97 行目</span></span> -<span class="line"><span style="color:#24292E"> };</span></span> -<span class="line"><span style="color:#24292E"> } </span><span style="color:#D73A49">finally</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#6F42C1"> f</span><span style="color:#24292E">($i </span><span style="color:#D73A49">-</span><span style="color:#005CC5"> 1</span><span style="color:#24292E">);</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - <p> - 前述のように、 <code>finally</code> 節でエラーを投げると PHP 処理系が <code>$previous</code> を設定する。ここでは、エラーを繋げるために <code>f()</code> を再帰呼び出ししている。最初に <code>f()</code> を呼び出している箇所を確認すると、 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span></span> -<span class="line"><span style="color:#D73A49">try</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#6F42C1"> f</span><span style="color:#24292E">(</span><span style="color:#6F42C1">g</span><span style="color:#24292E">() </span><span style="color:#D73A49">/</span><span style="color:#005CC5"> __LINE__</span><span style="color:#24292E">); </span><span style="color:#6A737D">// 3 行目</span></span></code></pre> - </div> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">function</span><span style="color:#6F42C1"> g</span><span style="color:#24292E">() {</span></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#005CC5"> __LINE__</span><span style="color:#24292E">; </span><span style="color:#6A737D">// 111 行目</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - <p> - <code>f()</code> には <code>111 / 3</code> で <code>37</code> が渡されることがわかる。そこから 1 ずつ減らして再帰呼び出ししていき、0 より小さくなったら <code>f()</code> を引数なしで呼び出す。引数の数が足りないと呼び出しに失敗するので、再帰はここで止まる。 - </p> - <p> - エラーチェインは、最後に発生したエラーを先頭とした単方向連結リストになっているので、順に - </p> - <ol> - <li> - <code>f()</code> の引数が足りないことによる呼び出し失敗 - </li> - <li> - <code>f(0)</code> の呼び出しで発生したゼロ除算 - </li> - <li> - <code>f(1)</code> の呼び出しで発生したゼロ除算 - </li> - <li> - … - </li> - <li> - <code>f(37)</code> の呼び出しで発生したゼロ除算 - </li> - </ol> - <p> - となっている。出力の際は <code>catch</code> したエラーの <code>getPrevious()</code> から処理を始めるので、1 番目の <code>f()</code> によるエラーは無視され、 <code>f(0)</code> によるエラー、 <code>f(1)</code> によるエラー、 <code>f(2)</code> によるエラー、と出力が進む。 - </p> - <p> - <code>f()</code> に <code>0</code> を渡したときは 12 行目にある <code>match</code> の <code>0</code> でゼロ除算が起こるので、行数が 12 となったエラーが投げられる。出力部ではこれに 23 を足した数を ASCII コードとして表示しているのだった。 <code>12 + 23</code> は <code>35</code>、ASCII コードでは <code>#</code> である。これがトークンの 1文字目にあたる。 - </p> - </section> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - 「行数」というのはトークン文字列をデコードする対象として優れている。 - </p> - <ul> - <li> - トークンの一部や全部が陽に現れない - </li> - <li> - <code>__LINE__</code> で容易に取得できる - </li> - </ul> - <p> - しかし、こういった「変な」プログラムを何度も読んだり書いたりしていると、 <code>__LINE__</code> を使うのはあまりにありきたりで退屈になる。では、他に行数を取得する手段はないか。こうして <code>Throwable</code> を思いつき、続けてエラーオブジェクトには <code>$previous</code> があることを思い出した。 - </p> - <p> - 今回エラーを投げるのにゼロ除算を用いたのは、それがエラーを投げる最も短いコードだと考えたからである。もし 3バイト未満で <code>Throwable</code> なオブジェクトを投げる手段をご存じのかたがいらっしゃれば、ぜひご教示いただきたい。……と締める予定だったのだが、<code>0/0</code> のところを存在しない定数にすれば、簡単に 1バイトを達成できた。ゼロ除算している箇所はちょうど 26 箇所あるので、アルファベットにでもしておけば意味ありげで良かったかもしれない。 - </p> - </section> - <section class="footnotes"> - <div class="footnote" id="footnote--ras-syndrome"> - <a href="#footnoteref--ras-syndrome">1. </a> - <p> - RAS syndrome - </p> - </div> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2023-03-10/rewrite-this-blog-generator/index.html b/vhosts/blog/public/posts/2023-03-10/rewrite-this-blog-generator/index.html deleted file mode 100644 index d70cf265..00000000 --- a/vhosts/blog/public/posts/2023-03-10/rewrite-this-blog-generator/index.html +++ /dev/null @@ -1,148 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2023 nsfisis"> - <meta name="description" content="このブログのジェネレータを書き直したので、やったことを書き記しておく。"> - <meta property="og:type" content="article"> - <meta property="og:title" content="このブログのジェネレータを書き直した｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="このブログのジェネレータを書き直したので、やったことを書き記しておく。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>このブログのジェネレータを書き直した｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">このブログのジェネレータを書き直した</h1> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2023-03-10">2023-03-10</time>: 公開 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - このブログを構築するシステムを書き直したのは 2度目である。元々立ち上げた当初は、静的サイトジェネレータである <a href="https://gohugo.io/" rel="noreferrer" target="_blank">Hugo</a> を使っていた。それを <a href="https://asciidoctor.org/" rel="noreferrer" target="_blank">Asciidoctor</a> にいくつかのカスタムを加えた自前のジェネレータに移行したのが 2022年の11月ごろだ。そして今回、スクラッチから書いた <a href="https://deno.land/" rel="noreferrer" target="_blank">Deno</a> 製のジェネレータに移行した。 - </p> - <p> - この記事では、移行の理由などを (主に将来の私へ向けて) 書き記しておく。 - </p> - </section> - <section id="section--from-hugo-to-asciidoctor"> - <h2><a href="#section--from-hugo-to-asciidoctor">Hugo から Asciidoctor へ</a></h2> - <p> - 最初に断っておくと、Hugo は大変に優れた静的サイトジェネレータである。移行の理由の大半は、自分でジェネレータを書きたかったからに他ならない。実のところ、この記事を執筆している現在、自作ジェネレータは Hugo よりも機能が劣っている。例えば、Hugo を使っていたころはサポートしていた RSS フィードの生成は、まだ実装できていない。 - </p> - <p> - 移行先のフォーマットとして AsciiDoc を選んだのは、Markdown よりも表現力に優れるからである。Markdown は広く使われている軽量マークアップ言語だが、以下のような欠点を持つ。 - </p> - <ul> - <li> - CommonMark では機能が貧弱である (例: 脚注、<code>id</code> 属性の付与) - </li> - <li> - 拡張記法に実装間で互換性がない - </li> - <li> - メタデータ (公開日など) を埋め込む統一された方法がない - </li> - </ul> - <p> - AsciiDoc は Markdown に比べると普及していないが、上記の欠点は克服している。 - </p> - <ul> - <li> - ブログを書くのに十分な表現力がある - </li> - <li> - フォーマットを拡張するときの記法があらかじめ定められている - </li> - <li> - メタデータを埋め込む統一された方法がある - </li> - </ul> - <p> - なお、Hugo は AsciiDoc もサポートしているのだが、AsciiDoc を使う場合 Asciidoctor を別途インストールする必要があり、それならば最初から Asciidoctor でよかろうと移行を決めた。 - </p> - </section> - <section id="section--from-asciidoctor-to-my-own-generator"> - <h2><a href="#section--from-asciidoctor-to-my-own-generator">Asciidoctor から自前のジェネレータへ</a></h2> - <p> - AsciiDoc は良いフォーマットだが、私には 1点不満があった。それは、高い表現力を担保するために記号が使い倒されており、エスケープが難しいという点だ (具体例を挙げたいのだが、何だったか覚えていない)。これは、多種多様な記号類を入力する必要のある技術ブログにとっては辛い問題である。この問題を解決するため、 - </p> - <ul> - <li> - 表現力が高く、 - </li> - <li> - 文法が厳密であり、 - </li> - <li> - 簡単に実装できる - </li> - </ul> - <p> - フォーマットが求められた。これに合致したのが、XML をベースとする <a href="https://docbook.org/" rel="noreferrer" target="_blank">DocBook</a> (今回使っているのは、そのサブセットである <a href="https://tdg.docbook.org/tdg/sdocbook/5.1/" rel="noreferrer" target="_blank">Simplified DocBook</a> ) である。 - </p> - <p> - 実は、AsciiDoc と DocBook はおおよそ互換性がある。AsciiDoc で書かれた文書は (ほぼ) 情報ロスなしに DocBook へ変換でき、逆もまたしかりである。よって、DocBook には、AsciiDoc と同等の表現力がある。 - </p> - <p> - XML の文法の厳密さについては、説明するまでもないだろう。また、単純な文法であることから実装が容易であり、事実上 Asciidoctor へロックインされる AsciiDoc とは異なり、さまざまな言語で多くのライブラリが存在する。 - </p> - <p> - 今回は、XML のパース自体も自分で書いている (これは何となく書きたかったからであり、合理的な理由があるわけではない。実装はサボりまくっているので XML のコメントが使えないといった制限がある)。 - </p> - <p> - XML という機械処理しやすいフォーマットを選ぶことには、機械的な変換や検査といった処理がおこないやすくなるといった利点もある。欠点は軽量マークアップ言語と比べて冗長であることだが、書く際は補完などを用いるのでそれほど気にならない。結局のところ、技術ブログの執筆を律速するのは調査と文章の記述であり、マークアップの手段は執筆時間に大した影響を与えない。 - </p> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - 2度のリライトを経て、記事のフォーマットとサイトジェネレータを上から下まで掌握した。今後も改善のアイデアは多数あるので、じわじわと進めていきたいところだ。 - </p> - <p> - 最後にもう一度書くのだが、Hugo は大変に優れた静的サイトジェネレータである。無駄な拘りがなければこれを使うとよい。私は無駄に拘ったので、ブログの記事を書く時間を潰してブログシステムを作ってしまった。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2023-04-01/implementation-of-minimal-png-image-encoder/index.html b/vhosts/blog/public/posts/2023-04-01/implementation-of-minimal-png-image-encoder/index.html deleted file mode 100644 index 83d597ed..00000000 --- a/vhosts/blog/public/posts/2023-04-01/implementation-of-minimal-png-image-encoder/index.html +++ /dev/null @@ -1,699 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2023 nsfisis"> - <meta name="description" content="PNG 画像として valid な範囲で最大限手抜きしたエンコーダを書く。"> - <meta property="og:type" content="article"> - <meta property="og:title" content="PNG 画像の最小構成エンコーダを実装する｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="PNG 画像として valid な範囲で最大限手抜きしたエンコーダを書く。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>PNG 画像の最小構成エンコーダを実装する｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">PNG 画像の最小構成エンコーダを実装する</h1> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2023-04-01">2023-04-01</time>: 公開 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - この記事では、PNG 画像として valid な範囲で最大限手抜きしたエンコーダを書く。PNG 画像に対応したビューアであれば読み込めるが、圧縮効率については一切考えない。また、実装には Go 言語を使うが、Go の標準ライブラリにあるさまざまなアルゴリズム (PNG 画像に関係する範囲だと、zlib や CRC32、Adler-32 など) は使わない。 - </p> - </section> - <section id="section--basic-structure-of-png"> - <h2><a href="#section--basic-structure-of-png">PNG ファイルの基本構造</a></h2> - <p> - PNG ファイルの基本構造は次のようになっている。 - </p> - <ol> - <li> - PNG signature - </li> - <li> - IHDR chunk - </li> - <li> - 任意個の chunk - </li> - <li> - IEND chunk - </li> - </ol> - <p> - Chunk には画像データを入れる IDAT chunk、パレットデータを入れる PLTE chunk、テキストデータを入れる tEXt chunk などがあるが、今回は最小構成ということで IDAT chunk (と IHDR chunk と IEND chunk) のみを用いる。 - </p> - <p> - 次節で、それぞれの具体的な構造を確認しつつ実装していく。 - </p> - </section> - <section id="section--implement-png-encoder"> - <h2><a href="#section--implement-png-encoder">PNG のエンコーダを実装する</a></h2> - <p> - 以下のソースコードをベースにする。今回 PNG のデコーダは扱わないので、読み込みには Go の標準ライブラリ <code>image/png</code> を用いる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">package</span><span style="color:#6F42C1"> main</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">import</span><span style="color:#24292E"> (</span></span> -<span class="line"><span style="color:#032F62"> "</span><span style="color:#6F42C1">image</span><span style="color:#032F62">"</span></span> -<span class="line"><span style="color:#24292E"> _ </span><span style="color:#032F62">"</span><span style="color:#6F42C1">image/png</span><span style="color:#032F62">"</span></span> -<span class="line"><span style="color:#032F62"> "</span><span style="color:#6F42C1">io</span><span style="color:#032F62">"</span></span> -<span class="line"><span style="color:#032F62"> "</span><span style="color:#6F42C1">os</span><span style="color:#032F62">"</span></span> -<span class="line"><span style="color:#24292E">)</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">func</span><span style="color:#6F42C1"> main</span><span style="color:#24292E">() {</span></span> -<span class="line"><span style="color:#24292E"> inFile, err </span><span style="color:#D73A49">:=</span><span style="color:#24292E"> os.</span><span style="color:#6F42C1">Open</span><span style="color:#24292E">(</span><span style="color:#032F62">"input.png"</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#24292E"> err </span><span style="color:#D73A49">!=</span><span style="color:#005CC5"> nil</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#6F42C1"> panic</span><span style="color:#24292E">(err)</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#D73A49"> defer</span><span style="color:#24292E"> inFile.</span><span style="color:#6F42C1">Close</span><span style="color:#24292E">()</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E"> img, _, err </span><span style="color:#D73A49">:=</span><span style="color:#24292E"> image.</span><span style="color:#6F42C1">Decode</span><span style="color:#24292E">(inFile)</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#24292E"> err </span><span style="color:#D73A49">!=</span><span style="color:#005CC5"> nil</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#6F42C1"> panic</span><span style="color:#24292E">(err)</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E"> outFile, err </span><span style="color:#D73A49">:=</span><span style="color:#24292E"> os.</span><span style="color:#6F42C1">Create</span><span style="color:#24292E">(</span><span style="color:#032F62">"output.png"</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#24292E"> err </span><span style="color:#D73A49">!=</span><span style="color:#005CC5"> nil</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#6F42C1"> panic</span><span style="color:#24292E">(err)</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#D73A49"> defer</span><span style="color:#24292E"> outFile.</span><span style="color:#6F42C1">Close</span><span style="color:#24292E">()</span></span> -<span class="line"></span> -<span class="line"><span style="color:#6F42C1"> writePng</span><span style="color:#24292E">(outFile, img)</span></span> -<span class="line"><span style="color:#24292E">}</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">func</span><span style="color:#6F42C1"> writePng</span><span style="color:#24292E">(</span><span style="color:#E36209">w</span><span style="color:#6F42C1"> io</span><span style="color:#24292E">.</span><span style="color:#6F42C1">Writer</span><span style="color:#24292E">, </span><span style="color:#E36209">img</span><span style="color:#6F42C1"> image</span><span style="color:#24292E">.</span><span style="color:#6F42C1">Image</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#24292E"> width </span><span style="color:#D73A49">:=</span><span style="color:#D73A49"> uint32</span><span style="color:#24292E">(img.</span><span style="color:#6F42C1">Bounds</span><span style="color:#24292E">().</span><span style="color:#6F42C1">Dx</span><span style="color:#24292E">())</span></span> -<span class="line"><span style="color:#24292E"> height </span><span style="color:#D73A49">:=</span><span style="color:#D73A49"> uint32</span><span style="color:#24292E">(img.</span><span style="color:#6F42C1">Bounds</span><span style="color:#24292E">().</span><span style="color:#6F42C1">Dy</span><span style="color:#24292E">())</span></span> -<span class="line"><span style="color:#6F42C1"> writeSignature</span><span style="color:#24292E">(w)</span></span> -<span class="line"><span style="color:#6F42C1"> writeChunkIhdr</span><span style="color:#24292E">(w, width, height)</span></span> -<span class="line"><span style="color:#6F42C1"> writeChunkIdat</span><span style="color:#24292E">(w, width, height, img)</span></span> -<span class="line"><span style="color:#6F42C1"> writeChunkIend</span><span style="color:#24292E">(w)</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - <p> - 以降は、<code>writeSignature</code> や <code>writeChunkIhdr</code> などを実装していく。 - </p> - <section id="section--implement-png-encoder--png-signature"> - <h3><a href="#section--implement-png-encoder--png-signature">PNG signature</a></h3> - <p> - PNG signature は、PNG 画像の先頭に固定で付与されるバイト列で、8 バイトからなる。 - </p> - <ol> - <li> - 0x89 - </li> - <li> - 0x50 (ASCII コードで「P」) - </li> - <li> - 0x4E (ASCII コードで「N」) - </li> - <li> - 0x47 (ASCII コードで「G」) - </li> - <li> - 0x0D (ASCII コードで CR) - </li> - <li> - 0x0A (ASCII コードで LF) - </li> - <li> - 0x1A (ASCII コードで EOF) - </li> - <li> - 0x0A (ASCII コードで LF) - </li> - </ol> - <p> - CRLF や LF は、送信中に改行コードの変換が誤っておこなわれていないかどうかを検知するのに使われる。 - </p> - <p> - <code>writeSignature</code> の実装はこちら: - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">import</span><span style="color:#032F62"> "</span><span style="color:#6F42C1">encoding/binary</span><span style="color:#032F62">"</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">func</span><span style="color:#6F42C1"> writeSignature</span><span style="color:#24292E">(</span><span style="color:#E36209">w</span><span style="color:#6F42C1"> io</span><span style="color:#24292E">.</span><span style="color:#6F42C1">Writer</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#24292E"> sig </span><span style="color:#D73A49">:=</span><span style="color:#24292E"> [</span><span style="color:#005CC5">8</span><span style="color:#24292E">]</span><span style="color:#D73A49">uint8</span><span style="color:#24292E">{</span></span> -<span class="line"><span style="color:#D73A49"> 0x</span><span style="color:#005CC5">89</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#D73A49"> 0x</span><span style="color:#005CC5">50</span><span style="color:#24292E">, </span><span style="color:#6A737D">// P</span></span> -<span class="line"><span style="color:#D73A49"> 0x</span><span style="color:#005CC5">4E</span><span style="color:#24292E">, </span><span style="color:#6A737D">// N</span></span> -<span class="line"><span style="color:#D73A49"> 0x</span><span style="color:#005CC5">47</span><span style="color:#24292E">, </span><span style="color:#6A737D">// G</span></span> -<span class="line"><span style="color:#D73A49"> 0x</span><span style="color:#005CC5">0D</span><span style="color:#24292E">, </span><span style="color:#6A737D">// CR</span></span> -<span class="line"><span style="color:#D73A49"> 0x</span><span style="color:#005CC5">0A</span><span style="color:#24292E">, </span><span style="color:#6A737D">// LF</span></span> -<span class="line"><span style="color:#D73A49"> 0x</span><span style="color:#005CC5">1A</span><span style="color:#24292E">, </span><span style="color:#6A737D">// EOF (^Z)</span></span> -<span class="line"><span style="color:#D73A49"> 0x</span><span style="color:#005CC5">0A</span><span style="color:#24292E">, </span><span style="color:#6A737D">// LF</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(w, binary.BigEndian, sig)</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - <p> - <code>encoding/binary</code> パッケージの <code>binary.Write</code> を使い、固定の 8 バイトを書き込む。 - </p> - </section> - <section id="section--implement-png-encoder--structure-of-chunk"> - <h3><a href="#section--implement-png-encoder--structure-of-chunk">Chunk の構造</a></h3> - <p> - IHDR chunk に進む前に、chunk 一般の構造を確認する。 - </p> - <ol> - <li> - Length: chunk data のバイト長 (符号なし 4 バイト整数) - </li> - <li> - Chunk type: chunk の種類を示す 4 バイトからなる名前 - </li> - <li> - Chunk data: 実際のデータ。0 バイトでもよい - </li> - <li> - CRC: chunk type と chunk data の CRC (符号なし 4 バイト整数) - </li> - </ol> - <p> - CRC (Cyclic Redundancy Check) は誤り検出符号の一種。Go 言語では <code>hash/crc32</code> パッケージにあるが、今回はこれも自前で実装する。PNG の仕様書に C 言語のサンプルコードが載っている ( <a href="https://www.w3.org/TR/png/#D-CRCAppendix" rel="noreferrer" target="_blank">D. Sample CRC implementation</a> ) ので、これを Go に移植する。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">var</span><span style="color:#24292E"> (</span></span> -<span class="line"><span style="color:#24292E"> crcTable [</span><span style="color:#005CC5">256</span><span style="color:#24292E">]</span><span style="color:#D73A49">uint32</span></span> -<span class="line"><span style="color:#24292E"> crcTableComputed </span><span style="color:#D73A49">bool</span></span> -<span class="line"><span style="color:#24292E">)</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">func</span><span style="color:#6F42C1"> makeCrcTable</span><span style="color:#24292E">() {</span></span> -<span class="line"><span style="color:#D73A49"> for</span><span style="color:#24292E"> n </span><span style="color:#D73A49">:=</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">; n </span><span style="color:#D73A49"><</span><span style="color:#005CC5"> 256</span><span style="color:#24292E">; n</span><span style="color:#D73A49">++</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#24292E"> c </span><span style="color:#D73A49">:=</span><span style="color:#D73A49"> uint32</span><span style="color:#24292E">(n)</span></span> -<span class="line"><span style="color:#D73A49"> for</span><span style="color:#24292E"> k </span><span style="color:#D73A49">:=</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">; k </span><span style="color:#D73A49"><</span><span style="color:#005CC5"> 8</span><span style="color:#24292E">; k</span><span style="color:#D73A49">++</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#24292E"> (c </span><span style="color:#D73A49">&</span><span style="color:#005CC5"> 1</span><span style="color:#24292E">) </span><span style="color:#D73A49">!=</span><span style="color:#005CC5"> 0</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#24292E"> c </span><span style="color:#D73A49">=</span><span style="color:#D73A49"> 0x</span><span style="color:#005CC5">EDB88320</span><span style="color:#D73A49"> ^</span><span style="color:#24292E"> (c </span><span style="color:#D73A49">>></span><span style="color:#005CC5"> 1</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#24292E"> } </span><span style="color:#D73A49">else</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#24292E"> c </span><span style="color:#D73A49">=</span><span style="color:#24292E"> c </span><span style="color:#D73A49">>></span><span style="color:#005CC5"> 1</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#24292E"> crcTable[n] </span><span style="color:#D73A49">=</span><span style="color:#24292E"> c</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#24292E"> crcTableComputed </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> true</span></span> -<span class="line"><span style="color:#24292E">}</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">func</span><span style="color:#6F42C1"> updateCrc</span><span style="color:#24292E">(</span><span style="color:#E36209">crc</span><span style="color:#D73A49"> uint32</span><span style="color:#24292E">, </span><span style="color:#E36209">buf</span><span style="color:#24292E"> []</span><span style="color:#D73A49">byte</span><span style="color:#24292E">) </span><span style="color:#D73A49">uint32</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#D73A49"> !</span><span style="color:#24292E">crcTableComputed {</span></span> -<span class="line"><span style="color:#6F42C1"> makeCrcTable</span><span style="color:#24292E">()</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E"> c </span><span style="color:#D73A49">:=</span><span style="color:#24292E"> crc</span></span> -<span class="line"><span style="color:#D73A49"> for</span><span style="color:#24292E"> n </span><span style="color:#D73A49">:=</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">; n </span><span style="color:#D73A49"><</span><span style="color:#6F42C1"> len</span><span style="color:#24292E">(buf); n</span><span style="color:#D73A49">++</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#24292E"> c </span><span style="color:#D73A49">=</span><span style="color:#24292E"> crcTable[(c</span><span style="color:#D73A49">^uint32</span><span style="color:#24292E">(buf[n]))</span><span style="color:#D73A49">&0x</span><span style="color:#005CC5">FF</span><span style="color:#24292E">] </span><span style="color:#D73A49">^</span><span style="color:#24292E"> (c </span><span style="color:#D73A49">>></span><span style="color:#005CC5"> 8</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#24292E"> c</span></span> -<span class="line"><span style="color:#24292E">}</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">func</span><span style="color:#6F42C1"> crc</span><span style="color:#24292E">(</span><span style="color:#E36209">buf</span><span style="color:#24292E"> []</span><span style="color:#D73A49">byte</span><span style="color:#24292E">) </span><span style="color:#D73A49">uint32</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#6F42C1"> updateCrc</span><span style="color:#24292E">(</span><span style="color:#D73A49">0x</span><span style="color:#005CC5">FFFFFFFF</span><span style="color:#24292E">, buf) </span><span style="color:#D73A49">^</span><span style="color:#D73A49"> 0x</span><span style="color:#005CC5">FFFFFFFF</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - <p> - できた <code>crc</code> 関数を使って、chunk 一般を書き込む関数も用意しておこう。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">func</span><span style="color:#6F42C1"> writeChunk</span><span style="color:#24292E">(</span><span style="color:#E36209">w</span><span style="color:#6F42C1"> io</span><span style="color:#24292E">.</span><span style="color:#6F42C1">Writer</span><span style="color:#24292E">, </span><span style="color:#E36209">chunkType</span><span style="color:#D73A49"> string</span><span style="color:#24292E">, </span><span style="color:#E36209">data</span><span style="color:#24292E"> []</span><span style="color:#D73A49">byte</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#24292E"> typeAndData </span><span style="color:#D73A49">:=</span><span style="color:#6F42C1"> make</span><span style="color:#24292E">([]</span><span style="color:#D73A49">byte</span><span style="color:#24292E">, </span><span style="color:#005CC5">0</span><span style="color:#24292E">, </span><span style="color:#6F42C1">len</span><span style="color:#24292E">(chunkType)</span><span style="color:#D73A49">+</span><span style="color:#6F42C1">len</span><span style="color:#24292E">(data))</span></span> -<span class="line"><span style="color:#24292E"> typeAndData </span><span style="color:#D73A49">=</span><span style="color:#6F42C1"> append</span><span style="color:#24292E">(typeAndData, []</span><span style="color:#D73A49">byte</span><span style="color:#24292E">(chunkType)</span><span style="color:#D73A49">...</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#24292E"> typeAndData </span><span style="color:#D73A49">=</span><span style="color:#6F42C1"> append</span><span style="color:#24292E">(typeAndData, data</span><span style="color:#D73A49">...</span><span style="color:#24292E">)</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(w, binary.BigEndian, </span><span style="color:#D73A49">uint32</span><span style="color:#24292E">(</span><span style="color:#6F42C1">len</span><span style="color:#24292E">(data)))</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(w, binary.BigEndian, typeAndData)</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(w, binary.BigEndian, </span><span style="color:#6F42C1">crc</span><span style="color:#24292E">(typeAndData))</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - <p> - 仕様どおり、<code>chunkType</code> と <code>data</code> から CRC を計算し、<code>data</code> の長さと合わせて書き込んでいる。PNG では基本的に big endian を使うことに注意する。 - </p> - <p> - 準備ができたところで、具体的な chunk をエンコードしていく。 - </p> - </section> - <section id="section--implement-png-encoder--ihdr-chunk"> - <h3><a href="#section--implement-png-encoder--ihdr-chunk">IHDR chunk</a></h3> - <p> - IHDR chunk は最初に配置される chunk である。次のようなデータからなる。 - </p> - <ol> - <li> - 画像の幅 (符号なし 4 バイト整数) - </li> - <li> - 画像の高さ (符号なし 4 バイト整数) - </li> - <li> - ビット深度 (符号なし 1 バイト整数) - <ul> - <li> - 1 色に使うビット数。1 ピクセルに 24 bit 使う truecolor 画像では 8 になる - </li> - </ul> - </li> - <li> - 色タイプ (符号なし 1 バイト整数) - <ul> - <li> - 0: グレースケール - </li> - <li> - 2: Truecolor (今回はこれに決め打ち) - </li> - <li> - 3: パレットのインデックス - </li> - <li> - 4: グレースケール + アルファ - </li> - <li> - 6: Truecolor + アルファ - </li> - </ul> - </li> - <li> - 圧縮方式 (符号なし 1 バイト整数) - <ul> - <li> - PNG の仕様書に 0 しか定義されていないので 0 で固定 - </li> - </ul> - </li> - <li> - フィルタ方式 (符号なし 1 バイト整数) - <ul> - <li> - PNG の仕様書に 0 しか定義されていないので 0 で固定 - </li> - </ul> - </li> - <li> - インターレース方式 (符号なし 1 バイト整数) - <ul> - <li> - 今回はインターレースしないので 0 - </li> - </ul> - </li> - </ol> - <p> - 今回ほとんどのデータは決め打ちするので、データに応じて変わるのは width と height だけになる。コードは次のようになる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">import</span><span style="color:#032F62"> "</span><span style="color:#6F42C1">bytes</span><span style="color:#032F62">"</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">func</span><span style="color:#6F42C1"> writeChunkIhdr</span><span style="color:#24292E">(</span><span style="color:#E36209">w</span><span style="color:#6F42C1"> io</span><span style="color:#24292E">.</span><span style="color:#6F42C1">Writer</span><span style="color:#24292E">, </span><span style="color:#E36209">width</span><span style="color:#24292E">, </span><span style="color:#E36209">height</span><span style="color:#D73A49"> uint32</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#D73A49"> var</span><span style="color:#24292E"> buf </span><span style="color:#6F42C1">bytes</span><span style="color:#24292E">.</span><span style="color:#6F42C1">Buffer</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">buf, binary.BigEndian, width)</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">buf, binary.BigEndian, height)</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">buf, binary.BigEndian, </span><span style="color:#D73A49">uint8</span><span style="color:#24292E">(</span><span style="color:#005CC5">8</span><span style="color:#24292E">))</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">buf, binary.BigEndian, </span><span style="color:#D73A49">uint8</span><span style="color:#24292E">(</span><span style="color:#005CC5">2</span><span style="color:#24292E">))</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">buf, binary.BigEndian, </span><span style="color:#D73A49">uint8</span><span style="color:#24292E">(</span><span style="color:#005CC5">0</span><span style="color:#24292E">))</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">buf, binary.BigEndian, </span><span style="color:#D73A49">uint8</span><span style="color:#24292E">(</span><span style="color:#005CC5">0</span><span style="color:#24292E">))</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">buf, binary.BigEndian, </span><span style="color:#D73A49">uint8</span><span style="color:#24292E">(</span><span style="color:#005CC5">0</span><span style="color:#24292E">))</span></span> -<span class="line"></span> -<span class="line"><span style="color:#6F42C1"> writeChunk</span><span style="color:#24292E">(w, </span><span style="color:#032F62">"IHDR"</span><span style="color:#24292E">, buf.</span><span style="color:#6F42C1">Bytes</span><span style="color:#24292E">())</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - </section> - <section id="section--implement-png-encoder--idat-chunk"> - <h3><a href="#section--implement-png-encoder--idat-chunk">IDAT chunk</a></h3> - <p> - IDAT chunk は、実際の画像データが格納された chunk である。IDAT chunk は deflate アルゴリズムにより圧縮され、zlib 形式で格納される。 - </p> - <section id="section--implement-png-encoder--idat-chunk--zlib"> - <h4><a href="#section--implement-png-encoder--idat-chunk--zlib">Zlib</a></h4> - <p> - まずは zlib について確認する。おおよそ次のような構造になっている。 - </p> - <ol> - <li> - 固定で 0x78 (符号なし 1 バイト整数) - </li> - <li> - 固定で 0x01 (符号なし 1 バイト整数) - </li> - <li> - データ - </li> - <li> - データの Adler-32 - </li> - </ol> - <p> - 最初の 2 バイトにも意味はあるが、PNG では固定で構わない。 - </p> - <p> - Adler-32 も CRC と同じく誤り検出符号である。こちらも zlib の仕様書に C 言語でサンプルコードが記載されている ( <a href="https://www.rfc-editor.org/rfc/rfc1950#section-9" rel="noreferrer" target="_blank">9. Appendix: Sample code</a> ) ので、Go に移植する。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">const</span><span style="color:#005CC5"> adler32Base</span><span style="color:#D73A49"> =</span><span style="color:#005CC5"> 65521</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">func</span><span style="color:#6F42C1"> updateAdler32</span><span style="color:#24292E">(</span><span style="color:#E36209">adler</span><span style="color:#D73A49"> uint32</span><span style="color:#24292E">, </span><span style="color:#E36209">buf</span><span style="color:#24292E"> []</span><span style="color:#D73A49">byte</span><span style="color:#24292E">) </span><span style="color:#D73A49">uint32</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#24292E"> s1 </span><span style="color:#D73A49">:=</span><span style="color:#24292E"> adler </span><span style="color:#D73A49">&</span><span style="color:#D73A49"> 0x</span><span style="color:#005CC5">FFFF</span></span> -<span class="line"><span style="color:#24292E"> s2 </span><span style="color:#D73A49">:=</span><span style="color:#24292E"> (adler </span><span style="color:#D73A49">>></span><span style="color:#005CC5"> 16</span><span style="color:#24292E">) </span><span style="color:#D73A49">&</span><span style="color:#D73A49"> 0x</span><span style="color:#005CC5">FFFF</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49"> for</span><span style="color:#24292E"> n </span><span style="color:#D73A49">:=</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">; n </span><span style="color:#D73A49"><</span><span style="color:#6F42C1"> len</span><span style="color:#24292E">(buf); n</span><span style="color:#D73A49">++</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#24292E"> s1 </span><span style="color:#D73A49">=</span><span style="color:#24292E"> (s1 </span><span style="color:#D73A49">+</span><span style="color:#D73A49"> uint32</span><span style="color:#24292E">(buf[n])) </span><span style="color:#D73A49">%</span><span style="color:#24292E"> adler32Base</span></span> -<span class="line"><span style="color:#24292E"> s2 </span><span style="color:#D73A49">=</span><span style="color:#24292E"> (s2 </span><span style="color:#D73A49">+</span><span style="color:#24292E"> s1) </span><span style="color:#D73A49">%</span><span style="color:#24292E"> adler32Base</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#24292E"> (s2 </span><span style="color:#D73A49"><<</span><span style="color:#005CC5"> 16</span><span style="color:#24292E">) </span><span style="color:#D73A49">+</span><span style="color:#24292E"> s1</span></span> -<span class="line"><span style="color:#24292E">}</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">func</span><span style="color:#6F42C1"> adler32</span><span style="color:#24292E">(</span><span style="color:#E36209">buf</span><span style="color:#24292E"> []</span><span style="color:#D73A49">byte</span><span style="color:#24292E">) </span><span style="color:#D73A49">uint32</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#6F42C1"> updateAdler32</span><span style="color:#24292E">(</span><span style="color:#005CC5">1</span><span style="color:#24292E">, buf)</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - <p> - 「データ」の部分には圧縮したデータが入るのだが、真面目に deflate アルゴリズムを実装する必要はない。Zlib には無圧縮のデータブロックを格納することができるので、これを使う。本来は、データの圧縮効率の悪いランダムなデータをそのまま格納するためのものだが、今回は deflate の実装をサボるために使う。 - </p> - <p> - 1 つの無圧縮ブロックには 65535 (2<sup>16</sup> - 1) バイトまで格納できる。それぞれのブロックは次のような構成になっている。 - </p> - <ol> - <li> - 最終ブロックなら 1、そうでなければ 0 (符号なし 1 バイト整数) - </li> - <li> - ブロックのバイト長 (符号なし 2 バイト整数) - </li> - <li> - ブロックのバイト長の 1 の補数、あるいはビット反転 (符号なし 2 バイト整数) - </li> - <li> - データ (最大 65535 バイト) - </li> - </ol> - <p> - 実際にこの手抜き zlib を実装したものがこちら: - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">func</span><span style="color:#6F42C1"> encodeZlib</span><span style="color:#24292E">(</span><span style="color:#E36209">data</span><span style="color:#24292E"> []</span><span style="color:#D73A49">byte</span><span style="color:#24292E">) []</span><span style="color:#D73A49">byte</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#D73A49"> var</span><span style="color:#24292E"> buf </span><span style="color:#6F42C1">bytes</span><span style="color:#24292E">.</span><span style="color:#6F42C1">Buffer</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">buf, binary.BigEndian, </span><span style="color:#D73A49">uint8</span><span style="color:#24292E">(</span><span style="color:#D73A49">0x</span><span style="color:#005CC5">78</span><span style="color:#24292E">))</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">buf, binary.BigEndian, </span><span style="color:#D73A49">uint8</span><span style="color:#24292E">(</span><span style="color:#D73A49">0x</span><span style="color:#005CC5">01</span><span style="color:#24292E">))</span></span> -<span class="line"><span style="color:#24292E"> blockSize </span><span style="color:#D73A49">:=</span><span style="color:#005CC5"> 65535</span></span> -<span class="line"><span style="color:#24292E"> isFinalBlock </span><span style="color:#D73A49">:=</span><span style="color:#005CC5"> false</span></span> -<span class="line"><span style="color:#D73A49"> for</span><span style="color:#24292E"> i </span><span style="color:#D73A49">:=</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">; </span><span style="color:#D73A49">!</span><span style="color:#24292E">isFinalBlock; i</span><span style="color:#D73A49">++</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#D73A49"> var</span><span style="color:#24292E"> block []</span><span style="color:#D73A49">byte</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#6F42C1"> len</span><span style="color:#24292E">(data) </span><span style="color:#D73A49"><=</span><span style="color:#24292E"> (i</span><span style="color:#D73A49">+</span><span style="color:#005CC5">1</span><span style="color:#24292E">)</span><span style="color:#D73A49">*</span><span style="color:#24292E">blockSize {</span></span> -<span class="line"><span style="color:#24292E"> block </span><span style="color:#D73A49">=</span><span style="color:#24292E"> data[i</span><span style="color:#D73A49">*</span><span style="color:#24292E">blockSize:]</span></span> -<span class="line"><span style="color:#24292E"> isFinalBlock </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> true</span></span> -<span class="line"><span style="color:#24292E"> } </span><span style="color:#D73A49">else</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#24292E"> block </span><span style="color:#D73A49">=</span><span style="color:#24292E"> data[i</span><span style="color:#D73A49">*</span><span style="color:#24292E">blockSize : (i</span><span style="color:#D73A49">+</span><span style="color:#005CC5">1</span><span style="color:#24292E">)</span><span style="color:#D73A49">*</span><span style="color:#24292E">blockSize]</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">buf, binary.BigEndian, isFinalBlock)</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">buf, binary.LittleEndian, </span><span style="color:#D73A49">uint16</span><span style="color:#24292E">(</span><span style="color:#6F42C1">len</span><span style="color:#24292E">(block)))</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">buf, binary.LittleEndian, </span><span style="color:#D73A49">uint16</span><span style="color:#24292E">(</span><span style="color:#D73A49">^</span><span style="color:#6F42C1">len</span><span style="color:#24292E">(block)))</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">buf, binary.LittleEndian, block)</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">buf, binary.BigEndian, </span><span style="color:#6F42C1">adler32</span><span style="color:#24292E">(data))</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#24292E"> buf.</span><span style="color:#6F42C1">Bytes</span><span style="color:#24292E">()</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - </section> - <section id="section--implement-png-encoder--idat-chunk--image-data"> - <h4><a href="#section--implement-png-encoder--idat-chunk--image-data">画像データ</a></h4> - <p> - では次に、zlib 形式で格納するデータを用意する。PNG 画像は次のような順にスキャンする。画像の左上のピクセルから同じ行を横にスキャンしていき、一番右まで到達したら次の行の左に向かう。右下のピクセルまで行けば終わり。要は Z 字型に進んでいく。 - </p> - <p> - また、それぞれの行の先頭には、圧縮のためのフィルタタイプを指定する。ただ、今回はその実装を省略するために、常にフィルタ 0 (何も加工しない) を使う。 - </p> - <p> - 先ほどの <code>encodeZlib</code> も使って実際に実装したものがこちら: - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">func</span><span style="color:#6F42C1"> writeChunkIdat</span><span style="color:#24292E">(</span><span style="color:#E36209">w</span><span style="color:#6F42C1"> io</span><span style="color:#24292E">.</span><span style="color:#6F42C1">Writer</span><span style="color:#24292E">, </span><span style="color:#E36209">width</span><span style="color:#24292E">, </span><span style="color:#E36209">height</span><span style="color:#D73A49"> uint32</span><span style="color:#24292E">, </span><span style="color:#E36209">img</span><span style="color:#6F42C1"> image</span><span style="color:#24292E">.</span><span style="color:#6F42C1">Image</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#D73A49"> var</span><span style="color:#24292E"> pixels </span><span style="color:#6F42C1">bytes</span><span style="color:#24292E">.</span><span style="color:#6F42C1">Buffer</span></span> -<span class="line"><span style="color:#D73A49"> for</span><span style="color:#24292E"> y </span><span style="color:#D73A49">:=</span><span style="color:#D73A49"> uint32</span><span style="color:#24292E">(</span><span style="color:#005CC5">0</span><span style="color:#24292E">); y </span><span style="color:#D73A49"><</span><span style="color:#24292E"> height; y</span><span style="color:#D73A49">++</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">pixels, binary.BigEndian, </span><span style="color:#D73A49">uint8</span><span style="color:#24292E">(</span><span style="color:#005CC5">0</span><span style="color:#24292E">))</span></span> -<span class="line"><span style="color:#D73A49"> for</span><span style="color:#24292E"> x </span><span style="color:#D73A49">:=</span><span style="color:#D73A49"> uint32</span><span style="color:#24292E">(</span><span style="color:#005CC5">0</span><span style="color:#24292E">); x </span><span style="color:#D73A49"><</span><span style="color:#24292E"> width; x</span><span style="color:#D73A49">++</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#24292E"> r, g, b, _ </span><span style="color:#D73A49">:=</span><span style="color:#24292E"> img.</span><span style="color:#6F42C1">At</span><span style="color:#24292E">(</span><span style="color:#D73A49">int</span><span style="color:#24292E">(x), </span><span style="color:#D73A49">int</span><span style="color:#24292E">(y)).</span><span style="color:#6F42C1">RGBA</span><span style="color:#24292E">()</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">pixels, binary.BigEndian, </span><span style="color:#D73A49">uint8</span><span style="color:#24292E">(r))</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">pixels, binary.BigEndian, </span><span style="color:#D73A49">uint8</span><span style="color:#24292E">(g))</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">pixels, binary.BigEndian, </span><span style="color:#D73A49">uint8</span><span style="color:#24292E">(b))</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"></span> -<span class="line"><span style="color:#6F42C1"> writeChunk</span><span style="color:#24292E">(w, </span><span style="color:#032F62">"IDAT"</span><span style="color:#24292E">, </span><span style="color:#6F42C1">encodeZlib</span><span style="color:#24292E">(pixels.</span><span style="color:#6F42C1">Bytes</span><span style="color:#24292E">()))</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - </section> - </section> - <section id="section--implement-png-encoder--iend-chunk"> - <h3><a href="#section--implement-png-encoder--iend-chunk">IEND chunk</a></h3> - <p> - 最後に IEND chunk を書き込む。これは PNG 画像の最後に配置される chunk で、PNG のデコーダはこの chunk に出会うとそこでデコードを停止する。 - </p> - <p> - 特に追加のデータはなく、必要なのは chunk type の <code>IEND</code> くらいなので実装は簡単: - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">func</span><span style="color:#6F42C1"> writeChunkIend</span><span style="color:#24292E">(</span><span style="color:#E36209">w</span><span style="color:#6F42C1"> io</span><span style="color:#24292E">.</span><span style="color:#6F42C1">Writer</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#6F42C1"> writeChunk</span><span style="color:#24292E">(w, </span><span style="color:#032F62">"IEND"</span><span style="color:#24292E">, </span><span style="color:#005CC5">nil</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - </section> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - 最後に全ソースコードを再掲しておく。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">package</span><span style="color:#6F42C1"> main</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">import</span><span style="color:#24292E"> (</span></span> -<span class="line"><span style="color:#032F62"> "</span><span style="color:#6F42C1">bytes</span><span style="color:#032F62">"</span></span> -<span class="line"><span style="color:#032F62"> "</span><span style="color:#6F42C1">encoding/binary</span><span style="color:#032F62">"</span></span> -<span class="line"><span style="color:#032F62"> "</span><span style="color:#6F42C1">image</span><span style="color:#032F62">"</span></span> -<span class="line"><span style="color:#24292E"> _ </span><span style="color:#032F62">"</span><span style="color:#6F42C1">image/png</span><span style="color:#032F62">"</span></span> -<span class="line"><span style="color:#032F62"> "</span><span style="color:#6F42C1">io</span><span style="color:#032F62">"</span></span> -<span class="line"><span style="color:#032F62"> "</span><span style="color:#6F42C1">os</span><span style="color:#032F62">"</span></span> -<span class="line"><span style="color:#24292E">)</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">func</span><span style="color:#6F42C1"> main</span><span style="color:#24292E">() {</span></span> -<span class="line"><span style="color:#24292E"> inFile, err </span><span style="color:#D73A49">:=</span><span style="color:#24292E"> os.</span><span style="color:#6F42C1">Open</span><span style="color:#24292E">(</span><span style="color:#032F62">"input.png"</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#24292E"> err </span><span style="color:#D73A49">!=</span><span style="color:#005CC5"> nil</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#6F42C1"> panic</span><span style="color:#24292E">(err)</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#D73A49"> defer</span><span style="color:#24292E"> inFile.</span><span style="color:#6F42C1">Close</span><span style="color:#24292E">()</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E"> img, _, err </span><span style="color:#D73A49">:=</span><span style="color:#24292E"> image.</span><span style="color:#6F42C1">Decode</span><span style="color:#24292E">(inFile)</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#24292E"> err </span><span style="color:#D73A49">!=</span><span style="color:#005CC5"> nil</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#6F42C1"> panic</span><span style="color:#24292E">(err)</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E"> outFile, err </span><span style="color:#D73A49">:=</span><span style="color:#24292E"> os.</span><span style="color:#6F42C1">Create</span><span style="color:#24292E">(</span><span style="color:#032F62">"output.png"</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#24292E"> err </span><span style="color:#D73A49">!=</span><span style="color:#005CC5"> nil</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#6F42C1"> panic</span><span style="color:#24292E">(err)</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#D73A49"> defer</span><span style="color:#24292E"> outFile.</span><span style="color:#6F42C1">Close</span><span style="color:#24292E">()</span></span> -<span class="line"></span> -<span class="line"><span style="color:#6F42C1"> writePng</span><span style="color:#24292E">(outFile, img)</span></span> -<span class="line"><span style="color:#24292E">}</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">func</span><span style="color:#6F42C1"> writePng</span><span style="color:#24292E">(</span><span style="color:#E36209">w</span><span style="color:#6F42C1"> io</span><span style="color:#24292E">.</span><span style="color:#6F42C1">Writer</span><span style="color:#24292E">, </span><span style="color:#E36209">img</span><span style="color:#6F42C1"> image</span><span style="color:#24292E">.</span><span style="color:#6F42C1">Image</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#24292E"> width </span><span style="color:#D73A49">:=</span><span style="color:#D73A49"> uint32</span><span style="color:#24292E">(img.</span><span style="color:#6F42C1">Bounds</span><span style="color:#24292E">().</span><span style="color:#6F42C1">Dx</span><span style="color:#24292E">())</span></span> -<span class="line"><span style="color:#24292E"> height </span><span style="color:#D73A49">:=</span><span style="color:#D73A49"> uint32</span><span style="color:#24292E">(img.</span><span style="color:#6F42C1">Bounds</span><span style="color:#24292E">().</span><span style="color:#6F42C1">Dy</span><span style="color:#24292E">())</span></span> -<span class="line"><span style="color:#6F42C1"> writeSignature</span><span style="color:#24292E">(w)</span></span> -<span class="line"><span style="color:#6F42C1"> writeChunkIhdr</span><span style="color:#24292E">(w, width, height)</span></span> -<span class="line"><span style="color:#6F42C1"> writeChunkIdat</span><span style="color:#24292E">(w, width, height, img)</span></span> -<span class="line"><span style="color:#6F42C1"> writeChunkIend</span><span style="color:#24292E">(w)</span></span> -<span class="line"><span style="color:#24292E">}</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">func</span><span style="color:#6F42C1"> writeSignature</span><span style="color:#24292E">(</span><span style="color:#E36209">w</span><span style="color:#6F42C1"> io</span><span style="color:#24292E">.</span><span style="color:#6F42C1">Writer</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#24292E"> sig </span><span style="color:#D73A49">:=</span><span style="color:#24292E"> [</span><span style="color:#005CC5">8</span><span style="color:#24292E">]</span><span style="color:#D73A49">uint8</span><span style="color:#24292E">{</span></span> -<span class="line"><span style="color:#D73A49"> 0x</span><span style="color:#005CC5">89</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#D73A49"> 0x</span><span style="color:#005CC5">50</span><span style="color:#24292E">, </span><span style="color:#6A737D">// P</span></span> -<span class="line"><span style="color:#D73A49"> 0x</span><span style="color:#005CC5">4E</span><span style="color:#24292E">, </span><span style="color:#6A737D">// N</span></span> -<span class="line"><span style="color:#D73A49"> 0x</span><span style="color:#005CC5">47</span><span style="color:#24292E">, </span><span style="color:#6A737D">// G</span></span> -<span class="line"><span style="color:#D73A49"> 0x</span><span style="color:#005CC5">0D</span><span style="color:#24292E">, </span><span style="color:#6A737D">// CR</span></span> -<span class="line"><span style="color:#D73A49"> 0x</span><span style="color:#005CC5">0A</span><span style="color:#24292E">, </span><span style="color:#6A737D">// LF</span></span> -<span class="line"><span style="color:#D73A49"> 0x</span><span style="color:#005CC5">1A</span><span style="color:#24292E">, </span><span style="color:#6A737D">// EOF (^Z)</span></span> -<span class="line"><span style="color:#D73A49"> 0x</span><span style="color:#005CC5">0A</span><span style="color:#24292E">, </span><span style="color:#6A737D">// LF</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(w, binary.BigEndian, sig)</span></span> -<span class="line"><span style="color:#24292E">}</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">func</span><span style="color:#6F42C1"> writeChunkIhdr</span><span style="color:#24292E">(</span><span style="color:#E36209">w</span><span style="color:#6F42C1"> io</span><span style="color:#24292E">.</span><span style="color:#6F42C1">Writer</span><span style="color:#24292E">, </span><span style="color:#E36209">width</span><span style="color:#24292E">, </span><span style="color:#E36209">height</span><span style="color:#D73A49"> uint32</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#D73A49"> var</span><span style="color:#24292E"> buf </span><span style="color:#6F42C1">bytes</span><span style="color:#24292E">.</span><span style="color:#6F42C1">Buffer</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">buf, binary.BigEndian, width)</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">buf, binary.BigEndian, height)</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">buf, binary.BigEndian, </span><span style="color:#D73A49">uint8</span><span style="color:#24292E">(</span><span style="color:#005CC5">8</span><span style="color:#24292E">))</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">buf, binary.BigEndian, </span><span style="color:#D73A49">uint8</span><span style="color:#24292E">(</span><span style="color:#005CC5">2</span><span style="color:#24292E">))</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">buf, binary.BigEndian, </span><span style="color:#D73A49">uint8</span><span style="color:#24292E">(</span><span style="color:#005CC5">0</span><span style="color:#24292E">))</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">buf, binary.BigEndian, </span><span style="color:#D73A49">uint8</span><span style="color:#24292E">(</span><span style="color:#005CC5">0</span><span style="color:#24292E">))</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">buf, binary.BigEndian, </span><span style="color:#D73A49">uint8</span><span style="color:#24292E">(</span><span style="color:#005CC5">0</span><span style="color:#24292E">))</span></span> -<span class="line"></span> -<span class="line"><span style="color:#6F42C1"> writeChunk</span><span style="color:#24292E">(w, </span><span style="color:#032F62">"IHDR"</span><span style="color:#24292E">, buf.</span><span style="color:#6F42C1">Bytes</span><span style="color:#24292E">())</span></span> -<span class="line"><span style="color:#24292E">}</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">func</span><span style="color:#6F42C1"> writeChunkIdat</span><span style="color:#24292E">(</span><span style="color:#E36209">w</span><span style="color:#6F42C1"> io</span><span style="color:#24292E">.</span><span style="color:#6F42C1">Writer</span><span style="color:#24292E">, </span><span style="color:#E36209">width</span><span style="color:#24292E">, </span><span style="color:#E36209">height</span><span style="color:#D73A49"> uint32</span><span style="color:#24292E">, </span><span style="color:#E36209">img</span><span style="color:#6F42C1"> image</span><span style="color:#24292E">.</span><span style="color:#6F42C1">Image</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#D73A49"> var</span><span style="color:#24292E"> pixels </span><span style="color:#6F42C1">bytes</span><span style="color:#24292E">.</span><span style="color:#6F42C1">Buffer</span></span> -<span class="line"><span style="color:#D73A49"> for</span><span style="color:#24292E"> y </span><span style="color:#D73A49">:=</span><span style="color:#D73A49"> uint32</span><span style="color:#24292E">(</span><span style="color:#005CC5">0</span><span style="color:#24292E">); y </span><span style="color:#D73A49"><</span><span style="color:#24292E"> height; y</span><span style="color:#D73A49">++</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">pixels, binary.BigEndian, </span><span style="color:#D73A49">uint8</span><span style="color:#24292E">(</span><span style="color:#005CC5">0</span><span style="color:#24292E">))</span></span> -<span class="line"><span style="color:#D73A49"> for</span><span style="color:#24292E"> x </span><span style="color:#D73A49">:=</span><span style="color:#D73A49"> uint32</span><span style="color:#24292E">(</span><span style="color:#005CC5">0</span><span style="color:#24292E">); x </span><span style="color:#D73A49"><</span><span style="color:#24292E"> width; x</span><span style="color:#D73A49">++</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#24292E"> r, g, b, _ </span><span style="color:#D73A49">:=</span><span style="color:#24292E"> img.</span><span style="color:#6F42C1">At</span><span style="color:#24292E">(</span><span style="color:#D73A49">int</span><span style="color:#24292E">(x), </span><span style="color:#D73A49">int</span><span style="color:#24292E">(y)).</span><span style="color:#6F42C1">RGBA</span><span style="color:#24292E">()</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">pixels, binary.BigEndian, </span><span style="color:#D73A49">uint8</span><span style="color:#24292E">(r))</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">pixels, binary.BigEndian, </span><span style="color:#D73A49">uint8</span><span style="color:#24292E">(g))</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">pixels, binary.BigEndian, </span><span style="color:#D73A49">uint8</span><span style="color:#24292E">(b))</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"></span> -<span class="line"><span style="color:#6F42C1"> writeChunk</span><span style="color:#24292E">(w, </span><span style="color:#032F62">"IDAT"</span><span style="color:#24292E">, </span><span style="color:#6F42C1">encodeZlib</span><span style="color:#24292E">(pixels.</span><span style="color:#6F42C1">Bytes</span><span style="color:#24292E">()))</span></span> -<span class="line"><span style="color:#24292E">}</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">func</span><span style="color:#6F42C1"> encodeZlib</span><span style="color:#24292E">(</span><span style="color:#E36209">data</span><span style="color:#24292E"> []</span><span style="color:#D73A49">byte</span><span style="color:#24292E">) []</span><span style="color:#D73A49">byte</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#D73A49"> var</span><span style="color:#24292E"> buf </span><span style="color:#6F42C1">bytes</span><span style="color:#24292E">.</span><span style="color:#6F42C1">Buffer</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">buf, binary.BigEndian, </span><span style="color:#D73A49">uint8</span><span style="color:#24292E">(</span><span style="color:#D73A49">0x</span><span style="color:#005CC5">78</span><span style="color:#24292E">))</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">buf, binary.BigEndian, </span><span style="color:#D73A49">uint8</span><span style="color:#24292E">(</span><span style="color:#D73A49">0x</span><span style="color:#005CC5">01</span><span style="color:#24292E">))</span></span> -<span class="line"><span style="color:#24292E"> blockSize </span><span style="color:#D73A49">:=</span><span style="color:#005CC5"> 65535</span></span> -<span class="line"><span style="color:#24292E"> isFinalBlock </span><span style="color:#D73A49">:=</span><span style="color:#005CC5"> false</span></span> -<span class="line"><span style="color:#D73A49"> for</span><span style="color:#24292E"> i </span><span style="color:#D73A49">:=</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">; </span><span style="color:#D73A49">!</span><span style="color:#24292E">isFinalBlock; i</span><span style="color:#D73A49">++</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#D73A49"> var</span><span style="color:#24292E"> block []</span><span style="color:#D73A49">byte</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#6F42C1"> len</span><span style="color:#24292E">(data) </span><span style="color:#D73A49"><=</span><span style="color:#24292E"> (i</span><span style="color:#D73A49">+</span><span style="color:#005CC5">1</span><span style="color:#24292E">)</span><span style="color:#D73A49">*</span><span style="color:#24292E">blockSize {</span></span> -<span class="line"><span style="color:#24292E"> block </span><span style="color:#D73A49">=</span><span style="color:#24292E"> data[i</span><span style="color:#D73A49">*</span><span style="color:#24292E">blockSize:]</span></span> -<span class="line"><span style="color:#24292E"> isFinalBlock </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> true</span></span> -<span class="line"><span style="color:#24292E"> } </span><span style="color:#D73A49">else</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#24292E"> block </span><span style="color:#D73A49">=</span><span style="color:#24292E"> data[i</span><span style="color:#D73A49">*</span><span style="color:#24292E">blockSize : (i</span><span style="color:#D73A49">+</span><span style="color:#005CC5">1</span><span style="color:#24292E">)</span><span style="color:#D73A49">*</span><span style="color:#24292E">blockSize]</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">buf, binary.BigEndian, isFinalBlock)</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">buf, binary.LittleEndian, </span><span style="color:#D73A49">uint16</span><span style="color:#24292E">(</span><span style="color:#6F42C1">len</span><span style="color:#24292E">(block)))</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">buf, binary.LittleEndian, </span><span style="color:#D73A49">uint16</span><span style="color:#24292E">(</span><span style="color:#D73A49">^</span><span style="color:#6F42C1">len</span><span style="color:#24292E">(block)))</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">buf, binary.LittleEndian, block)</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(</span><span style="color:#D73A49">&</span><span style="color:#24292E">buf, binary.BigEndian, </span><span style="color:#6F42C1">adler32</span><span style="color:#24292E">(data))</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#24292E"> buf.</span><span style="color:#6F42C1">Bytes</span><span style="color:#24292E">()</span></span> -<span class="line"><span style="color:#24292E">}</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">func</span><span style="color:#6F42C1"> writeChunkIend</span><span style="color:#24292E">(</span><span style="color:#E36209">w</span><span style="color:#6F42C1"> io</span><span style="color:#24292E">.</span><span style="color:#6F42C1">Writer</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#6F42C1"> writeChunk</span><span style="color:#24292E">(w, </span><span style="color:#032F62">"IEND"</span><span style="color:#24292E">, </span><span style="color:#005CC5">nil</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#24292E">}</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">func</span><span style="color:#6F42C1"> writeChunk</span><span style="color:#24292E">(</span><span style="color:#E36209">w</span><span style="color:#6F42C1"> io</span><span style="color:#24292E">.</span><span style="color:#6F42C1">Writer</span><span style="color:#24292E">, </span><span style="color:#E36209">chunkType</span><span style="color:#D73A49"> string</span><span style="color:#24292E">, </span><span style="color:#E36209">data</span><span style="color:#24292E"> []</span><span style="color:#D73A49">byte</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#24292E"> typeAndData </span><span style="color:#D73A49">:=</span><span style="color:#6F42C1"> make</span><span style="color:#24292E">([]</span><span style="color:#D73A49">byte</span><span style="color:#24292E">, </span><span style="color:#005CC5">0</span><span style="color:#24292E">, </span><span style="color:#6F42C1">len</span><span style="color:#24292E">(chunkType)</span><span style="color:#D73A49">+</span><span style="color:#6F42C1">len</span><span style="color:#24292E">(data))</span></span> -<span class="line"><span style="color:#24292E"> typeAndData </span><span style="color:#D73A49">=</span><span style="color:#6F42C1"> append</span><span style="color:#24292E">(typeAndData, []</span><span style="color:#D73A49">byte</span><span style="color:#24292E">(chunkType)</span><span style="color:#D73A49">...</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#24292E"> typeAndData </span><span style="color:#D73A49">=</span><span style="color:#6F42C1"> append</span><span style="color:#24292E">(typeAndData, data</span><span style="color:#D73A49">...</span><span style="color:#24292E">)</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(w, binary.BigEndian, </span><span style="color:#D73A49">uint32</span><span style="color:#24292E">(</span><span style="color:#6F42C1">len</span><span style="color:#24292E">(data)))</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(w, binary.BigEndian, typeAndData)</span></span> -<span class="line"><span style="color:#24292E"> binary.</span><span style="color:#6F42C1">Write</span><span style="color:#24292E">(w, binary.BigEndian, </span><span style="color:#6F42C1">crc</span><span style="color:#24292E">(typeAndData))</span></span> -<span class="line"><span style="color:#24292E">}</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">var</span><span style="color:#24292E"> (</span></span> -<span class="line"><span style="color:#24292E"> crcTable [</span><span style="color:#005CC5">256</span><span style="color:#24292E">]</span><span style="color:#D73A49">uint32</span></span> -<span class="line"><span style="color:#24292E"> crcTableComputed </span><span style="color:#D73A49">bool</span></span> -<span class="line"><span style="color:#24292E">)</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">func</span><span style="color:#6F42C1"> makeCrcTable</span><span style="color:#24292E">() {</span></span> -<span class="line"><span style="color:#D73A49"> for</span><span style="color:#24292E"> n </span><span style="color:#D73A49">:=</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">; n </span><span style="color:#D73A49"><</span><span style="color:#005CC5"> 256</span><span style="color:#24292E">; n</span><span style="color:#D73A49">++</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#24292E"> c </span><span style="color:#D73A49">:=</span><span style="color:#D73A49"> uint32</span><span style="color:#24292E">(n)</span></span> -<span class="line"><span style="color:#D73A49"> for</span><span style="color:#24292E"> k </span><span style="color:#D73A49">:=</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">; k </span><span style="color:#D73A49"><</span><span style="color:#005CC5"> 8</span><span style="color:#24292E">; k</span><span style="color:#D73A49">++</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#24292E"> (c </span><span style="color:#D73A49">&</span><span style="color:#005CC5"> 1</span><span style="color:#24292E">) </span><span style="color:#D73A49">!=</span><span style="color:#005CC5"> 0</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#24292E"> c </span><span style="color:#D73A49">=</span><span style="color:#D73A49"> 0x</span><span style="color:#005CC5">EDB88320</span><span style="color:#D73A49"> ^</span><span style="color:#24292E"> (c </span><span style="color:#D73A49">>></span><span style="color:#005CC5"> 1</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#24292E"> } </span><span style="color:#D73A49">else</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#24292E"> c </span><span style="color:#D73A49">=</span><span style="color:#24292E"> c </span><span style="color:#D73A49">>></span><span style="color:#005CC5"> 1</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#24292E"> crcTable[n] </span><span style="color:#D73A49">=</span><span style="color:#24292E"> c</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#24292E"> crcTableComputed </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> true</span></span> -<span class="line"><span style="color:#24292E">}</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">func</span><span style="color:#6F42C1"> updateCrc</span><span style="color:#24292E">(</span><span style="color:#E36209">crc</span><span style="color:#D73A49"> uint32</span><span style="color:#24292E">, </span><span style="color:#E36209">buf</span><span style="color:#24292E"> []</span><span style="color:#D73A49">byte</span><span style="color:#24292E">) </span><span style="color:#D73A49">uint32</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#D73A49"> !</span><span style="color:#24292E">crcTableComputed {</span></span> -<span class="line"><span style="color:#6F42C1"> makeCrcTable</span><span style="color:#24292E">()</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E"> c </span><span style="color:#D73A49">:=</span><span style="color:#24292E"> crc</span></span> -<span class="line"><span style="color:#D73A49"> for</span><span style="color:#24292E"> n </span><span style="color:#D73A49">:=</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">; n </span><span style="color:#D73A49"><</span><span style="color:#6F42C1"> len</span><span style="color:#24292E">(buf); n</span><span style="color:#D73A49">++</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#24292E"> c </span><span style="color:#D73A49">=</span><span style="color:#24292E"> crcTable[(c</span><span style="color:#D73A49">^uint32</span><span style="color:#24292E">(buf[n]))</span><span style="color:#D73A49">&0x</span><span style="color:#005CC5">FF</span><span style="color:#24292E">] </span><span style="color:#D73A49">^</span><span style="color:#24292E"> (c </span><span style="color:#D73A49">>></span><span style="color:#005CC5"> 8</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#24292E"> c</span></span> -<span class="line"><span style="color:#24292E">}</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">func</span><span style="color:#6F42C1"> crc</span><span style="color:#24292E">(</span><span style="color:#E36209">buf</span><span style="color:#24292E"> []</span><span style="color:#D73A49">byte</span><span style="color:#24292E">) </span><span style="color:#D73A49">uint32</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#6F42C1"> updateCrc</span><span style="color:#24292E">(</span><span style="color:#D73A49">0x</span><span style="color:#005CC5">FFFFFFFF</span><span style="color:#24292E">, buf) </span><span style="color:#D73A49">^</span><span style="color:#D73A49"> 0x</span><span style="color:#005CC5">FFFFFFFF</span></span> -<span class="line"><span style="color:#24292E">}</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">const</span><span style="color:#005CC5"> adler32Base</span><span style="color:#D73A49"> =</span><span style="color:#005CC5"> 65521</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">func</span><span style="color:#6F42C1"> updateAdler32</span><span style="color:#24292E">(</span><span style="color:#E36209">adler</span><span style="color:#D73A49"> uint32</span><span style="color:#24292E">, </span><span style="color:#E36209">buf</span><span style="color:#24292E"> []</span><span style="color:#D73A49">byte</span><span style="color:#24292E">) </span><span style="color:#D73A49">uint32</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#24292E"> s1 </span><span style="color:#D73A49">:=</span><span style="color:#24292E"> adler </span><span style="color:#D73A49">&</span><span style="color:#D73A49"> 0x</span><span style="color:#005CC5">FFFF</span></span> -<span class="line"><span style="color:#24292E"> s2 </span><span style="color:#D73A49">:=</span><span style="color:#24292E"> (adler </span><span style="color:#D73A49">>></span><span style="color:#005CC5"> 16</span><span style="color:#24292E">) </span><span style="color:#D73A49">&</span><span style="color:#D73A49"> 0x</span><span style="color:#005CC5">FFFF</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49"> for</span><span style="color:#24292E"> n </span><span style="color:#D73A49">:=</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">; n </span><span style="color:#D73A49"><</span><span style="color:#6F42C1"> len</span><span style="color:#24292E">(buf); n</span><span style="color:#D73A49">++</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#24292E"> s1 </span><span style="color:#D73A49">=</span><span style="color:#24292E"> (s1 </span><span style="color:#D73A49">+</span><span style="color:#D73A49"> uint32</span><span style="color:#24292E">(buf[n])) </span><span style="color:#D73A49">%</span><span style="color:#24292E"> adler32Base</span></span> -<span class="line"><span style="color:#24292E"> s2 </span><span style="color:#D73A49">=</span><span style="color:#24292E"> (s2 </span><span style="color:#D73A49">+</span><span style="color:#24292E"> s1) </span><span style="color:#D73A49">%</span><span style="color:#24292E"> adler32Base</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#24292E"> (s2 </span><span style="color:#D73A49"><<</span><span style="color:#005CC5"> 16</span><span style="color:#24292E">) </span><span style="color:#D73A49">+</span><span style="color:#24292E"> s1</span></span> -<span class="line"><span style="color:#24292E">}</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">func</span><span style="color:#6F42C1"> adler32</span><span style="color:#24292E">(</span><span style="color:#E36209">buf</span><span style="color:#24292E"> []</span><span style="color:#D73A49">byte</span><span style="color:#24292E">) </span><span style="color:#D73A49">uint32</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#6F42C1"> updateAdler32</span><span style="color:#24292E">(</span><span style="color:#005CC5">1</span><span style="color:#24292E">, buf)</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - </section> - <section id="section--references"> - <h2><a href="#section--references">参考</a></h2> - <ul> - <li> - <a href="https://www.w3.org/TR/png" rel="noreferrer" target="_blank">Portable Network Graphics (PNG) Specification (Third Edition)</a> - </li> - <li> - <a href="https://www.rfc-editor.org/rfc/rfc1950" rel="noreferrer" target="_blank">ZLIB Compressed Data Format Specification version 3.3</a> - </li> - </ul> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2023-04-04/phperkaigi-2023-report/index.html b/vhosts/blog/public/posts/2023-04-04/phperkaigi-2023-report/index.html deleted file mode 100644 index 2fb7421b..00000000 --- a/vhosts/blog/public/posts/2023-04-04/phperkaigi-2023-report/index.html +++ /dev/null @@ -1,264 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2023 nsfisis"> - <meta name="description" content="2023-03-23 から 2023-03-25 にかけて開催された、PHPerKaigi 2023 に参加した。"> - <meta name="keywords" content="カンファレンス,PHP,PHPerKaigi"> - <meta property="og:type" content="article"> - <meta property="og:title" content="PHPerKaigi 2023 参加レポ｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="2023-03-23 から 2023-03-25 にかけて開催された、PHPerKaigi 2023 に参加した。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>PHPerKaigi 2023 参加レポ｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">PHPerKaigi 2023 参加レポ</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/conference/">カンファレンス</a> - </li> - <li class="tag"> - <a href="/tags/php/">PHP</a> - </li> - <li class="tag"> - <a href="/tags/phperkaigi/">PHPerKaigi</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2023-04-04">2023-04-04</time>: 公開 - </li> - <li class="revision"> - <time datetime="2023-06-28">2023-06-28</time>: トークセッションの記事版の執筆を中止 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - 2023-03-23 から 2023-03-25 にかけて開催された、 <a href="https://phperkaigi.jp/2023/" rel="noreferrer" target="_blank">PHPerKaigi 2023</a> に参加した。今年は 2つのセッションのスピーカーとして、また、当日スタッフとして参加した。 - </p> - <p> - 昨年、一昨年の参加レポはこちら: - </p> - <ul> - <li> - <a href="/posts/2022-05-01/phperkaigi-2022/">PHPerKaigi 2022</a> - </li> - <li> - <a href="/posts/2021-03-30/phperkaigi-2021/">PHPerKaigi 2021</a> - </li> - </ul> - </section> - <section id="section--as-speaker"> - <h2><a href="#section--as-speaker">スピーカーとして</a></h2> - <p> - これまでとの最大の違いとして、今回はスピーカーとして登壇した。まずはそれについて書く。2つのセッションで登壇した。 - </p> - <ul> - <li> - 詳説「参照」：PHP 処理系の実装から参照を理解する - <ul> - <li> - <a href="https://fortee.jp/phperkaigi-2023/proposal/95e4dd94-5fc7-40fe-9e1a-230e36404cbe" rel="noreferrer" target="_blank">プロポーザル</a> - </li> - <li> - <a href="/slides/2023-03-24/phperkaigi-2023/">スライド</a> - </li> - <li> - 解説記事 (執筆中) → 追記: 記事版の執筆は諦めた - </li> - </ul> - </li> - <li> - PHPerチャレンジ解説セッション - デジタルサーカス株式会社 - <ul> - <li> - <a href="https://fortee.jp/phperkaigi-2023/proposal/524c9dca-1d70-4b32-a939-9c73ffe5cb48" rel="noreferrer" target="_blank">プロポーザル</a> - </li> - <li> - <a href="/slides/2023-03-25/phperkaigi-2023-tokens/">スライド</a> - </li> - <li> - 解説記事 (執筆中) → 追記: 記事版の執筆は諦めた - </li> - </ul> - </li> - </ul> - <p> - PHPer チャレンジの話については後述する。参照については、PHP を書き始めた頃からずっと疑問に思っていたので、仕組みを理解する良い機会となった。 - </p> - </section> - <section id="section--as-staff"> - <h2><a href="#section--as-staff">当日スタッフとして</a></h2> - <p> - 今回はスピーカーのみならず当日スタッフとしても参加した。カンファレンスのスタッフとしての参加は初めてだったが、初参加のスタッフでもスムーズに作業ができるような仕組みが整えられていた。 - </p> - <p> - PHPerKaigi は一般参加者の目線でもよくできたカンファレンスだなあという印象だったのだが、よりその思いを強くした。なんとスタッフにとってもよくできたカンファレンスなのである。 - </p> - <p> - 反省点は私自身の最大 HP がまったく足りていなかったことで、次の機会には最後まで動けるようにしたいところである。 - </p> - </section> - <section id="section--as-attendee"> - <h2><a href="#section--as-attendee">参加者として</a></h2> - <section id="section--as-attendee--recommended-sessions"> - <h3><a href="#section--as-attendee--recommended-sessions">おすすめセッション</a></h3> - <p> - 5つのセッションを厳選した。 - </p> - <p> - <a href="https://fortee.jp/phperkaigi-2023/proposal/f7f2f18a-e6b0-47e4-ade0-e324f72428ae" rel="noreferrer" target="_blank">ブラウザの向こう側で「200 OK」を返すまでに何が起きているのか調べてみた</a> - </p> - <p> - Web に関わるなら、バックエンドでもフロントエンドでも知っておいてほしい知識。タイトルを見て「こんな話だろうな」と想像がつくレベルなら見なくてもいいかも。 - </p> - <p> - <a href="https://fortee.jp/phperkaigi-2023/proposal/280706e0-7158-4237-8202-c9d64330b96f" rel="noreferrer" target="_blank">PHPで学ぶ “Cacheの距離” の話</a> - </p> - <p> - これも上セッションと同様に、基礎を抑えられる良いセッション。 - </p> - <p> - <a href="https://fortee.jp/phperkaigi-2023/proposal/ad3ba31c-0214-4557-a0df-3755db8ed8cc" rel="noreferrer" target="_blank">防衛的 PHP: 多様性を生き抜くための PHP 入門</a> - </p> - <p> - 静的解析ツールの話。静的解析は PHP のみならず最近の動的言語の一大潮流なので、逃れられない。 - </p> - <p> - <a href="https://fortee.jp/phperkaigi-2023/proposal/e00788a4-ef25-49ee-b254-9d2b53e19633" rel="noreferrer" target="_blank">PHPの最高機能、配列を捨てよう！！</a> - </p> - <p> - 実はこれも上のセッションと同様の話。PHP の静的解析ツールは配列にも (無理矢理) 型が付けられるものが多いが、実行時にも検査できるという点において専用のクラスを作る方が優れている。 - </p> - <p> - <a href="https://fortee.jp/phperkaigi-2023/proposal/7e212cb2-be37-43e8-b6ee-5236d259fcbf" rel="noreferrer" target="_blank">時間を気にせず普通にカンニングもしつつ ISUCON12 本選問題を PHP でやってみる</a> - </p> - <p> - 個人的に最も楽しみにしていたセッションであり、今回のモリアガリトーク賞 (盛り上がったセッションに運営側から贈られる賞) でもある。ネタバレになるが、最終的に (Go で実装された) 本戦優勝スコアを超えている。 - </p> - </section> - <section id="section--as-attendee--phper-challenge"> - <h3><a href="#section--as-attendee--phper-challenge">PHPer チャレンジ</a></h3> - <p> - 昨年に引き続き、弊社デジタルサーカス株式会社からのトークン問題の作題を担当した。また、今年はさらに作成した問題を解説するセッションにも登壇した。今年のトークンは、昨年の PHPerKaigi 2022 が終わった段階から作り始め、約半年かけて制作した。 - </p> - <p> - 問題の制作中は大変楽しかったが、まあやりすぎた。いかに超絶技巧を凝らすかに注力してしまい、解く楽しさという観点を失ってしまったきらいがある。 - </p> - <p> - (WIP: 解説ブログ記事執筆中。終わったらここにリンク) - </p> - </section> - <section id="section--as-attendee--random-thoughts"> - <h3><a href="#section--as-attendee--random-thoughts">雑多な感想</a></h3> - <p> - なんかいろいろ。 - </p> - <ul> - <li> - マカロンおいしかった - </li> - <li> - \ﾍﾟﾁﾊﾟｰ/ - </li> - <li> - 名札便利 - </li> - <li> - \ﾍﾟﾁﾊﾟｰ/ - </li> - <li> - 傘袋便利 - </li> - <li> - \ﾍﾟﾁﾊﾟｰ/ - </li> - <li> - パーカーのデザイン良き - </li> - </ul> - <p> - (あとから見返して自分でもわけがわからなくなりそうなので書いておくと、会場に入場する際に名札をタッチすると小桜エツコさんの声で「ペチパー」という音声が流れるギミックがあった) - </p> - </section> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - <a href="/posts/2022-05-01/phperkaigi-2022/#section--next-year">去年の参加レポ</a> では、来年の目標として次を挙げた。 - </p> - <blockquote> - <ul> - <li> - プロポーザルを出す - </li> - <li> - PHPer チャレンジのトークン問題を 5題作成する - </li> - <li> - 現地に行く - </li> - <li> - PHPer チャレンジで圧勝する - </li> - </ul> - </blockquote> - <p> - プロポーザルに関しては採択されて登壇できたし、PHPer チャレンジは解説もおこなった。また、現地に行くだけでなく、当日スタッフとして参加した。4つ目の PHPer チャレンジに関しては、今年は参加していない。スタッフをやりながらだと入力する時間も探す時間も取れそうになかったのと、スタッフをやっている関係で少しだけ早く入手してしまうトークンがいくつか存在していたため。 - </p> - <p> - カンファレンス全体の感想についてだが、大規模なカンファレンスにオフラインで参加するのは今回が初めてだったので、その話をしたい。 - </p> - <p> - オンラインとオフラインだと体験が別物になる。そもそもが似て非なるものなのだ。向き不向きはあるだろうが、オンラインしか参加したことのないという方は、一度現地参加してみてはいかがだろうか。 - </p> - <p> - さて、参加レポは去年も一昨年もこの言葉で締め括っているので、今年もそれで終わろうと思う。 - </p> - <p> - ではまた来年。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2023-06-25/phpconfuk-2023-report/index.html b/vhosts/blog/public/posts/2023-06-25/phpconfuk-2023-report/index.html deleted file mode 100644 index 0ee28741..00000000 --- a/vhosts/blog/public/posts/2023-06-25/phpconfuk-2023-report/index.html +++ /dev/null @@ -1,155 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2023 nsfisis"> - <meta name="description" content="2023-06-24 に開催された、PHP カンファレンス福岡に参加した。"> - <meta name="keywords" content="カンファレンス,PHP,PHP カンファレンス福岡"> - <meta property="og:type" content="article"> - <meta property="og:title" content="PHP カンファレンス福岡 2023 参加レポ｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="2023-06-24 に開催された、PHP カンファレンス福岡に参加した。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>PHP カンファレンス福岡 2023 参加レポ｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">PHP カンファレンス福岡 2023 参加レポ</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/conference/">カンファレンス</a> - </li> - <li class="tag"> - <a href="/tags/php/">PHP</a> - </li> - <li class="tag"> - <a href="/tags/phpconfuk/">PHP カンファレンス福岡</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2023-06-25">2023-06-25</time>: 公開 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - 2023-06-24 に開催された、 <a href="https://phpcon.fukuoka.jp/2023/" rel="noreferrer" target="_blank">PHP カンファレンス福岡 2023</a> に参加した。また、その前日に催された、 <a href="https://connpass.com/event/282285/" rel="noreferrer" target="_blank">非公式の前夜祭</a> にも参加した。前夜祭では、15分の登壇もおこなった。 <a href="/slides/2023-06-23/phpconfuk-2023-eve/">登壇の方の資料はこちら。</a> - </p> - </section> - <section id="section--sessions-thoughts"> - <h2><a href="#section--sessions-thoughts">セッションの感想</a></h2> - <section id="section--sessions-thoughts--eve"> - <h3><a href="#section--sessions-thoughts--eve">前夜祭</a></h3> - <p> - ※セッションの題名と発表者名は、 <a href="https://connpass.com/event/282285/" rel="noreferrer" target="_blank">前夜祭イベントの connpass ページ</a> から引用。 - </p> - <ul> - <li> - スクラム（の一部）を導入してよくなったこと (asumikam さん) - <ul> - <li> - スクラムの「一部」を導入されたということでしたが、理想的な形で改善が進んでいるように見受けられました。特に、ブランチ運用やデプロイ頻度、フィードバックサイクルに大きく変化が起きているのは驚くべき成果だと感じました。 - </li> - </ul> - </li> - <li> - 地方の小さな勉強会を一番の活動舞台にする (tomio さん) - <ul> - <li> - すさまじいほどの「熱」を感じました。私自身、最近になってカンファレンスや勉強会への参加・登壇を活発におこなうようになったことで、頷く点が多かったです。 - </li> - </ul> - </li> - </ul> - </section> - <section id="section--sessions-thoughts--conference"> - <h3><a href="#section--sessions-thoughts--conference">カンファレンス</a></h3> - <p> - ※セッションの題名と発表者名は、 <a href="https://fortee.jp/phpconfukuoka-2023/proposal/accepted" rel="noreferrer" target="_blank">カンファレンスの fortee ページ</a> から引用。 - </p> - <ul> - <li> - <a href="https://fortee.jp/phpconfukuoka-2023/proposal/df5f06e8-900e-4e71-94d7-d0c3cc57a0ac" rel="noreferrer" target="_blank">育成力 - エンジニアの才能を引き出す環境とチューターの立ち回り - (岡嵜 雄平 さん)</a> - <ul> - <li> - ちょうど弊チームに新規メンバがジョインしたばかりで、オンボーディングプロセスについて考えていたところの発表でした。すぐにすべてを取り入れるというわけにはいきませんが、弊社での新人育成プロセスの改善につながるヒントをいくつか得られたと思います。 - </li> - </ul> - </li> - <li> - オブジェクト指向は本当に必要か？ (たなかひさてる さん、こいほげ さん) - <ul> - <li> - ※当日 D ホールでおこなわれたアンカンファレンスセッションのため、正式タイトル・リンクなし - </li> - <li> - 私自身、「オブジェクト指向」については色々と言いたいことがあるのですが、だいたいツイートしたこれとこれです。 - <ul> - <li> - 「オブジェクト指向の話は、パラダイムの異なる複数の言語に触れているかどうかで見え方がまったく異なる印象がある。OOPはどうでもいいです (※個人の感想です)」 ( <a href="https://twitter.com/nsfisis/status/1672502935983656960" rel="noreferrer" target="_blank">Twitter のツイートへのリンク</a> ) - </li> - <li> - 「OOPは現代の言語で考える意味はほぼない古いパラダイムだよという立場ですが、OOPについてあまり大っぴらに話してると色んなところから刺されそうなんですよね (Twitterは大っぴらじゃないんですか？)」 ( <a href="https://twitter.com/nsfisis/status/1672504892244787201" rel="noreferrer" target="_blank">Twitter のツイートへのリンク</a> ) - </li> - </ul> - </li> - </ul> - </li> - <li> - <a href="https://fortee.jp/phpconfukuoka-2023/proposal/ae71f3a7-4c3c-4c87-8816-8426bcc8d325" rel="noreferrer" target="_blank">その説明、コードコメントに書く？コミットメッセージに書く？プルリクエストに書く？ (おかしょい／岡田正平 さん)</a> - <ul> - <li> - Twitter にもツイートしましたが、完全に自分の意見と一致していたので、とても共感できました。今後は社内のコードレビュー時に、こちらの資料を貼りつけることにします。 - </li> - </ul> - </li> - </ul> - </section> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - 居住地域から離れた場所への遠征参加は初めてだったが、大変楽しい (しかも勉強にもなる！) 体験だった。受け取った「熱」が冷める前に、自らの手を動かしていきたい。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2023-10-02/compile-php-runtime-to-wasm/index.html b/vhosts/blog/public/posts/2023-10-02/compile-php-runtime-to-wasm/index.html deleted file mode 100644 index 34070bf9..00000000 --- a/vhosts/blog/public/posts/2023-10-02/compile-php-runtime-to-wasm/index.html +++ /dev/null @@ -1,401 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2023 nsfisis"> - <meta name="description" content="PHP の処理系 (php/php-src) を Emscripten で WebAssembly にコンパイルし、任意のコードを隔離された環境で評価できるようにした。"> - <meta name="keywords" content="PHP,WebAssembly"> - <meta property="og:type" content="article"> - <meta property="og:title" content="PHP の処理系を Emscripten で WebAssembly にコンパイルする｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="PHP の処理系 (php/php-src) を Emscripten で WebAssembly にコンパイルし、任意のコードを隔離された環境で評価できるようにした。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>PHP の処理系を Emscripten で WebAssembly にコンパイルする｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">PHP の処理系を Emscripten で WebAssembly にコンパイルする</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/php/">PHP</a> - </li> - <li class="tag"> - <a href="/tags/wasm/">WebAssembly</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2023-10-02">2023-10-02</time>: 公開 - </li> - <li class="revision"> - <time datetime="2025-04-23">2025-04-23</time>: fflush() の前に改行の出力が必要だった理由と正しい実装について追記 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - <a href="https://emscripten.org/" rel="noreferrer" target="_blank">Emscripten</a> を用いて <a href="https://github.com/php/php-src" rel="noreferrer" target="_blank">PHP の処理系</a> を <a href="https://developer.mozilla.org/docs/WebAssembly" rel="noreferrer" target="_blank">WebAssembly</a> にコンパイルした。機能をある程度絞ることで、思ったよりも簡単に実現できたので、備忘録として記しておく。 - </p> - <p> - なお、この記事では Emscripten や WebAssembly とは何か知っていることを前提とする。 - </p> - </section> - <section id="section--version"> - <h2><a href="#section--version">バージョン情報</a></h2> - <p> - この記事中で使用するソフトウェア等のバージョンを記載する。 - </p> - <ul> - <li> - Ubuntu 22.04 on WSL2 - </li> - <li> - Docker version 24.0.6 - </li> - <li> - Emscripten 3.1.46 - </li> - <li> - Node.js 20.7.0 - </li> - <li> - PHP 8.2.10 - </li> - </ul> - <p> - なお、Docker から下は Docker 上で導入するので、ホストマシンにはインストールしなくてよい。 - </p> - </section> - <section id="section--goal"> - <h2><a href="#section--goal">本記事のゴール</a></h2> - <p> - 先にこの記事のゴールを示しておく。これから示す手順のとおりに進めると、次のようなコードが動くようになる。このコードはこのあと使うので、<code>index.mjs</code> の名前で保存しておくこと。 - </p> - <div class="codeblock"> - <div class="filename"> - index.mjs - </div> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">import</span><span style="color:#24292E"> { readFile } </span><span style="color:#D73A49">from</span><span style="color:#032F62"> 'node:fs/promises'</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#D73A49">import</span><span style="color:#24292E"> PHPWasm </span><span style="color:#D73A49">from</span><span style="color:#032F62"> './php-wasm.mjs'</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">const</span><span style="color:#005CC5"> code</span><span style="color:#D73A49"> =</span><span style="color:#D73A49"> await</span><span style="color:#6F42C1"> readFile</span><span style="color:#24292E">(</span><span style="color:#032F62">'/dev/stdin'</span><span style="color:#24292E">, { encoding: </span><span style="color:#032F62">'utf-8'</span><span style="color:#24292E"> });</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">const</span><span style="color:#24292E"> { </span><span style="color:#005CC5">ccall</span><span style="color:#24292E"> } </span><span style="color:#D73A49">=</span><span style="color:#D73A49"> await</span><span style="color:#6F42C1"> PHPWasm</span><span style="color:#24292E">();</span></span> -<span class="line"><span style="color:#D73A49">const</span><span style="color:#005CC5"> result</span><span style="color:#D73A49"> =</span><span style="color:#6F42C1"> ccall</span><span style="color:#24292E">(</span></span> -<span class="line"><span style="color:#032F62"> 'php_wasm_run'</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#032F62"> 'number'</span><span style="color:#24292E">, [</span><span style="color:#032F62">'string'</span><span style="color:#24292E">],</span></span> -<span class="line"><span style="color:#24292E"> [code],</span></span> -<span class="line"><span style="color:#24292E">);</span></span> -<span class="line"><span style="color:#24292E">console.</span><span style="color:#6F42C1">log</span><span style="color:#24292E">(</span><span style="color:#032F62">`exit code: ${</span><span style="color:#24292E">result</span><span style="color:#032F62">}`</span><span style="color:#24292E">);</span></span></code></pre> - </div> - <p> - 標準入力から与えたコードを WebAssembly にコンパイルされた PHP 処理系の上で実行している。このような <code>php-wasm.mjs</code> (とそこから呼び出される <code>php-wasm.wasm</code>) を作成する。 - </p> - </section> - <section id="section--build"> - <h2><a href="#section--build">ビルド</a></h2> - <section id="section--build--write-c-entrypoint"> - <h3><a href="#section--build--write-c-entrypoint">C のエントリポイントを書く</a></h3> - <p> - 先ほどのコードでも使っていたエントリポイントである <code>php_wasm_run</code> を用意する。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">#include</span><span style="color:#032F62"> <stdio.h></span></span> -<span class="line"><span style="color:#D73A49">#include</span><span style="color:#032F62"> <emscripten.h></span></span> -<span class="line"><span style="color:#D73A49">#include</span><span style="color:#032F62"> <Zend/zend_execute.h></span></span> -<span class="line"><span style="color:#D73A49">#include</span><span style="color:#032F62"> <sapi/embed/php_embed.h></span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">int</span><span style="color:#24292E"> EMSCRIPTEN_KEEPALIVE </span><span style="color:#6F42C1">php_wasm_run</span><span style="color:#24292E">(</span><span style="color:#D73A49">const</span><span style="color:#D73A49"> char*</span><span style="color:#E36209"> code</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#24292E"> zend_result result;</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49"> int</span><span style="color:#24292E"> argc </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> 1</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#D73A49"> char*</span><span style="color:#24292E"> argv</span><span style="color:#D73A49">[]</span><span style="color:#D73A49"> =</span><span style="color:#24292E"> { </span><span style="color:#032F62">"php.wasm"</span><span style="color:#24292E">, </span><span style="color:#005CC5">NULL</span><span style="color:#24292E"> };</span></span> -<span class="line"></span> -<span class="line"><span style="color:#6F42C1"> PHP_EMBED_START_BLOCK</span><span style="color:#24292E">(argc, argv);</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E"> result </span><span style="color:#D73A49">=</span><span style="color:#6F42C1"> zend_eval_string_ex</span><span style="color:#24292E">(code, </span><span style="color:#005CC5">NULL</span><span style="color:#24292E">, </span><span style="color:#032F62">"php.wasm code"</span><span style="color:#24292E">, </span><span style="color:#005CC5">1</span><span style="color:#24292E">);</span></span> -<span class="line"></span> -<span class="line"><span style="color:#6F42C1"> PHP_EMBED_END_BLOCK</span><span style="color:#24292E">();</span></span> -<span class="line"></span> -<span class="line"><span style="color:#6F42C1"> fprintf</span><span style="color:#24292E">(stdout, </span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span></span> -<span class="line"><span style="color:#6F42C1"> fflush</span><span style="color:#24292E">(stdout);</span></span> -<span class="line"><span style="color:#6F42C1"> fprintf</span><span style="color:#24292E">(stderr, </span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span></span> -<span class="line"><span style="color:#6F42C1"> fflush</span><span style="color:#24292E">(stderr);</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#24292E"> result </span><span style="color:#D73A49">==</span><span style="color:#24292E"> SUCCESS </span><span style="color:#D73A49">?</span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> :</span><span style="color:#005CC5"> 1</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - <p> - ほとんどはただの PHP の公開 API を使ったコードだが、Emscripten 向けの注意点が 2点ある。 - </p> - <p> - まずは <code>EMSCRIPTEN_KEEPALIVE</code> について。これは Emscripten が用意している特殊なマクロである。このマクロが付与されている関数は、どこからも使用されていなくともコンパイル後の WebAssembly バイナリから削除されない。もしこれを付け忘れると、未使用の関数とみなされ削除される。 - </p> - <p> - 次に、コードを評価したあとに呼んでいる標準出力と標準エラー出力に対する改行の出力について。出力バッファから出力させるためだけなら改行を出力させなくとも <code>fflush()</code> だけで事足りると考えたのだが、ないと動かなかったので追加した。これにより、PHP コードの出力の後ろに余分な改行が追加されてしまう。改行を出力せずともバッファを消費させる手段をご存知のかたはご教示願いたい。 - </p> - <div class="admonition" editat="2025-04-23" operation="追記"> - <div class="admonition-label"> - 2025-04-23 追記 - </div> - <div class="admonition-content"> - <p> - <code>fflush()</code> の前に改行の出力が必要だった理由が判明したので追記する。これは、<code>index.mjs</code> で標準出力・標準エラー出力へ出力する方法を指定せず、デフォルトの実装に任せているため。Emscripten のデフォルト実装では、改行コードを出力するまで出力内容がバッファリングされ、<code>fflush()</code> が機能しない。 - </p> - <p> - デフォルトの出力方法は <code>index.mjs</code> の中で <code>PHPWasm()</code> を呼ぶとき、<code>stdout</code>・<code>stderr</code> というオプションを渡せば変更できる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">const</span><span style="color:#24292E"> { </span><span style="color:#005CC5">ccall</span><span style="color:#24292E"> } </span><span style="color:#D73A49">=</span><span style="color:#D73A49"> await</span><span style="color:#6F42C1"> PHPWasm</span><span style="color:#24292E">({</span></span> -<span class="line"><span style="color:#6F42C1"> stdout</span><span style="color:#24292E">: (</span><span style="color:#E36209">c</span><span style="color:#24292E">) </span><span style="color:#D73A49">=></span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#24292E"> (c </span><span style="color:#D73A49">===</span><span style="color:#005CC5"> null</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#6A737D"> // flush the standard output.</span></span> -<span class="line"><span style="color:#24292E"> } </span><span style="color:#D73A49">else</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#6A737D"> // output c to the standard output.</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#24292E"> },</span></span> -<span class="line"><span style="color:#24292E">});</span></span></code></pre> - </div> - <p> - <code>c</code> は <code>null</code> か 1バイト符号つき整数を取り、<code>null</code> が flush 要求を意味する。 - </p> - <p> - 記事末尾のリポジトリはすでにこの変更を適用済み。<code>stdout</code> や <code>stderr</code> の完全なサンプルはそちらを参照のこと。 - </p> - </div> - </div> - </section> - <section id="section--build--compile-to-wasm"> - <h3><a href="#section--build--compile-to-wasm">WebAssembly にコンパイルする</a></h3> - <p> - それでは WebAssembly にコンパイルしていこう。ここからは <code>Dockerfile</code> 上のコマンドとして操作を示す。 - </p> - <p> - まずは <a href="https://hub.docker.com/r/emscripten/emsdk" rel="noreferrer" target="_blank">Emscripten 公式が提供している Docker イメージ</a> を使って、PHP 処理系と先ほど示した C 言語のソースコードを WebAssembly にコンパイルする。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">FROM</span><span style="color:#24292E"> emscripten/emsdk:3.1.46 </span><span style="color:#D73A49">AS</span><span style="color:#24292E"> wasm-builder</span></span></code></pre> - </div> - <p> - 次に、 <a href="https://github.com/php/php-src" rel="noreferrer" target="_blank">php/php-src</a> から PHP 処理系のソースコードを取得し、ビルドに必要な apt パッケージを取ってくる。有効にする拡張を増やしたいなら、ここでインストールするパッケージも増やすことになるだろう。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">RUN</span><span style="color:#24292E"> git clone --depth=1 --branch=php-8.2.10 https://github.com/php/php-src</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">RUN</span><span style="color:#24292E"> apt-get update && \</span></span> -<span class="line"><span style="color:#24292E"> apt-get install -y --no-install-recommends \</span></span> -<span class="line"><span style="color:#24292E"> autoconf \</span></span> -<span class="line"><span style="color:#24292E"> bison \</span></span> -<span class="line"><span style="color:#24292E"> pkg-config \</span></span> -<span class="line"><span style="color:#24292E"> re2c \</span></span> -<span class="line"><span style="color:#24292E"> && \</span></span> -<span class="line"><span style="color:#24292E"> :</span></span></code></pre> - </div> - <p> - 続けて、Emscripten のツールチェインを用いて PHP 処理系をビルドする。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">RUN</span><span style="color:#24292E"> cd php-src && \</span></span> -<span class="line"><span style="color:#24292E"> ./buildconf --force && \</span></span> -<span class="line"><span style="color:#24292E"> emconfigure ./configure \</span></span> -<span class="line"><span style="color:#24292E"> --disable-all \</span></span> -<span class="line"><span style="color:#24292E"> --disable-mbregex \</span></span> -<span class="line"><span style="color:#24292E"> --disable-fiber-asm \</span></span> -<span class="line"><span style="color:#24292E"> --disable-cli \</span></span> -<span class="line"><span style="color:#24292E"> --disable-cgi \</span></span> -<span class="line"><span style="color:#24292E"> --disable-phpdbg \</span></span> -<span class="line"><span style="color:#24292E"> --enable-embed=static \</span></span> -<span class="line"><span style="color:#24292E"> --enable-mbstring \</span></span> -<span class="line"><span style="color:#24292E"> --without-iconv \</span></span> -<span class="line"><span style="color:#24292E"> --without-libxml \</span></span> -<span class="line"><span style="color:#24292E"> --without-pcre-jit \</span></span> -<span class="line"><span style="color:#24292E"> --without-pdo-sqlite \</span></span> -<span class="line"><span style="color:#24292E"> --without-sqlite3 \</span></span> -<span class="line"><span style="color:#24292E"> && \</span></span> -<span class="line"><span style="color:#24292E"> EMCC_CFLAGS=</span><span style="color:#032F62">'-s ERROR_ON_UNDEFINED_SYMBOLS=0'</span><span style="color:#24292E"> emmake make -j$(nproc) && \</span></span> -<span class="line"><span style="color:#24292E"> mv libs/libphp.a .. && \</span></span> -<span class="line"><span style="color:#24292E"> make clean && \</span></span> -<span class="line"><span style="color:#24292E"> git clean -fd && \</span></span> -<span class="line"><span style="color:#24292E"> :</span></span></code></pre> - </div> - <p> - ここまでと比べると少し複雑なので、それぞれ詳しく見ていこう。 - </p> - <p> - まず、<code>buildconf</code> は PHP 処理系をビルドするときに (Emscripten とは関係なく) 使うツールである。このツールの最も重要な仕事は、<code>configure</code> の生成である。 - </p> - <p> - 次に <code>configure</code> するわけだが、ここで <code>emconfigure</code> を使う。これを使うことで、Emscripten が上手く諸々のツールチェインを WebAssembly のビルド向けに調整しながら <code>configure</code> してくれる。 - </p> - <p> - <code>configure</code> の後ろに指定してあるフラグは、通常の PHP 処理系のビルドで使う <code>configure</code> と同じなので、詳しくはそちらの <code>cofigure --help</code> を参照していただきたい。ほとんどは、機能の無効化のために指定している (依存するライブラリを減らし、ビルドをより簡単にするため)。 - </p> - <p> - 通常の C のビルドなら、<code>configure</code> の次は <code>make</code> するところだが、ここでも <code>emmake</code> を使う。役割はほとんど <code>emconfigure</code> と同様である。指定してある <code>EMCC_CFLAGS</code> という環境変数は、Emscripten の C コンパイラへのフラグで、ここでは <code>ERROR_ON_UNDEFINED_SYMBOLS</code> を無効化している。これにより、コンパイル中に出現した解決できなかったシンボルを無視するようになる (代わりに、そのシンボルを呼ぼうとしたタイミングで実行時エラーになる)。すべての依存を完全に解決するのは面倒なので、あまり使わない機能については無視してもよいだろう。 - </p> - <p> - ここまでを実行すると <code>libs/libphp.a</code> が生成される。これは後で使うので移動させている。 - </p> - <p> - さて、PHP 処理系をライブラリ化できたので、次に先ほど載せた C のソースコードをビルドしていこう。<code>Dockerfile</code> と同じ場所に <code>php-wasm.c</code> という名前で保存し、次のようにする。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">COPY</span><span style="color:#24292E"> php-wasm.c /src/</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">RUN</span><span style="color:#24292E"> cd php-src && \</span></span> -<span class="line"><span style="color:#24292E"> emcc \</span></span> -<span class="line"><span style="color:#24292E"> -c \</span></span> -<span class="line"><span style="color:#24292E"> -o php-wasm.o \</span></span> -<span class="line"><span style="color:#24292E"> -I . \</span></span> -<span class="line"><span style="color:#24292E"> -I TSRM \</span></span> -<span class="line"><span style="color:#24292E"> -I Zend \</span></span> -<span class="line"><span style="color:#24292E"> -I main \</span></span> -<span class="line"><span style="color:#24292E"> ../php-wasm.c \</span></span> -<span class="line"><span style="color:#24292E"> && \</span></span> -<span class="line"><span style="color:#24292E"> mv php-wasm.o .. && \</span></span> -<span class="line"><span style="color:#24292E"> make clean && \</span></span> -<span class="line"><span style="color:#24292E"> git clean -fd && \</span></span> -<span class="line"><span style="color:#24292E"> :</span></span></code></pre> - </div> - <p> - <code>emcc</code> は <code>cc</code> (C コンパイラ/リンカ) の Emscripten 版で、<code>-c</code> は「コンパイル」の意。<code>-o</code> や <code>-I</code> は普通の C コンパイラと同様、出力ファイルの指定とインクルードパスの指定である。 - </p> - <p> - <code>libphp.a</code> と <code>php-wasm.o</code> が手に入ったので、これらをリンクして WebAssembly のバイナリとそのラッパである JavaScript ファイルを生成する。これにも <code>emcc</code> コマンドを使う。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">RUN</span><span style="color:#24292E"> emcc \</span></span> -<span class="line"><span style="color:#24292E"> -s ENVIRONMENT=node \</span></span> -<span class="line"><span style="color:#24292E"> -s ERROR_ON_UNDEFINED_SYMBOLS=0 \</span></span> -<span class="line"><span style="color:#24292E"> -s EXPORTED_RUNTIME_METHODS=</span><span style="color:#032F62">'["ccall"]'</span><span style="color:#24292E"> \</span></span> -<span class="line"><span style="color:#24292E"> -s EXPORT_ES6=1 \</span></span> -<span class="line"><span style="color:#24292E"> -s INITIAL_MEMORY=16777216 \</span></span> -<span class="line"><span style="color:#24292E"> -s INVOKE_RUN=0 \</span></span> -<span class="line"><span style="color:#24292E"> -s MODULARIZE=1 \</span></span> -<span class="line"><span style="color:#24292E"> -o php-wasm.js \</span></span> -<span class="line"><span style="color:#24292E"> php-wasm.o \</span></span> -<span class="line"><span style="color:#24292E"> libphp.a \</span></span> -<span class="line"><span style="color:#24292E"> ;</span></span></code></pre> - </div> - <p> - それぞれのフラグについて解説する。 - </p> - <p> - <code>-s ENVIRONMENT=node</code> は、生成する WebAssembly/JavaScript の実行環境を指定する。今回は <code>node</code> を指定しているので、Node.js 向けのファイルが生成される。 - </p> - <p> - <code>-s ERROR_ON_UNDEFINED_SYMBOLS=0</code> についてはすでに述べたので省略する。 - </p> - <p> - <code>-s EXPORTED_RUNTIME_METHODS='["ccall"]'</code> は、生成される JavaScript から公開される API である。すでに <code>index.mjs</code> で使用しているが、<code>ccall('関数名', '返り値の型', ['仮引数の型', ...], ['実引数', ...])</code> のように使う。 - </p> - <p> - <code>-s EXPORT_ES6=1</code> は、JavaScript コードを ECMAScript 6 に準拠した module として生成する。これを指定することで、<code>require()</code> ではなく <code>import</code> できる JavaScript を生成させられる。 - </p> - <p> - <code>-s INITIAL_MEMORY=16777216</code> は呼んで字のごとく。用途に合わせて適当に決めてほしい。 - </p> - <p> - <code>-s INVOKE_RUN=0</code> は、module をロードしたときに勝手に <code>main()</code> を呼ぶかどうか (だと思う)。今回は <code>php_wasm_run()</code> しか使うつもりがないので切っている。 - </p> - <p> - <code>-s MODULARIZE=1</code> は、実質的にほぼ必須のオプションであり、1 を指定することで「WebAssembly module をインスタンス化する関数」をエクスポートするような JavaScript ファイルを生成するようになる。これを指定しないと、生成物の JavaScript ファイルを読み込むと WebAssembly module が即座にインスタンス化されてしまい、起動のタイミングを制御できない。 - </p> - <p> - ここまで実行すると、<code>php-wasm.js</code> と <code>php-wasm.wasm</code> が作られる。では、ここからはこれらの実行環境を作っていこう。 - </p> - <p> - といっても、Node.js はビルトインで WebAssembly をサポートしているので、ほとんどやることはない。先ほど掲載した JavaScript のコードは、<code>Dockerfile</code> と同じディレクトリに <code>index.mjs</code> で配置すること。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">FROM</span><span style="color:#24292E"> node:20.7</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">WORKDIR</span><span style="color:#24292E"> /app</span></span> -<span class="line"><span style="color:#D73A49">COPY</span><span style="color:#24292E"> --from=wasm-builder /src/php-wasm.js /app/php-wasm.mjs</span></span> -<span class="line"><span style="color:#D73A49">COPY</span><span style="color:#24292E"> --from=wasm-builder /src/php-wasm.wasm /app/php-wasm.wasm</span></span> -<span class="line"><span style="color:#D73A49">COPY</span><span style="color:#24292E"> index.mjs /app/</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">ENTRYPOINT</span><span style="color:#24292E"> [</span><span style="color:#032F62">"node"</span><span style="color:#24292E">, </span><span style="color:#032F62">"index.mjs"</span><span style="color:#24292E">]</span></span></code></pre> - </div> - </section> - </section> - <section id="section--run"> - <h2><a href="#section--run">実行</a></h2> - <p> - <code>Dockerfile</code>、<code>php-wasm.c</code>、<code>index.mjs</code> を用意したら、Docker コンテナをビルドして実行する。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ docker build -t php-wasm .</span></span> -<span class="line"><span>$ echo 'echo "Hello, World!", PHP_EOL;' | docker run --rm -i php-wasm</span></span> -<span class="line"><span>Hello, World!</span></span> -<span class="line"><span></span></span> -<span class="line"><span></span></span> -<span class="line"><span>exit code: 0</span></span></code></pre> - </div> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">まとめ</a></h2> - <p> - <a href="https://github.com/nsfisis/tiny-php.wasm" rel="noreferrer" target="_blank">ここまでをまとめた Git リポジトリ</a> を用意した。簡単にコンパイルできるので、興味があれば試してみてほしい。 - </p> - </section> - <section id="section--references"> - <h2><a href="#section--references">参考リンク</a></h2> - <ul> - <li> - <a href="https://github.com/php/php-src" rel="noreferrer" target="_blank">php/php-src: ビルドの方法について</a> - </li> - <li> - <a href="https://emscripten.org/docs/getting_started/Tutorial.html" rel="noreferrer" target="_blank">Emscripten: チュートリアル</a> - </li> - <li> - <a href="https://emscripten.org/docs/compiling/Building-Projects.html#building-projects" rel="noreferrer" target="_blank">Emscripten: ビルドの基本</a> - </li> - <li> - <a href="https://emscripten.org/docs/tools_reference/emcc.html#emccdoc" rel="noreferrer" target="_blank">Emscripten: <code>emcc</code> などのリファレンス</a> - </li> - <li> - <a href="https://emscripten.org/docs/api_reference/module.html#module" rel="noreferrer" target="_blank">Emscripten: 生成される JavaScript の API</a> - </li> - </ul> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2023-10-13/i-entered-the-open-university-of-japan/index.html b/vhosts/blog/public/posts/2023-10-13/i-entered-the-open-university-of-japan/index.html deleted file mode 100644 index b7454af0..00000000 --- a/vhosts/blog/public/posts/2023-10-13/i-entered-the-open-university-of-japan/index.html +++ /dev/null @@ -1,79 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2023 nsfisis"> - <meta name="description" content="放送大学に入学しました。頑張ります。"> - <meta name="keywords" content="放送大学"> - <meta property="og:type" content="article"> - <meta property="og:title" content="放送大学に入学しました｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="放送大学に入学しました。頑張ります。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>放送大学に入学しました｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">放送大学に入学しました</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/ouj/">放送大学</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2023-10-13">2023-10-13</time>: 公開 - </li> - </ol> - </section> - <section id="section--i-entered-ouj"> - <h2><a href="#section--i-entered-ouj">放送大学に入学しました</a></h2> - <p> - とあるきっかけがあり、もう一度大学生をすることにしました。仕事のほうも、これまでどおりフルタイムで続けていきます。 - </p> - <p> - 黙っているよりも公表したほうがモチベーションの向上に繋がるだろうと思い、このブログに記事として載せました。 - </p> - <p> - 以上、短いですが報告でした。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2023-12-03/isucon-13/index.html b/vhosts/blog/public/posts/2023-12-03/isucon-13/index.html deleted file mode 100644 index 0a476a84..00000000 --- a/vhosts/blog/public/posts/2023-12-03/isucon-13/index.html +++ /dev/null @@ -1,149 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2023 nsfisis"> - <meta name="description" content="ISUCON 13 に参加した。チーム名「うつしもゆ」、最終スコア 13,580 点"> - <meta name="keywords" content="ISUCON"> - <meta property="og:type" content="article"> - <meta property="og:title" content="ISUCON 13 に参加した｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="ISUCON 13 に参加した。チーム名「うつしもゆ」、最終スコア 13,580 点"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>ISUCON 13 に参加した｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">ISUCON 13 に参加した</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/isucon/">ISUCON</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2023-12-03">2023-12-03</time>: 公開 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - 先日 11月25日、 <a href="https://isucon.net/archives/57801192.html" rel="noreferrer" target="_blank">ISUCON 13</a> に参加した。ISUCON への参加は今回が初めてとなる。私 nsfisis の1人チーム「うつしもゆ」として参加し、最終スコアは 13,580 点だった。使用言語は Go。 - </p> - <div class="admonition"> - <div class="admonition-label"> - NOTE - </div> - <div class="admonition-content"> - <p> - 「ISUCON」は、LINEヤフー株式会社の商標または登録商標です。 <a href="https://isucon.net/" rel="noreferrer" target="_blank">ISUCON 公式サイトはこちら。</a> - </p> - </div> - </div> - </section> - <section id="section--goals"> - <h2><a href="#section--goals">目標</a></h2> - <p> - 今回は初参加ということもあり、目標を以下のように定めた。 - </p> - <ul> - <li> - 正のスコアを取る - <ul> - <li> - ISUCON ではサーバ動作の整合性がチェックされ、失敗するとスコア 0 となる - </li> - </ul> - </li> - <li> - 速度改善以外に時間を浪費しない (= ハマらない) - <ul> - <li> - プロビジョニング、デバッグ、ミドルウェアの設定方法の調査など、性能改善に寄与しない時間を最小限にする - </li> - </ul> - </li> - </ul> - </section> - <section id="section--strategy"> - <h2><a href="#section--strategy">戦略</a></h2> - <p> - ISUCON で高スコアを出す戦略については、戦闘力の高い方々が良質な記事を書いてくださっている。ここでは、上述したような低い目標を達成するための戦略について書こうと思う。 - </p> - <section id="section--strategy--do-not-destroy-environment"> - <h3><a href="#section--strategy--do-not-destroy-environment">環境を破壊しない</a></h3> - <p> - ミドルウェアの設定やアプリケーションコードなど、変更を加えるあらゆるものは、必ずバックアップを取るか Git で管理する。復旧不能になって環境ごと作り直すことだけは必ず避ける。 - </p> - </section> - <section id="section--strategy--revert-changes-immediately"> - <h3><a href="#section--strategy--revert-changes-immediately">すぐに変更を取り消す</a></h3> - <p> - それでも壊してしまったときは、即座に変更を取り消す。壊れた理由を調べることに固執しない。 - </p> - </section> - <section id="section--strategy--do-small-deployment"> - <h3><a href="#section--strategy--do-small-deployment">小さくデプロイする</a></h3> - <p> - 一度に複数の変更を加えず、可能な限り小さな単位でデプロイする。そしてその都度ベンチマークを走らせ、整合性チェックが通るかどうかを (当然速くなっているかどうかも) 確かめる。 - </p> - </section> - <section id="section--strategy--use-familiar-tools"> - <h3><a href="#section--strategy--use-familiar-tools">使い慣れた道具を使う</a></h3> - <p> - 使用する言語、ミドルウェア、ツール類を、使い慣れたものに限定する。「このツールのオプションはほとんどそらで指定できる」と言えるようなものだけを使う。「自分では使ったことがないが ISUCON 強者がお勧めしていた」といった理由でツールを選定しない (もちろん、本番までに練習して習熟するという選択肢は存在する)。 - </p> - </section> - </section> - <section id="section--performance-optimization"> - <h2><a href="#section--performance-optimization">パフォーマンスの最適化</a></h2> - <p> - もっと強い人の記事を参考にしてほしい。 - </p> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - 事前の準備も含めて、大変楽しいイベントだった。次回があるなら是非また参加したい。その際は、順位やスコアを目標として立てられるようになりたいものである。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2023-12-31/2023-reflections/index.html b/vhosts/blog/public/posts/2023-12-31/2023-reflections/index.html deleted file mode 100644 index 423eade4..00000000 --- a/vhosts/blog/public/posts/2023-12-31/2023-reflections/index.html +++ /dev/null @@ -1,183 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2023 nsfisis"> - <meta name="description" content="2023年にやったことを振り返る"> - <meta property="og:type" content="article"> - <meta property="og:title" content="2023年の振り返り｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="2023年にやったことを振り返る"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>2023年の振り返り｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">2023年の振り返り</h1> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2023-12-31">2023-12-31</time>: 公開 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - 男もすなる年末の振り返りといふものを女もしてみむとてするなり。 - </p> - </section> - <section id="section--conferences"> - <h2><a href="#section--conferences">登壇・カンファレンススタッフ</a></h2> - <p> - 勉強会やカンファレンスで登壇したりスタッフをしたりし始めたのは今年かららしい。LT 等も含めて計 11 回の登壇をおこなった。 - </p> - <ul> - <li> - PHP 勉強会@東京での登壇 (計 8 回) - <ul> - <li> - <a href="/slides/2023-01-18/phpstudy-tokyo-148/">第 148 回</a> - </li> - <li> - <a href="/slides/2023-02-15/phpstudy-tokyo-149/">第 149 回</a> - </li> - <li> - <a href="/slides/2023-03-15/phpstudy-tokyo-150/">第 150 回</a> - </li> - <li> - <a href="/slides/2023-04-12/phpstudy-tokyo-151/">第 151 回</a> - </li> - <li> - <a href="/slides/2023-06-21/phpstudy-tokyo-153/">第 153 回</a> - </li> - <li> - <a href="/slides/2023-07-26/phpstudy-tokyo-154/">第 154 回</a> - </li> - <li> - <a href="/slides/2023-08-24/phpstudy-tokyo-155/">第 155 回</a> - </li> - <li> - <a href="/slides/2023-10-25/phpstudy-tokyo-157/">第 157 回</a> - </li> - </ul> - </li> - <li> - PHPerKaigi 2023 での登壇 - <ul> - <li> - <a href="/slides/2023-03-24/phperkaigi-2023/">レギュラートーク</a> - </li> - <li> - <a href="/slides/2023-03-25/phperkaigi-2023-tokens/">トークン解説セッション</a> - </li> - </ul> - </li> - <li> - PHPerKaigi 2023 での当日スタッフ業 - </li> - <li> - <a href="/slides/2023-06-23/phpconfuk-2023-eve/">非公式でおこなわれた PHP カンファレンス福岡 2023 の 前夜祭イベントでの登壇</a> - </li> - <li> - PHPerKaigi 2024 でのコアスタッフ業 - </li> - </ul> - </section> - <section id="section--articles"> - <h2><a href="#section--articles">書いた記事</a></h2> - <p> - 登壇が増えたためか記事を書く機会が減ってしまった。特に社内記事の本数が大きく減少しており、一昨年は約 100 本、昨年は約 60 本の社内記事を書いていたが、今年は 30 本強に留まった。その頃と比べると文章を書く筋肉が衰えているように感じる。 - </p> - <ul> - <li> - 社外記事 (このブログ): 8本 - </li> - <li> - 社内記事: 34本 - <ul> - <li> - 年間で最も記事を書いた人として社内表彰された - </li> - </ul> - </li> - </ul> - </section> - <section id="section--coding"> - <h2><a href="#section--coding">作ったもの</a></h2> - <p> - ガラクタをいくつか作った。役には立たないが、作るのが楽しいという効用がある。 - </p> - <ul> - <li> - <a href="https://github.com/nsfisis/PHPerKaigi2023-tokens" rel="noreferrer" target="_blank">PHPerKaigi2023-tokens</a> : PHPerKaigi 2023 でおこなわれた PHPer チャレンジという企画で用意した問題 - </li> - <li> - <a href="https://github.com/nsfisis/twitter2x-quine" rel="noreferrer" target="_blank">twitter2x-quine</a> : Twitter のロゴを 𝕏 にする変則 quine - </li> - <li> - <a href="https://github.com/nsfisis/9-puzzle-quine.php" rel="noreferrer" target="_blank">9-puzzle-quine.php</a> : 9パズルが遊べる変則 quine - </li> - </ul> - </section> - <section id="section--misc"> - <h2><a href="#section--misc">その他</a></h2> - <ul> - <li> - <a href="/posts/2023-10-13/i-entered-the-open-university-of-japan/">放送大学に入学した</a> - </li> - <li> - <a href="/posts/2023-12-03/isucon-13/">ISUCON に初参加した</a> - </li> - <li> - データベーススペシャリストを取得した - </li> - <li> - 漢検2級を取得した - </li> - </ul> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - 今年も大変お世話になりました。よいお年を！ - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2024-01-10/neovim-insert-namespace-declaration-to-empty-php-file/index.html b/vhosts/blog/public/posts/2024-01-10/neovim-insert-namespace-declaration-to-empty-php-file/index.html deleted file mode 100644 index a85e5bb5..00000000 --- a/vhosts/blog/public/posts/2024-01-10/neovim-insert-namespace-declaration-to-empty-php-file/index.html +++ /dev/null @@ -1,280 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2024 nsfisis"> - <meta name="description" content="Neovim で空の PHP ファイルを開いたとき、ディレクトリの構造に基づいて自動的に namespace 宣言を挿入するようにする。"> - <meta name="keywords" content="Neovim,PHP"> - <meta property="og:type" content="article"> - <meta property="og:title" content="【Neovim】 空の PHP ファイルに namespace 宣言を挿入する｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="Neovim で空の PHP ファイルを開いたとき、ディレクトリの構造に基づいて自動的に namespace 宣言を挿入するようにする。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>【Neovim】 空の PHP ファイルに namespace 宣言を挿入する｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">【Neovim】 空の PHP ファイルに namespace 宣言を挿入する</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/neovim/">Neovim</a> - </li> - <li class="tag"> - <a href="/tags/php/">PHP</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2024-01-10">2024-01-10</time>: 公開 - </li> - </ol> - </section> - <div class="admonition"> - <div class="admonition-label"> - NOTE - </div> - <div class="admonition-content"> - <p> - この記事は <a href="https://vim-jp.org/ekiden/" rel="noreferrer" target="_blank">Vim 駅伝</a> #136 の記事です。 - </p> - </div> - </div> - <section id="section--intro"> - <h2><a href="#section--intro">やりたいこと</a></h2> - <p> - Neovim で空の PHP ファイルを開いたとき、そのファイルが置かれているディレクトリの構造に基づいて、自動的に <code>namespace</code> 宣言を挿入したい。具体的には、トップレベルの名前空間が <code>MyNamespace</code> であり、ファイル <code>src/Foo/Bar/Baz.php</code> を開いたときに、そのファイルが空であるなら、次のようなテンプレートが自動的に挿入されてほしい。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">namespace</span><span style="color:#6F42C1"> MyNamespace\Foo\Bar</span><span style="color:#24292E">;</span></span></code></pre> - </div> - </section> - <section id="section--version"> - <h2><a href="#section--version">バージョン情報</a></h2> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ nvim --version</span></span> -<span class="line"><span>NVIM v0.9.2</span></span> -<span class="line"><span>Build type: Release</span></span> -<span class="line"><span>LuaJIT 2.1.1693350652</span></span></code></pre> - </div> - <p> - 今回は Lua で処理を記述したため、Vim では動作しない。以下の説明でも Neovim に絞って述べる。また、パス区切りがスラッシュである前提で記述したため、Windows には対応していない。 - </p> - </section> - <section id="section--ftplugin"> - <h2><a href="#section--ftplugin">ftplugin を用意する</a></h2> - <p> - Neovim には特定のファイルタイプに対して特別な処理をおこなうための ftplugin と呼ばれる仕組みがある。Neovim の設定を置くディレクトリ (例えば <code>~/.config/nvim</code>) の配下に <code>ftplugin/<FILE_TYPE>.vim</code> または <code>ftplugin/<FILE_TYPE>.lua</code> というファイルを配置すると、その <code><FILE_TYPE></code> が読み込まれたときにそのファイルが自動的に実行される。 - </p> - <p> - 今回は、Neovim がデフォルトで用意している PHP 用 ftplugin が動作したあとに追加の処理をおこないたいので、<code>after/ftplugin/php.{vim,lua}</code> というファイルを配置する。名前から察せられるとおり、<code>after/ftplugin</code> 以下のファイルは <code>ftplugin</code> 以下のファイルよりもあとに実行される。 - </p> - <p> - この記事では Lua で処理を記述するため、拡張子には <code>.lua</code> を用いる。これ以降載せるコードは、すべて <code>after/ftplugin/php.lua</code> の中に記述している。 - </p> - </section> - <section id="section--did-ftplugin"> - <h2><a href="#section--did-ftplugin">二重読み込みを防ぐ</a></h2> - <p> - ファイルタイプは読み込んだあとに変更されることもあるので、ftplugin は複数回実行されうる。二重読み込みを防ぐために、<code>did_ftplugin_<FILE_TYPE>_after</code> というバッファローカル変数を定義しておくのが慣習となっている。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">if</span><span style="color:#24292E"> vim.</span><span style="color:#6F42C1">b</span><span style="color:#24292E">.</span><span style="color:#6F42C1">did_ftplugin_php_after</span><span style="color:#D73A49"> then</span></span> -<span class="line"><span style="color:#D73A49"> return</span></span> -<span class="line"><span style="color:#D73A49">end</span></span> -<span class="line"></span> -<span class="line"><span style="color:#6A737D">-- ここに実際の処理を書く</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E">vim.</span><span style="color:#6F42C1">b</span><span style="color:#24292E">.</span><span style="color:#6F42C1">did_ftplugin_php_after</span><span style="color:#D73A49"> =</span><span style="color:#005CC5"> true</span></span></code></pre> - </div> - </section> - <section id="section--implement"> - <h2><a href="#section--implement">実装する</a></h2> - <p> - では実装していこう。今回私は次のようなロジックとした。以降、「今 Neovim で開いた PHP ファイル」のことを「対象ファイル」と呼ぶことにする。 - </p> - <ol> - <li> - 対象ファイルが空でなければ何もしない - </li> - <li> - 対象ファイルが置かれたディレクトリを上に辿って、<code>composer.json</code> を見つける - </li> - <li> - <code>composer.json</code> の <code>autoload.psr-4</code> を見て、トップレベルの名前空間とディレクトリを特定する - </li> - <li> - 対象ファイルが置かれたディレクトリが、トップレベルのディレクトリを基準としてどのようにネストしているか調べる - </li> - <li> - オートロードの設定と照らし合わせて、対象ファイルが属すべき名前空間を特定する - </li> - <li> - PHP の開始タグとともに <code>namespace</code> 宣言を挿入する - </li> - </ol> - <p> - 実装を簡単にするため、Composer を用いない場合や PSR 4 以外のオートロード規則を使う場合には対応しない。少々長くなるが、以下にスクリプト全文を載せる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">if</span><span style="color:#24292E"> vim.</span><span style="color:#6F42C1">b</span><span style="color:#24292E">.</span><span style="color:#6F42C1">did_ftplugin_php_after</span><span style="color:#D73A49"> then</span></span> -<span class="line"><span style="color:#D73A49"> return</span></span> -<span class="line"><span style="color:#D73A49">end</span></span> -<span class="line"></span> -<span class="line"><span style="color:#6A737D">-- base_dir を起点としてディレクトリを上向きに辿っていき、composer.json を探す</span></span> -<span class="line"><span style="color:#6A737D">-- :help vim.fs.find()</span></span> -<span class="line"><span style="color:#D73A49">local</span><span style="color:#D73A49"> function</span><span style="color:#6F42C1"> find_composer_json</span><span style="color:#24292E">(base_dir)</span></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#24292E"> vim.</span><span style="color:#6F42C1">fs</span><span style="color:#24292E">.</span><span style="color:#005CC5">find</span><span style="color:#24292E">(</span><span style="color:#032F62">'composer.json'</span><span style="color:#24292E">, {</span></span> -<span class="line"><span style="color:#24292E"> path </span><span style="color:#D73A49">=</span><span style="color:#24292E"> base_dir,</span></span> -<span class="line"><span style="color:#24292E"> upward </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> true</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#6A737D"> -- ホームディレクトリまで到達したら探索を打ち切る</span></span> -<span class="line"><span style="color:#24292E"> stop </span><span style="color:#D73A49">=</span><span style="color:#24292E"> vim.</span><span style="color:#6F42C1">loop</span><span style="color:#24292E">.</span><span style="color:#005CC5">os_homedir</span><span style="color:#24292E">(),</span></span> -<span class="line"><span style="color:#24292E"> type </span><span style="color:#D73A49">=</span><span style="color:#032F62"> 'file'</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#24292E"> })[</span><span style="color:#005CC5">1</span><span style="color:#24292E">]</span></span> -<span class="line"><span style="color:#D73A49">end</span></span> -<span class="line"></span> -<span class="line"><span style="color:#6A737D">-- JSON ファイルを読み込み、デコードして返す</span></span> -<span class="line"><span style="color:#6A737D">-- :help readblob()</span></span> -<span class="line"><span style="color:#6A737D">-- :help vim.json.decode</span></span> -<span class="line"><span style="color:#6A737D">-- :help luaref-pcall()</span></span> -<span class="line"><span style="color:#D73A49">local</span><span style="color:#D73A49"> function</span><span style="color:#6F42C1"> load_json</span><span style="color:#24292E">(file_path)</span></span> -<span class="line"><span style="color:#6A737D"> -- readblob() は Vim script では Blob オブジェクトを返すが、Lua から呼ぶと string に変換される</span></span> -<span class="line"><span style="color:#D73A49"> local</span><span style="color:#24292E"> ok_read, content </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> pcall</span><span style="color:#24292E">(vim.</span><span style="color:#6F42C1">fn</span><span style="color:#24292E">.</span><span style="color:#6F42C1">readblob</span><span style="color:#24292E">, file_path)</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#D73A49"> not</span><span style="color:#24292E"> ok_read </span><span style="color:#D73A49">then</span></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#005CC5"> nil</span></span> -<span class="line"><span style="color:#D73A49"> end</span></span> -<span class="line"><span style="color:#D73A49"> local</span><span style="color:#24292E"> ok_decode, obj </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> pcall</span><span style="color:#24292E">(vim.</span><span style="color:#6F42C1">json</span><span style="color:#24292E">.</span><span style="color:#6F42C1">decode</span><span style="color:#24292E">, content)</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#D73A49"> not</span><span style="color:#24292E"> ok_decode </span><span style="color:#D73A49">then</span></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#005CC5"> nil</span></span> -<span class="line"><span style="color:#D73A49"> end</span></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#24292E"> obj</span></span> -<span class="line"><span style="color:#D73A49">end</span></span> -<span class="line"></span> -<span class="line"><span style="color:#6A737D">-- 対象ファイルの置かれたディレクトリを基に namespace 宣言を生成する</span></span> -<span class="line"><span style="color:#6A737D">-- :help nvim_buf_get_name()</span></span> -<span class="line"><span style="color:#6A737D">-- :help vim.fs.dirname()</span></span> -<span class="line"><span style="color:#D73A49">local</span><span style="color:#D73A49"> function</span><span style="color:#6F42C1"> generate_namespace_declaration</span><span style="color:#24292E">()</span></span> -<span class="line"><span style="color:#6A737D"> -- composer.json を探し、トップレベルの名前空間とディレクトリを特定する</span></span> -<span class="line"><span style="color:#D73A49"> local</span><span style="color:#24292E"> current_dir </span><span style="color:#D73A49">=</span><span style="color:#24292E"> vim.</span><span style="color:#6F42C1">fs</span><span style="color:#24292E">.</span><span style="color:#005CC5">dirname</span><span style="color:#24292E">(vim.</span><span style="color:#6F42C1">api</span><span style="color:#24292E">.</span><span style="color:#005CC5">nvim_buf_get_name</span><span style="color:#24292E">(</span><span style="color:#005CC5">0</span><span style="color:#24292E">))</span></span> -<span class="line"><span style="color:#D73A49"> local</span><span style="color:#24292E"> path_to_composer_json </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> find_composer_json</span><span style="color:#24292E">(current_dir)</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#D73A49"> not</span><span style="color:#24292E"> path_to_composer_json </span><span style="color:#D73A49">then</span></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#005CC5"> nil</span><span style="color:#6A737D"> -- failed to locate composer.json</span></span> -<span class="line"><span style="color:#D73A49"> end</span></span> -<span class="line"><span style="color:#D73A49"> local</span><span style="color:#24292E"> composer_json </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> load_json</span><span style="color:#24292E">(path_to_composer_json)</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#D73A49"> not</span><span style="color:#24292E"> composer_json </span><span style="color:#D73A49">then</span></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#005CC5"> nil</span><span style="color:#6A737D"> -- failed to load composer.json</span></span> -<span class="line"><span style="color:#D73A49"> end</span></span> -<span class="line"><span style="color:#6A737D"> -- autoload.psr-4 を探し、型が期待される型と一致するかどうか調べる</span></span> -<span class="line"><span style="color:#D73A49"> local</span><span style="color:#24292E"> psr4 </span><span style="color:#D73A49">=</span><span style="color:#24292E"> vim.</span><span style="color:#005CC5">tbl_get</span><span style="color:#24292E">(composer_json, </span><span style="color:#032F62">'autoload'</span><span style="color:#24292E">, </span><span style="color:#032F62">'psr-4'</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#D73A49"> not</span><span style="color:#24292E"> psr4 </span><span style="color:#D73A49">then</span></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#005CC5"> nil</span><span style="color:#6A737D"> -- autoload.psr-4 section is absent</span></span> -<span class="line"><span style="color:#D73A49"> end</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#24292E"> vim.</span><span style="color:#005CC5">tbl_count</span><span style="color:#24292E">(psr4) </span><span style="color:#D73A49">~=</span><span style="color:#005CC5"> 1</span><span style="color:#D73A49"> then</span></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#005CC5"> nil</span><span style="color:#6A737D"> -- psr-4 section is ambiguous</span></span> -<span class="line"><span style="color:#D73A49"> end</span></span> -<span class="line"><span style="color:#D73A49"> local</span><span style="color:#24292E"> psr4_namespace, psr4_dir</span></span> -<span class="line"><span style="color:#D73A49"> for</span><span style="color:#24292E"> k, v </span><span style="color:#D73A49">in</span><span style="color:#005CC5"> pairs</span><span style="color:#24292E">(psr4) </span><span style="color:#D73A49">do</span></span> -<span class="line"><span style="color:#24292E"> psr4_namespace </span><span style="color:#D73A49">=</span><span style="color:#24292E"> k</span></span> -<span class="line"><span style="color:#24292E"> psr4_dir </span><span style="color:#D73A49">=</span><span style="color:#24292E"> v</span></span> -<span class="line"><span style="color:#D73A49"> end</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#005CC5"> type</span><span style="color:#24292E">(psr4_dir) </span><span style="color:#D73A49">==</span><span style="color:#032F62"> 'table' </span><span style="color:#D73A49">then</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#D73A49"> #</span><span style="color:#24292E">psr4_dir </span><span style="color:#D73A49">==</span><span style="color:#005CC5"> 1</span><span style="color:#D73A49"> then</span></span> -<span class="line"><span style="color:#24292E"> psr4_dir </span><span style="color:#D73A49">=</span><span style="color:#24292E"> psr4_dir[</span><span style="color:#005CC5">1</span><span style="color:#24292E">]</span></span> -<span class="line"><span style="color:#D73A49"> else</span></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#005CC5"> nil</span><span style="color:#6A737D"> -- psr-4 section is ambiguous</span></span> -<span class="line"><span style="color:#D73A49"> end</span></span> -<span class="line"><span style="color:#D73A49"> end</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#005CC5"> type</span><span style="color:#24292E">(psr4_namespace) </span><span style="color:#D73A49">~=</span><span style="color:#032F62"> 'string' </span><span style="color:#D73A49">or</span><span style="color:#005CC5"> type</span><span style="color:#24292E">(psr4_dir) </span><span style="color:#D73A49">~=</span><span style="color:#032F62"> 'string' </span><span style="color:#D73A49">then</span></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#005CC5"> nil</span><span style="color:#6A737D"> -- psr-4 section is invalid</span></span> -<span class="line"><span style="color:#D73A49"> end</span></span> -<span class="line"><span style="color:#6A737D"> -- 末尾のスラッシュとバックスラッシュを取り除いておく</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#6F42C1"> psr4_namespace</span><span style="color:#24292E">:</span><span style="color:#005CC5">sub</span><span style="color:#24292E">(</span><span style="color:#D73A49">-</span><span style="color:#005CC5">1</span><span style="color:#24292E">, </span><span style="color:#D73A49">-</span><span style="color:#005CC5">1</span><span style="color:#24292E">) </span><span style="color:#D73A49">==</span><span style="color:#032F62"> '</span><span style="color:#005CC5">\\</span><span style="color:#032F62">' </span><span style="color:#D73A49">then</span></span> -<span class="line"><span style="color:#24292E"> psr4_namespace </span><span style="color:#D73A49">=</span><span style="color:#6F42C1"> psr4_namespace</span><span style="color:#24292E">:</span><span style="color:#005CC5">sub</span><span style="color:#24292E">(</span><span style="color:#005CC5">0</span><span style="color:#24292E">, </span><span style="color:#D73A49">-</span><span style="color:#005CC5">2</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#D73A49"> end</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#6F42C1"> psr4_dir</span><span style="color:#24292E">:</span><span style="color:#005CC5">sub</span><span style="color:#24292E">(</span><span style="color:#D73A49">-</span><span style="color:#005CC5">1</span><span style="color:#24292E">, </span><span style="color:#D73A49">-</span><span style="color:#005CC5">1</span><span style="color:#24292E">) </span><span style="color:#D73A49">==</span><span style="color:#032F62"> '/' </span><span style="color:#D73A49">then</span></span> -<span class="line"><span style="color:#24292E"> psr4_dir </span><span style="color:#D73A49">=</span><span style="color:#6F42C1"> psr4_dir</span><span style="color:#24292E">:</span><span style="color:#005CC5">sub</span><span style="color:#24292E">(</span><span style="color:#005CC5">0</span><span style="color:#24292E">, </span><span style="color:#D73A49">-</span><span style="color:#005CC5">2</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#D73A49"> end</span></span> -<span class="line"></span> -<span class="line"><span style="color:#6A737D"> -- 対象ファイルが置かれたディレクトリとトップレベルのディレクトリを比較し、その差分を名前空間とする</span></span> -<span class="line"><span style="color:#D73A49"> local</span><span style="color:#24292E"> namespace_root_dir </span><span style="color:#D73A49">=</span><span style="color:#24292E"> vim.</span><span style="color:#6F42C1">fs</span><span style="color:#24292E">.</span><span style="color:#005CC5">dirname</span><span style="color:#24292E">(path_to_composer_json) </span><span style="color:#D73A49">..</span><span style="color:#032F62"> '/' </span><span style="color:#D73A49">..</span><span style="color:#24292E"> psr4_dir</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#D73A49"> not</span><span style="color:#24292E"> vim.</span><span style="color:#005CC5">startswith</span><span style="color:#24292E">(current_dir, namespace_root_dir) </span><span style="color:#D73A49">then</span></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#005CC5"> nil</span></span> -<span class="line"><span style="color:#D73A49"> end</span></span> -<span class="line"><span style="color:#D73A49"> local</span><span style="color:#24292E"> current_path_suffix </span><span style="color:#D73A49">=</span><span style="color:#6F42C1"> current_dir</span><span style="color:#24292E">:</span><span style="color:#005CC5">sub</span><span style="color:#24292E">(</span><span style="color:#D73A49">#</span><span style="color:#24292E">namespace_root_dir </span><span style="color:#D73A49">+</span><span style="color:#005CC5"> 1</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#D73A49"> local</span><span style="color:#24292E"> namespace </span><span style="color:#D73A49">=</span><span style="color:#24292E"> psr4_namespace </span><span style="color:#D73A49">..</span><span style="color:#6F42C1"> current_path_suffix</span><span style="color:#24292E">:</span><span style="color:#005CC5">gsub</span><span style="color:#24292E">(</span><span style="color:#032F62">'/'</span><span style="color:#24292E">, </span><span style="color:#032F62">'</span><span style="color:#005CC5">\\</span><span style="color:#032F62">'</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#24292E"> (</span><span style="color:#032F62">"namespace %s;"</span><span style="color:#24292E">):</span><span style="color:#005CC5">format</span><span style="color:#24292E">(namespace)</span></span> -<span class="line"><span style="color:#D73A49">end</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">local</span><span style="color:#D73A49"> function</span><span style="color:#6F42C1"> generate_template</span><span style="color:#24292E">()</span></span> -<span class="line"><span style="color:#D73A49"> local</span><span style="color:#24292E"> lines </span><span style="color:#D73A49">=</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#032F62"> '<?php'</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#032F62"> ''</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#032F62"> 'declare(strict_types=1);'</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#032F62"> ''</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#D73A49"> local</span><span style="color:#24292E"> namespace_decl </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> generate_namespace_declaration</span><span style="color:#24292E">()</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#24292E"> namespace_decl </span><span style="color:#D73A49">then</span></span> -<span class="line"><span style="color:#24292E"> lines[</span><span style="color:#D73A49">#</span><span style="color:#24292E">lines </span><span style="color:#D73A49">+</span><span style="color:#005CC5"> 1</span><span style="color:#24292E">] </span><span style="color:#D73A49">=</span><span style="color:#24292E"> namespace_decl</span></span> -<span class="line"><span style="color:#24292E"> lines[</span><span style="color:#D73A49">#</span><span style="color:#24292E">lines </span><span style="color:#D73A49">+</span><span style="color:#005CC5"> 1</span><span style="color:#24292E">] </span><span style="color:#D73A49">=</span><span style="color:#032F62"> ''</span></span> -<span class="line"><span style="color:#D73A49"> end</span></span> -<span class="line"><span style="color:#24292E"> lines[</span><span style="color:#D73A49">#</span><span style="color:#24292E">lines </span><span style="color:#D73A49">+</span><span style="color:#005CC5"> 1</span><span style="color:#24292E">] </span><span style="color:#D73A49">=</span><span style="color:#032F62"> ''</span></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#24292E"> lines</span></span> -<span class="line"><span style="color:#D73A49">end</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">if</span><span style="color:#24292E"> vim.</span><span style="color:#6F42C1">fn</span><span style="color:#24292E">.</span><span style="color:#005CC5">line</span><span style="color:#24292E">(</span><span style="color:#032F62">'$'</span><span style="color:#24292E">) </span><span style="color:#D73A49">==</span><span style="color:#005CC5"> 1</span><span style="color:#D73A49"> and</span><span style="color:#24292E"> vim.</span><span style="color:#6F42C1">fn</span><span style="color:#24292E">.</span><span style="color:#005CC5">getline</span><span style="color:#24292E">(</span><span style="color:#005CC5">1</span><span style="color:#24292E">) </span><span style="color:#D73A49">==</span><span style="color:#032F62"> '' </span><span style="color:#D73A49">then</span></span> -<span class="line"><span style="color:#6A737D"> -- 対象ファイルが空なら、テンプレートを挿入してカーソルを末尾に移動させる</span></span> -<span class="line"><span style="color:#6A737D"> -- :help setline()</span></span> -<span class="line"><span style="color:#6A737D"> -- :help cursor()</span></span> -<span class="line"><span style="color:#24292E"> vim.</span><span style="color:#6F42C1">fn</span><span style="color:#24292E">.</span><span style="color:#005CC5">setline</span><span style="color:#24292E">(</span><span style="color:#005CC5">1</span><span style="color:#24292E">, </span><span style="color:#005CC5">generate_template</span><span style="color:#24292E">())</span></span> -<span class="line"><span style="color:#24292E"> vim.</span><span style="color:#6F42C1">fn</span><span style="color:#24292E">.</span><span style="color:#005CC5">cursor</span><span style="color:#24292E">(</span><span style="color:#032F62">'$'</span><span style="color:#24292E">, </span><span style="color:#005CC5">0</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#D73A49">end</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E">vim.</span><span style="color:#6F42C1">b</span><span style="color:#24292E">.</span><span style="color:#6F42C1">did_ftplugin_php_after</span><span style="color:#D73A49"> =</span><span style="color:#005CC5"> true</span></span></code></pre> - </div> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - 簡易的な実装だが、多くのケースではうまく動いているようだ。最大の問題は PSR 4 に準拠しないフレームワークを用いているとまったく役に立たないことで、今まさに職場で困っている。こちらはいずれ改良したい。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2024-02-03/install-wireguard-on-personal-server/index.html b/vhosts/blog/public/posts/2024-02-03/install-wireguard-on-personal-server/index.html deleted file mode 100644 index fe9be513..00000000 --- a/vhosts/blog/public/posts/2024-02-03/install-wireguard-on-personal-server/index.html +++ /dev/null @@ -1,211 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2024 nsfisis"> - <meta name="description" content="個人用サービスのセルフホストに使っているサーバに WireGuard を導入する作業をしたメモ"> - <meta name="keywords" content="備忘録,WireGuard"> - <meta property="og:type" content="article"> - <meta property="og:title" content="【備忘録】 個人用サーバに WireGuard を導入する｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="個人用サービスのセルフホストに使っているサーバに WireGuard を導入する作業をしたメモ"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>【備忘録】 個人用サーバに WireGuard を導入する｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">【備忘録】 個人用サーバに WireGuard を導入する</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/note-to-self/">備忘録</a> - </li> - <li class="tag"> - <a href="/tags/wireguard/">WireGuard</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2024-02-03">2024-02-03</time>: 公開 - </li> - <li class="revision"> - <time datetime="2024-02-17">2024-02-17</time>: 80 番ポートについて追記 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - 個人用サービスのセルフホストに使っているサーバに <a href="https://www.wireguard.com/" rel="noreferrer" target="_blank">WireGuard</a> を導入する作業をしたのでメモ。 - </p> - <p> - 登場するホストは以下のとおり: - </p> - <ul> - <li> - サーバ (Ubuntu): <code>10.10.1.1</code> - </li> - <li> - クライアント 1 (Windows): <code>10.10.1.2</code> - </li> - <li> - クライアント 2 (Android): <code>10.10.1.3</code> - </li> - </ul> - <p> - 後ろの IP アドレスは VPN 内で使用するプライベート IP アドレス。 - </p> - </section> - <section id="section--install-wireguard-server"> - <h2><a href="#section--install-wireguard-server">WireGuard のインストール: サーバ</a></h2> - <p> - まずは個人用サービスをホストしている Ubuntu のサーバに WireGuard をインストールする。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ sudo apt install wireguard</span></span></code></pre> - </div> - <p> - 次に、WireGuard で使用する鍵を生成する。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ wg genkey | sudo tee /etc/wireguard/server.key | wg pubkey | sudo tee /etc/wireguard/server.pub</span></span> -<span class="line"><span>$ sudo chmod 600 /etc/wireguard/server.{key,pub}</span></span></code></pre> - </div> - </section> - <section id="section--install-wireguard-client"> - <h2><a href="#section--install-wireguard-client">WireGuard のインストール: クライアント</a></h2> - <p> - 公式サイトから各 OS 向けのクライアントソフトウェアを入手し、インストールする。次に、設定をおこなう。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#6A737D"># クライアント 1 の場合</span></span> -<span class="line"><span style="color:#6F42C1">[Interface]</span></span> -<span class="line"><span style="color:#D73A49">Address</span><span style="color:#24292E"> = 10.10.1.2/32</span></span> -<span class="line"><span style="color:#D73A49">PrivateKey</span><span style="color:#24292E"> = <クライアント 1 の秘密鍵></span></span> -<span class="line"></span> -<span class="line"><span style="color:#6F42C1">[Peer]</span></span> -<span class="line"><span style="color:#D73A49">PublicKey</span><span style="color:#24292E"> = <サーバの公開鍵></span></span> -<span class="line"><span style="color:#D73A49">AllowedIPs</span><span style="color:#24292E"> = <サーバの外部 IP アドレス>/32</span></span> -<span class="line"><span style="color:#D73A49">Endpoint</span><span style="color:#24292E"> = <サーバの外部 IP アドレス>:51820</span></span></code></pre> - </div> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#6A737D"># クライアント 2 の場合</span></span> -<span class="line"><span style="color:#6F42C1">[Interface]</span></span> -<span class="line"><span style="color:#D73A49">Address</span><span style="color:#24292E"> = 10.10.1.3/32</span></span> -<span class="line"><span style="color:#D73A49">PrivateKey</span><span style="color:#24292E"> = <クライアント 2 の秘密鍵></span></span> -<span class="line"></span> -<span class="line"><span style="color:#6F42C1">[Peer]</span></span> -<span class="line"><span style="color:#D73A49">PublicKey</span><span style="color:#24292E"> = <サーバの公開鍵></span></span> -<span class="line"><span style="color:#D73A49">AllowedIPs</span><span style="color:#24292E"> = <サーバの外部 IP アドレス>/32</span></span> -<span class="line"><span style="color:#D73A49">Endpoint</span><span style="color:#24292E"> = <サーバの外部 IP アドレス>:51820</span></span></code></pre> - </div> - <p> - <code>PrivateKey</code> や <code>PublicKey</code> は鍵ファイルのパスではなく中身を書くことに注意。 - </p> - </section> - <section id="section--configure-wireguard"> - <h2><a href="#section--configure-wireguard">WireGuard の設定</a></h2> - <p> - 一度サーバへ戻り、WireGuard の設定ファイルを書く。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ sudo vim /etc/wireguard/wg0.conf</span></span></code></pre> - </div> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#6F42C1">[Interface]</span></span> -<span class="line"><span style="color:#D73A49">Address</span><span style="color:#24292E"> = 10.10.1.1/32</span></span> -<span class="line"><span style="color:#D73A49">SaveConfig</span><span style="color:#24292E"> = true</span></span> -<span class="line"><span style="color:#D73A49">PrivateKey</span><span style="color:#24292E"> = <サーバの秘密鍵></span></span> -<span class="line"><span style="color:#D73A49">ListenPort</span><span style="color:#24292E"> = 51820</span></span> -<span class="line"></span> -<span class="line"><span style="color:#6F42C1">[Peer]</span></span> -<span class="line"><span style="color:#D73A49">PublicKey</span><span style="color:#24292E"> = <クライアント 1 の公開鍵></span></span> -<span class="line"><span style="color:#D73A49">AllowedIPs</span><span style="color:#24292E"> = 10.10.1.2/32</span></span> -<span class="line"></span> -<span class="line"><span style="color:#6F42C1">[Peer]</span></span> -<span class="line"><span style="color:#D73A49">PublicKey</span><span style="color:#24292E"> = <クライアント 2 の公開鍵></span></span> -<span class="line"><span style="color:#D73A49">AllowedIPs</span><span style="color:#24292E"> = 10.10.1.3/32</span></span></code></pre> - </div> - <p> - 次に、WireGuard のサービスを起動する。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ sudo systemctl enable wg-quick@wg0</span></span> -<span class="line"><span>$ sudo systemctl start wg-quick@wg0</span></span></code></pre> - </div> - </section> - <section id="section--configure-firewall"> - <h2><a href="#section--configure-firewall">ファイアウォールの設定</a></h2> - <p> - 続けてファイアウォールを設定する。まずは WireGuard が使用する UDP のポートを開き、<code>wg0</code> を通る通信を許可する。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ sudo ufw allow 51820/udp</span></span> -<span class="line"><span>$ sudo ufw allow in on wg0</span></span> -<span class="line"><span>$ sudo ufw allow out on wg0</span></span></code></pre> - </div> - <p> - 次に、80 や 443 などの必要なポートについて、<code>wg0</code> を経由してのアクセスのみ許可する。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ sudo ufw allow in on wg0 to any port 80 proto tcp</span></span> -<span class="line"><span>$ sudo ufw allow in on wg0 to any port 443 proto tcp</span></span></code></pre> - </div> - <p> - 最後に、<code>ufw</code> を有効にする。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ sudo ufw status</span></span> -<span class="line"><span>$ sudo ufw enable</span></span></code></pre> - </div> - </section> - <section id="section--connect-each-other"> - <h2><a href="#section--connect-each-other">接続する</a></h2> - <p> - これで、各クライアントで VPN を有効にすると、当該サーバの 80 ポートや 443 ポートにアクセスできるようになったはずだ。念のため VPN を切った状態でアクセスできないことも確認しておくとよいだろう。 - </p> - </section> - <section id="section--edit-80-port"> - <h2><a href="#section--edit-80-port">追記: 80 番ポートについて</a></h2> - <p> - Let’s Encrypt でサーバの証明書を取得している場合、80 番ポートを空けておく必要がある。気づかないうちに証明書が切れないよう注意。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2024-02-10/yapcjapan-2024-report/index.html b/vhosts/blog/public/posts/2024-02-10/yapcjapan-2024-report/index.html deleted file mode 100644 index 65e18ba8..00000000 --- a/vhosts/blog/public/posts/2024-02-10/yapcjapan-2024-report/index.html +++ /dev/null @@ -1,123 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2024 nsfisis"> - <meta name="description" content="2024-02-10 に開催された、YAPC::Hiroshima 2024 に参加した。"> - <meta name="keywords" content="カンファレンス,Perl,YAPC"> - <meta property="og:type" content="article"> - <meta property="og:title" content="YAPC::Hiroshima 2024 参加レポ｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="2024-02-10 に開催された、YAPC::Hiroshima 2024 に参加した。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>YAPC::Hiroshima 2024 参加レポ｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">YAPC::Hiroshima 2024 参加レポ</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/conference/">カンファレンス</a> - </li> - <li class="tag"> - <a href="/tags/perl/">Perl</a> - </li> - <li class="tag"> - <a href="/tags/yapc/">YAPC</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2024-02-10">2024-02-10</time>: 公開 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - 2024-02-10 に開催された、 <a href="https://yapcjapan.org/2024hiroshima/" rel="noreferrer" target="_blank">YAPC::Hiroshima 2024</a> に参加した。 - </p> - </section> - <section id="section--sessions-thoughts"> - <h2><a href="#section--sessions-thoughts">セッションの感想</a></h2> - <p> - ※セッションの題名と発表者名は、 <a href="https://fortee.jp/yapc-hiroshima-2024" rel="noreferrer" target="_blank">カンファレンスの fortee ページ</a> から引用。 - </p> - <ul> - <li> - <a href="https://fortee.jp/yapc-hiroshima-2024/proposal/c0e77f91-f856-48a0-9741-b9afb662cd30" rel="noreferrer" target="_blank">VISAカードの裏側と “手が掛かる” 決済システムの育て方 (三谷 さん)</a> - <ul> - <li> - ベストスピーカー賞にも選ばれていましたが、大変面白い発表でした。私自身はカード決済の知識がまったくなかったのですが、巧みな説明により、「わかったような気がする」状態になれました。 - </li> - </ul> - </li> - <li> - <a href="https://fortee.jp/yapc-hiroshima-2024/proposal/0e545260-61e1-465e-951c-91d6afb7782c" rel="noreferrer" target="_blank">awkでつくってわかる、Webアプリケーション (やんまー さん)</a> - <ul> - <li> - ゲームでもプログラミングでも縛りプレイほど楽しいものはないと思います。発表中ではさらっと流されていましたが、データベースとの通信や TLS、GitHub の SSO など、およそ awk で書かれたとは思えぬ機能が多数実装されており、カンファレンスなどの場でしかなかなか味わうことのない狂気に触れることができました。 - </li> - </ul> - </li> - <li> - キーノート (杜甫々 さん) - <ul> - <li> - ※ 招待講演のため fortee のプロポーザルページなし - </li> - <li> - 私が小学6年生のとき、プログラミングを始めようと最初に開いたのが「 <a href="https://www.tohoho-web.com/java/" rel="noreferrer" target="_blank">とほほの Java 入門</a> 」でした。私の人生の道を決定したその第一歩目のサイトの運営者が今まさに目の前で話しているというのは、感動などという言葉ではとても言い尽くせません。これだけで、広島まで来る価値があったと断言できます。 - </li> - </ul> - </li> - </ul> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - 最高だった。特に、杜甫々氏の講演を生で拝聴できたのは、感慨とともに大いに刺激となった。次回の YAPC にも是非参加したい。 - </p> - <p> - P.S. Perl を書いたことがなくとも十二分に楽しめるイベントなので、「Perl を書かない」という理由で参加しなかったかたは、次回是非参加を検討してみてほしい。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2024-02-22/phpkansai-2024-report/index.html b/vhosts/blog/public/posts/2024-02-22/phpkansai-2024-report/index.html deleted file mode 100644 index f3f42d6a..00000000 --- a/vhosts/blog/public/posts/2024-02-22/phpkansai-2024-report/index.html +++ /dev/null @@ -1,120 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2024 nsfisis"> - <meta name="description" content="2024-02-11 に開催された、PHPカンファレンス関西 2024 に参加した。"> - <meta name="keywords" content="カンファレンス,PHP,PHP カンファレンス関西"> - <meta property="og:type" content="article"> - <meta property="og:title" content="PHPカンファレンス関西 2024 参加レポ｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="2024-02-11 に開催された、PHPカンファレンス関西 2024 に参加した。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>PHPカンファレンス関西 2024 参加レポ｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">PHPカンファレンス関西 2024 参加レポ</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/conference/">カンファレンス</a> - </li> - <li class="tag"> - <a href="/tags/php/">PHP</a> - </li> - <li class="tag"> - <a href="/tags/phpkansai/">PHP カンファレンス関西</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2024-02-21">2024-02-21</time>: 公開 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - 2024-02-11 に開催された、 <a href="https://2024.kphpug.jp/" rel="noreferrer" target="_blank">PHPカンファレンス関西 2024</a> に参加した。 - </p> - </section> - <section id="section--sessions-thoughts"> - <h2><a href="#section--sessions-thoughts">セッションの感想</a></h2> - <p> - ※セッションの題名と発表者名は、 <a href="https://fortee.jp/phpcon-kansai2024" rel="noreferrer" target="_blank">カンファレンスの fortee ページ</a> から引用。 - </p> - <ul> - <li> - <a href="https://fortee.jp/phpcon-kansai2024/proposal/4e03491c-2a97-40aa-8ff9-a68593b0e847" rel="noreferrer" target="_blank">RDBアンチパターンと戦う - 削除フラグ 完全攻略ガイド (曽根 壮大 さん)</a> - <ul> - <li> - アンチパターンとして紙の上での知識だけあるものの、実際にどう設計すべきなのか、あるいは今すでに使われている場合にどう直していくべきなのかについては、知識がまったく足りていなかったため、よい機会となりました。データベース分野については、今後も知識のインプットと経験が必要だと感じています。 - </li> - </ul> - </li> - <li> - <a href="https://fortee.jp/phpcon-kansai2024/proposal/c903c4be-77bb-47b9-85a1-5bfdfd61c1aa" rel="noreferrer" target="_blank">PHPコミュニティ、その魅力と熱狂をあなたにも！！！ (ことみん さん)</a> - <ul> - <li> - もしこの記事を読んでいるあなたがまだ一度もカンファレンスや勉強会に参加したことがないなら、この記事はどうでもいいのでスライドを見てください。伝えるべきことは以上です。 - </li> - </ul> - </li> - <li> - <a href="https://fortee.jp/phpcon-kansai2024/proposal/0e0befdb-2028-42c8-98e2-b19e434f5a82" rel="noreferrer" target="_blank">ほげ言語にあってPHPにない機能 (田中ひさてる さん)</a> - <ul> - <li> - 私はプログラミング言語の比較が大好きなので、非常に楽しかったです。UFCS (Uniform Function Call Syntax) の知名度の低さには驚きましたが、D言語er で会場が埋め尽くされていたらそれはそれで驚きなのでやむなしかもしれません。個人的に「ほげ言語にあってPHPにない機能」の中で一番ほしいのは代数的データ型です。 - </li> - </ul> - </li> - </ul> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - <a href="/posts/2024-02-10/yapcjapan-2024-report/">本カンファレンスの前日 2024-02-10 は YAPC::Hiroshima に参加しており</a> 、2日連続のカンファレンスとなった。かなり疲れはしたが、その分充実した週末となったように思う。 - </p> - <p> - 翌3月は PHPerKaigi 2024、4月は PHPカンファレンス小田原 2024 があり、いずれもスタッフ兼スピーカーで参加予定である。今度は提供する側として、満足のいくカンファレンスになるようにしたい。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2024-03-17/phperkaigi-2024-report/index.html b/vhosts/blog/public/posts/2024-03-17/phperkaigi-2024-report/index.html deleted file mode 100644 index fef781ed..00000000 --- a/vhosts/blog/public/posts/2024-03-17/phperkaigi-2024-report/index.html +++ /dev/null @@ -1,176 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2024 nsfisis"> - <meta name="description" content="2024-03-07 から 2024-03-09 にかけて開催された、PHPerKaigi 2024 に参加した。"> - <meta name="keywords" content="カンファレンス,PHP,PHPerKaigi"> - <meta property="og:type" content="article"> - <meta property="og:title" content="PHPerKaigi 2024 参加レポ｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="2024-03-07 から 2024-03-09 にかけて開催された、PHPerKaigi 2024 に参加した。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>PHPerKaigi 2024 参加レポ｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">PHPerKaigi 2024 参加レポ</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/conference/">カンファレンス</a> - </li> - <li class="tag"> - <a href="/tags/php/">PHP</a> - </li> - <li class="tag"> - <a href="/tags/phperkaigi/">PHPerKaigi</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2024-03-17">2024-03-17</time>: 公開 - </li> - <li class="revision"> - <time datetime="2024-07-07">2024-07-07</time>: Wasm ランタイムの進捗について追記 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - 2024-03-07 から 2024-03-09 にかけて開催された、 <a href="https://phperkaigi.jp/2024/" rel="noreferrer" target="_blank">PHPerKaigi 2024</a> に参加した。今年はスピーカーとして、また、コアスタッフとして参加した。 - </p> - <p> - 過去の参加レポはこちら: - </p> - <ul> - <li> - <a href="/posts/2023-04-04/phperkaigi-2023-report/">PHPerKaigi 2023</a> - </li> - <li> - <a href="/posts/2022-05-01/phperkaigi-2022/">PHPerKaigi 2022</a> - </li> - <li> - <a href="/posts/2021-03-30/phperkaigi-2021/">PHPerKaigi 2021</a> - </li> - </ul> - </section> - <section id="section--as-speaker"> - <h2><a href="#section--as-speaker">スピーカーとして</a></h2> - <p> - 昨年に続き、スピーカーとして登壇をおこなった。 - </p> - <ul> - <li> - WebAssembly を理解する 〜VM の作成を通して〜 - <ul> - <li> - <a href="https://fortee.jp/phperkaigi-2024/proposal/bc5dc153-17af-4079-8f1b-2660af97e2c8" rel="noreferrer" target="_blank">プロポーザル</a> - </li> - <li> - <a href="/slides/2024-03-08/phperkaigi-2024/">スライド</a> - </li> - </ul> - </li> - </ul> - <p> - WebAssembly の VM を PHP で実装し、実装に至るまでの道程や WebAssembly の特徴、言語処理系を作る楽しさについて語った。タイトルにある「WebAssembly を理解する」という目的が達成できるようなトークだったかと言われると疑問は残るものの、実際に作った人にしかできない話をすることはできたと思う。 - </p> - </section> - <section id="section--as-staff"> - <h2><a href="#section--as-staff">コアスタッフとして</a></h2> - <p> - 昨年は当日スタッフとして参加したが、今年はコアスタッフとして運営に参加した。今年はコードゴルフ企画を提案し、その準備とシステムの開発、当日の運用をおこなった。そのシステムは現在も下記の URL から閲覧でき、当日出題された問題や参加者の方々の回答が見られる。 - </p> - <p> - <a href="https://t.nil.ninja/phperkaigi/2024/golf/" rel="noreferrer" target="_blank">Albatross.PHP</a> - </p> - <p> - システムの開発完了や問題の作成完了はスケジュールギリギリとなったのだが、当日はそこそこ安定して稼動していたのではないかと思う。 - </p> - </section> - <section id="section--as-attendee"> - <h2><a href="#section--as-attendee">参加者として</a></h2> - <section id="section--as-attendee--my-best-session"> - <h3><a href="#section--as-attendee--my-best-session">マイベストセッション</a></h3> - <p> - <a href="https://fortee.jp/phperkaigi-2024/proposal/ac59d0dd-795a-47cb-ba59-c0b1772d00cc" rel="noreferrer" target="_blank">RubyVM を PHP で実装する〜Hello World を出力するまで〜</a> (めもりー さん) - </p> - <p> - 今回一番楽しみにしていたセッションであり、期待どおりの面白さだった。私も今回 VM を作るというテーマで登壇したこともあり、高い解像度で受け取ることができたように思う。 - </p> - <p> - P.S. Ask the Speaker で話した、Ruby VM (written in PHP) on PHP VM (compiled to Wasm) on Wasm VM (written in PHP) on PHP というアイデアは「マジ」なので、続報をお待ちください (自作 Wasm runtime に不足している機能を鋭意実装中です)。 - </p> - <div class="admonition" editat="2024-07-07" operation="追記"> - <div class="admonition-label"> - 2024-07-07 追記 - </div> - <div class="admonition-content"> - <p> - <a href="https://github.com/nsfisis/php-waddiwasi/commit/a312e95a95d243943535f94653822d6796d4637f" rel="noreferrer" target="_blank">コミット a312e95</a> で、ついに Ruby VM on PHP VM on Wasm VM on PHP を実現した。現時点での動かしかたは README に記載している。 - </p> - </div> - </div> - </section> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - 今年はスピーカーとスタッフともに開発を伴うものだったので (Wasm 処理系とコードゴルフシステム)、両者がぶつかった結果として準備段階は去年よりも大変になった。 - </p> - <p> - <a href="https://twitter.com/nsfisis/status/1765366490277253502" rel="noreferrer" target="_blank">ゴリゴリに開発しなければいけないセッションのスピーカーとゴリゴリに開発しなければいけない企画のスタッフを同じカンファレンスでやってはいけない</a> - </p> - <p> - ただ、それでもコアスタッフとして半年ほど関わっただけに、終わってみると感慨深い。例年どおり、お祭のような活気・熱気を感じることができた。 - </p> - <p> - 来月は、また登壇とスタッフ (こちらは当日スタッフ) をおこなう <a href="https://phpcon-odawara.jp/" rel="noreferrer" target="_blank">PHP カンファレンス小田原</a> があるので、良いトーク・良いカンファレンスを作れるようにしたい。 - </p> - <p> - さて、参加レポは例年この言葉で締め括っているので、今年もそれで終わろうと思う。 - </p> - <p> - ではまた来年。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2024-03-20/my-bucket-list/index.html b/vhosts/blog/public/posts/2024-03-20/my-bucket-list/index.html deleted file mode 100644 index 2a074a11..00000000 --- a/vhosts/blog/public/posts/2024-03-20/my-bucket-list/index.html +++ /dev/null @@ -1,129 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2024 nsfisis"> - <meta name="description" content="駄文"> - <meta property="og:type" content="article"> - <meta property="og:title" content="死ぬまでに作る自作○○一覧あるいは人生の TODO リスト｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="駄文"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>死ぬまでに作る自作○○一覧あるいは人生の TODO リスト｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">死ぬまでに作る自作○○一覧あるいは人生の TODO リスト</h1> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2024-03-20">2024-03-20</time>: 公開 - </li> - <li class="revision"> - <time datetime="2024-04-07">2024-04-07</time>: URL slug を todos-in-my-life から my-bucket-list へ変更 - </li> - </ol> - </section> - <p> - これは眠れない夜にノートへ書き散らした文をなんとか文章の体裁に直したものであり、およそ論理と呼べるものを期待してはならぬ。 - </p> - <p> - Knuth 曰くプログラミングは文芸である。断っておくが、労役に伴うプロダクティブでプラクティカルな行為を指してそう言っているのではない (Knuth がどう考えているかは知らないが、少なくとも私にとっては)。いわゆる趣味プログラミング、穢れなき自由意志の下で記述されるプログラムとはすなわち、絵描きにとっての絵、文字書きにとっての文章に等しい。プログラムとは、ソースコードとは、芸術作品の一形態なのである。 - </p> - <p> - この人生でプログラミングという行為に魅せられたからには、美しい作品を遺さねばならぬ。すなわち、簡潔で、理解しやすく、凝縮され、機能的で、速く、軽く、よい名前を持ち、うまく動くものをだ。 - </p> - <p> - 何を作りたいかは各々異なるであろうが、私にとっては車輪の再発明として知られる自作○○である。 - </p> - <p> - 車輪の再発明を恐れてはいけない。これを批判する人間というのは、プロダクティビティやプラクティカリティにフォーカスするエンジニアという人種である。今私が表現者たろうとするなら、自らの手で自らの車輪を作ることに何の恐れを抱く必要があろうか。 - </p> - <p> - そう、これが私の死ぬまでに作る自作○○一覧あるいは人生の TODO リストである (現時点ですでに部分的あるいは全面的に達成しているものを含む)。 - </p> - <ul> - <li> - 自作 C コンパイラ - </li> - <li> - 自作アセンブラ - </li> - <li> - 自作リンカ - </li> - <li> - 自作 Scheme 処理系 - </li> - <li> - 自作 ML コンパイラ - </li> - <li> - 自作 Lua 処理系 - </li> - <li> - 自作 JVM - </li> - <li> - 自作 Wasm 処理系 - </li> - <li> - 自作正規表現エンジン - </li> - <li> - 自作 JavaScript 処理系 - </li> - <li> - 自作ブラウザ - </li> - <li> - 自作エディタ - </li> - <li> - 自作 ActivityPub 実装 - </li> - </ul> - <p> - 選定理由は作りたいということのほかにない。そこに題材とキャンバスがあり絵筆と絵具があれば、生きとし生けるもの、いづれかコードを書かざりける。 - </p> - <p> - おお、願わくは、私にこれらを生み出すだけの時間があらんことを。 - </p> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2024-04-14/phpcon-odawara-2024-report/index.html b/vhosts/blog/public/posts/2024-04-14/phpcon-odawara-2024-report/index.html deleted file mode 100644 index 1d971870..00000000 --- a/vhosts/blog/public/posts/2024-04-14/phpcon-odawara-2024-report/index.html +++ /dev/null @@ -1,172 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2024 nsfisis"> - <meta name="description" content="2024-04-13 に開催された、PHP カンファレンス小田原 2024 に参加した。"> - <meta name="keywords" content="カンファレンス,PHP,PHP カンファレンス小田原"> - <meta property="og:type" content="article"> - <meta property="og:title" content="PHP カンファレンス小田原 2024 参加レポ｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="2024-04-13 に開催された、PHP カンファレンス小田原 2024 に参加した。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>PHP カンファレンス小田原 2024 参加レポ｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">PHP カンファレンス小田原 2024 参加レポ</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/conference/">カンファレンス</a> - </li> - <li class="tag"> - <a href="/tags/php/">PHP</a> - </li> - <li class="tag"> - <a href="/tags/phpcon-odawara/">PHP カンファレンス小田原</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2024-04-14">2024-04-14</time>: 公開 - </li> - <li class="revision"> - <time datetime="2024-06-01">2024-06-01</time>: セッションの感想を追加 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - 2024-04-13 に開催された <a href="https://phpcon-odawara.jp/" rel="noreferrer" target="_blank">PHP カンファレンス小田原</a> に、スピーカーとして、また当日スタッフとして参加した。 - </p> - </section> - <section id="section--as-speaker"> - <h2><a href="#section--as-speaker">スピーカーとして</a></h2> - <p> - PHP 処理系の JIT コンパイルにおける PHP 8.4 での変更について、登壇をおこなった。 - </p> - <ul> - <li> - 来る新 JIT エンジンについて知った気になる - <ul> - <li> - <a href="https://fortee.jp/phpconodawara-2024/proposal/bc9669f6-6583-489c-aa6a-1b68abf7c291" rel="noreferrer" target="_blank">プロポーザル</a> - </li> - <li> - <a href="/slides/2024-04-13/phpcon-odawara-2024/">スライド</a> - </li> - </ul> - </li> - </ul> - <p> - 今回、どこから話を始めるか大いに迷ったのだが、最終的には PHP 処理系の opcode や VM といった概念は既知のものとし、そこから JIT コンパイルへ繋げるといった構成にした。 - </p> - <p> - PHP の処理系がスクリプトを opcode へ変換する過程については、ちょうど同じカンファレンスの <a href="https://fortee.jp/phpconodawara-2024/proposal/21d94a60-404d-4fba-8c60-d1c8889a0138" rel="noreferrer" target="_blank">めもりーさんの発表</a> あたりを参考にしていただくとよいだろう。また、新しい IR についてより詳しく知りたいという方は、スライド末尾の「参考資料」にあるリンクを参照いただくのがよいかと思う。 - </p> - <p> - Tracing JIT の発火条件や、IR を使って実現される最適化方法など、調べたものの発表に入らなかった話がごまんとあるので、これもどこかに持っていければと考えている。 - </p> - </section> - <section id="section--as-staff"> - <h2><a href="#section--as-staff">スタッフとして</a></h2> - <p> - 当日スタッフとして前日の準備と当日の運営をおこなった。今回はモノの移動が比較的 (比較対象: <a href="/posts/2024-03-17/phperkaigi-2024-report/">PHPerKaigi</a> ) 少なく、体力にはかなり余裕があった。 - </p> - <p> - 自分の担当範囲内では、一度タイムキーパー係のときに時間を思いきり間違えた以外は、スムーズに進められたかと思う。 - </p> - <p> - また、これはコアスタッフの方々のおかげだろうが、初開催としては大きなトラブルなく終わったと言えるのではないだろうか。 - </p> - </section> - <section id="section--as-attendee"> - <h2><a href="#section--as-attendee">参加者として</a></h2> - <p> - 発表タイトルと発表者名は fortee より引用 - </p> - <ul> - <li> - FigmaとPHPで作る、1ミリたりとも表示崩れしない最強の帳票印刷ソリューション (たつきち さん) - <ul> - <li> - プロポーザルリンク: <a href="https://fortee.jp/phpconodawara-2024/proposal/7c57d5ca-213a-4d7a-aaf0-26ddc44897f0" rel="noreferrer" target="_blank">https://fortee.jp/phpconodawara-2024/proposal/7c57d5ca-213a-4d7a-aaf0-26ddc44897f0</a> - </li> - <li> - 感想: 最初のアイデアから途中の泥臭いワークアラウンドまで非常におもしろかったです。帳票には何度か苦しめられているので、機会があれば試してみたいです。 - </li> - </ul> - </li> - <li> - PHPの次期バージョンはこの時期どうなっているのか、Internalsの開発体制について (てきめん さん) - <ul> - <li> - プロポーザルリンク: <a href="https://fortee.jp/phpconodawara-2024/proposal/740b034a-81f0-4b7a-90e9-cd3fa01c651f" rel="noreferrer" target="_blank">https://fortee.jp/phpconodawara-2024/proposal/740b034a-81f0-4b7a-90e9-cd3fa01c651f</a> - </li> - <li> - 感想: 前々から出そうとしている RFC があるので、RFC についての日本語情報が増えるのは大変ありがたいです。あとは作業を進めなければ……。 - </li> - </ul> - </li> - <li> - Architecture Decision Record を一年運用してみた (富所 亮 さん) - <ul> - <li> - プロポーザルリンク: <a href="https://fortee.jp/phpconodawara-2024/proposal/56218b4f-b724-4199-82f1-67497501a9ef" rel="noreferrer" target="_blank">https://fortee.jp/phpconodawara-2024/proposal/56218b4f-b724-4199-82f1-67497501a9ef</a> - </li> - <li> - 感想: 今回最も楽しみにしていた発表の一つです。設計指針の調査・共有等には課題を感じていたので、弊チームでも導入のために動いていこうと思います。 - </li> - </ul> - </li> - </ul> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - 怒涛の月刊 PHP カンファレンスも折り返しとなったが、まだまだ新鮮に楽しい。 - </p> - <p> - また今度、カンファレンスで会いましょう (震源地がよくわかっていないのだけれど、575 が流行っているらしい)。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2024-04-21/pipefail-option-in-gitlab-ci-cd/index.html b/vhosts/blog/public/posts/2024-04-21/pipefail-option-in-gitlab-ci-cd/index.html deleted file mode 100644 index 31fee59b..00000000 --- a/vhosts/blog/public/posts/2024-04-21/pipefail-option-in-gitlab-ci-cd/index.html +++ /dev/null @@ -1,221 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2024 nsfisis"> - <meta name="description" content="GitLab CI/CD で bash/sh スクリプトを動かすと、pipefail オプションが有効になった状態で実行される。"> - <meta name="keywords" content="CI/CD,GitLab"> - <meta property="og:type" content="article"> - <meta property="og:title" content="【GitLab】 GitLab CI/CD 上での bash/sh は pipefail が有効になっている｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="GitLab CI/CD で bash/sh スクリプトを動かすと、pipefail オプションが有効になった状態で実行される。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>【GitLab】 GitLab CI/CD 上での bash/sh は pipefail が有効になっている｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">【GitLab】 GitLab CI/CD 上での bash/sh は pipefail が有効になっている</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/ci-cd/">CI/CD</a> - </li> - <li class="tag"> - <a href="/tags/gitlab/">GitLab</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2022-11-17">2022-11-17</time>: デジタルサーカス株式会社の社内記事として公開 - </li> - <li class="revision"> - <time datetime="2024-04-21">2024-04-21</time>: ブログ記事として一般公開 - </li> - </ol> - </section> - <div class="admonition"> - <div class="admonition-label"> - NOTE - </div> - <div class="admonition-content"> - <p> - この記事は、2022-11-17 に <a href="https://www.dgcircus.com/" rel="noreferrer" target="_blank">デジタルサーカス株式会社</a> の社内 Qiita Team に公開された記事をベースに、加筆修正して一般公開したものです。 - </p> - </div> - </div> - <p> - ハマったのでメモ。 - </p> - <section id="section--background"> - <h2><a href="#section--background">前提</a></h2> - <section id="section--background--gitlab-ci-cd"> - <h3><a href="#section--background--gitlab-ci-cd">GitLab CI/CD について</a></h3> - <p> - GitLab CI/CD では、Docker executor を用いて任意の Docker image 上でスクリプトを走らせることができる。 - </p> - <p> - 例: - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#22863A">hello-world</span><span style="color:#24292E">:</span></span> -<span class="line"><span style="color:#22863A"> stage</span><span style="color:#24292E">: </span><span style="color:#032F62">test</span></span> -<span class="line"><span style="color:#22863A"> image</span><span style="color:#24292E">: </span><span style="color:#032F62">alpine:latest</span></span> -<span class="line"><span style="color:#22863A"> script</span><span style="color:#24292E">:</span></span> -<span class="line"><span style="color:#24292E"> - </span><span style="color:#032F62">'echo "Hello, World!"'</span></span> -<span class="line"><span style="color:#22863A"> rules</span><span style="color:#24292E">:</span></span> -<span class="line"><span style="color:#24292E"> - </span><span style="color:#22863A">if</span><span style="color:#24292E">: </span><span style="color:#032F62">'$CI_MERGE_REQUEST_IID'</span></span> -<span class="line"><span style="color:#22863A"> when</span><span style="color:#24292E">: </span><span style="color:#032F62">always</span></span></code></pre> - </div> - <p> - ここで、<code>script</code> に指定したコマンドが失敗する (exit status が 0 以外になる) と、即座に実行が停止され、ジョブは失敗する。 - </p> - <p> - では、次のようなケースだとどうなるか。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#22863A">hello-world</span><span style="color:#24292E">:</span></span> -<span class="line"><span style="color:#22863A"> stage</span><span style="color:#24292E">: </span><span style="color:#032F62">test</span></span> -<span class="line"><span style="color:#22863A"> image</span><span style="color:#24292E">: </span><span style="color:#032F62">alpine:latest</span></span> -<span class="line"><span style="color:#22863A"> script</span><span style="color:#24292E">:</span></span> -<span class="line"><span style="color:#24292E"> - </span><span style="color:#032F62">'exit 1 | exit 0'</span></span> -<span class="line"><span style="color:#22863A"> rules</span><span style="color:#24292E">:</span></span> -<span class="line"><span style="color:#24292E"> - </span><span style="color:#22863A">if</span><span style="color:#24292E">: </span><span style="color:#032F62">'$CI_MERGE_REQUEST_IID'</span></span> -<span class="line"><span style="color:#22863A"> when</span><span style="color:#24292E">: </span><span style="color:#032F62">always</span></span></code></pre> - </div> - <p> - 失敗するコマンドをパイプに接続した。通常 Bash では、パイプの最後のコマンドの exit code が全体の exit code になる。 - </p> - </section> - <section id="section--background--pipefail-option"> - <h3><a href="#section--background--pipefail-option"><code>pipefail</code> オプションについて</a></h3> - <p> - 前述したようなケースにおいて、途中で失敗したときに全体を失敗させるには、<code>pipefail</code> オプションを有効にする。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#6A737D"># On にする</span></span> -<span class="line"><span style="color:#005CC5">set</span><span style="color:#005CC5"> -o</span><span style="color:#032F62"> pipefail</span></span> -<span class="line"><span style="color:#6A737D"># Off にする</span></span> -<span class="line"><span style="color:#005CC5">set</span><span style="color:#032F62"> +o</span><span style="color:#032F62"> pipefail</span></span></code></pre> - </div> - <p> - こうすると、パイプ全体が失敗するようになる。この設定は、デフォルトだと off になっている。 - </p> - </section> - </section> - <section id="section--problem"> - <h2><a href="#section--problem">発生した問題</a></h2> - <p> - 次のような GitLab CI/CD ジョブが失敗してしまった。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#22863A">hoge</span><span style="color:#24292E">:</span></span> -<span class="line"><span style="color:#22863A"> stage</span><span style="color:#24292E">: </span><span style="color:#032F62">test</span></span> -<span class="line"><span style="color:#22863A"> image</span><span style="color:#24292E">: </span><span style="color:#032F62">alpine:latest</span></span> -<span class="line"><span style="color:#22863A"> script</span><span style="color:#24292E">:</span></span> -<span class="line"><span style="color:#24292E"> - </span><span style="color:#032F62">'cat hoge.txt | grep piyo | sed -e "s/foo/bar/g"'</span></span> -<span class="line"><span style="color:#22863A"> rules</span><span style="color:#24292E">:</span></span> -<span class="line"><span style="color:#24292E"> - </span><span style="color:#22863A">if</span><span style="color:#24292E">: </span><span style="color:#032F62">'$CI_MERGE_REQUEST_IID'</span></span> -<span class="line"><span style="color:#22863A"> when</span><span style="color:#24292E">: </span><span style="color:#032F62">always</span></span></code></pre> - </div> - <p> - <code>grep</code> コマンドは、パターンにマッチする行が一行もなかったとき、exit code 1 を返す。よって、<code>pipefail</code> が on になっていると、このジョブは失敗する。現在の <code>pipefail</code> がどうなっているか確かめるため <code>set +o</code> で全オプションを出力させたところ、<code>pipefail</code> が on になっていた。 - </p> - <p> - しかし、先述したように Bash における <code>pipefail</code> のデフォルト値は off のはずだ。実際に、ローカルで <code>alpine:latest</code> を動かしてみたところ、 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ docker run --rm alpine:latest sh -c "set +o"</span></span> -<span class="line"><span>set +o errexit</span></span> -<span class="line"><span>set +o noglob</span></span> -<span class="line"><span>set +o ignoreeof</span></span> -<span class="line"><span>set +o monitor</span></span> -<span class="line"><span>set +o noexec</span></span> -<span class="line"><span>set +o xtrace</span></span> -<span class="line"><span>set +o verbose</span></span> -<span class="line"><span>set +o noclobber</span></span> -<span class="line"><span>set +o allexport</span></span> -<span class="line"><span>set +o notify</span></span> -<span class="line"><span>set +o nounset</span></span> -<span class="line"><span>set +o vi</span></span> -<span class="line"><span>set +o pipefail</span></span></code></pre> - </div> - <p> - 確かに <code>pipefail</code> は無効になっている。 - </p> - <p> - なぜスクリプト内で <code>set -o pipefail</code> しているわけでもないのに <code>pipefail</code> が on になっているのか。 - </p> - </section> - <section id="section--where-pipefail-is-enabled"> - <h2><a href="#section--where-pipefail-is-enabled">どこで <code>pipefail</code> が on になるか</a></h2> - <p> - <code>.gitlab-ci.yml</code> で明示的には書いていないので、GitLab Runner (GitLab CI/CD のスクリプトを実行するプログラム) が勝手に追加しているに違いない。そう仮説を立てて <a href="https://gitlab.com/gitlab-org/gitlab-runner" rel="noreferrer" target="_blank">GitLab Runner のリポジトリ</a> を調査したところ、 <a href="https://gitlab.com/gitlab-org/gitlab-runner/-/blob/c75da0796a0e3048991dccfdf2784e3d931beda4/shells/bash.go#L276" rel="noreferrer" target="_blank">ソースコード中の以下の箇所</a> で <code>set -o pipefail</code> していることが判明した (コメントは筆者による)。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#6A737D">// pipefail オプションが存在しない環境にも対応するため、</span></span> -<span class="line"><span style="color:#6A737D">// 先に set -o でオプション一覧を表示させたあと、set -o pipefail している</span></span> -<span class="line"><span style="color:#24292E">buf.</span><span style="color:#6F42C1">WriteString</span><span style="color:#24292E">(</span><span style="color:#032F62">"if set -o | grep pipefail > /dev/null; then set -o pipefail; fi; set -o errexit</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">)</span></span></code></pre> - </div> - </section> - <section id="section--how-to-solve"> - <h2><a href="#section--how-to-solve">どのように解決するか</a></h2> - <p> - 通常の Bash スクリプトを書く場合と同様に、<code>pipefail</code> が on になっていては困る場所だけ off にしてやればよい。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#22863A"> hoge</span><span style="color:#24292E">:</span></span> -<span class="line"><span style="color:#22863A"> stage</span><span style="color:#24292E">: </span><span style="color:#032F62">test</span></span> -<span class="line"><span style="color:#22863A"> image</span><span style="color:#24292E">: </span><span style="color:#032F62">alpine:latest</span></span> -<span class="line"><span style="color:#22863A"> script</span><span style="color:#24292E">:</span></span> -<span class="line"><span style="color:#032F62">+ - 'set +o pipefail'</span></span> -<span class="line"><span style="color:#24292E"> - </span><span style="color:#032F62">'cat hoge.txt | grep piyo | sed -e "s/foo/bar/g"'</span></span> -<span class="line"><span style="color:#032F62">+ - 'set -o pipefail'</span><span style="color:#6A737D"> # この例の場合、ここで終わりなので戻さなくてもよい</span></span> -<span class="line"><span style="color:#22863A"> rules</span><span style="color:#24292E">:</span></span> -<span class="line"><span style="color:#24292E"> - </span><span style="color:#22863A">if</span><span style="color:#24292E">: </span><span style="color:#032F62">'$CI_MERGE_REQUEST_IID'</span></span> -<span class="line"><span style="color:#22863A"> when</span><span style="color:#24292E">: </span><span style="color:#032F62">always</span></span></code></pre> - </div> - </section> - <section id="section--remarks"> - <h2><a href="#section--remarks">備考</a></h2> - <p> - なお、上述した実装ファイルは <code>shells/bash.go</code> だが、<code>alpine:latest</code> の例でもそうであったように、シェルが <code>sh</code> である場合にも適用される。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2024-04-29/zsh-file-completion-for-composer-custom-commands/index.html b/vhosts/blog/public/posts/2024-04-29/zsh-file-completion-for-composer-custom-commands/index.html deleted file mode 100644 index 3262c137..00000000 --- a/vhosts/blog/public/posts/2024-04-29/zsh-file-completion-for-composer-custom-commands/index.html +++ /dev/null @@ -1,147 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2024 nsfisis"> - <meta name="description" content="Zsh の Composer に対する補完はカスタムコマンドやその引数を補完しない。カスタムコマンドの引数としてファイルを補完させる方法を調べた。"> - <meta name="keywords" content="Composer,PHP,Zsh"> - <meta property="og:type" content="article"> - <meta property="og:title" content="【Zsh】 Composer のカスタムコマンドに対する Zsh 補完で引数にファイルを補完させる｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="Zsh の Composer に対する補完はカスタムコマンドやその引数を補完しない。カスタムコマンドの引数としてファイルを補完させる方法を調べた。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>【Zsh】 Composer のカスタムコマンドに対する Zsh 補完で引数にファイルを補完させる｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">【Zsh】 Composer のカスタムコマンドに対する Zsh 補完で引数にファイルを補完させる</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/composer/">Composer</a> - </li> - <li class="tag"> - <a href="/tags/php/">PHP</a> - </li> - <li class="tag"> - <a href="/tags/zsh/">Zsh</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2024-04-29">2024-04-29</time>: 公開 - </li> - </ol> - </section> - <section id="section--version-info"> - <h2><a href="#section--version-info">バージョン情報</a></h2> - <ul> - <li> - Composer: 2.7.4 - </li> - <li> - PHP: 8.3.6 - </li> - <li> - Zsh: 5.9 - </li> - </ul> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - <a href="https://getcomposer.org/" rel="noreferrer" target="_blank">Composer</a> は PHP のデファクトスタンダードなパッケージマネージャである。Zsh では、<code>composer</code> コマンドに対する補完が提供されており、<code>composer</code> と入力してタブキーを押すと、利用可能なコマンドやオプションが補完される。Zsh の補完はシェル関数の形で実装されており、<code>composer</code> コマンドに対応した補完をおこなうのは <code>_composer</code> である。<a href="https://github.com/zsh-users/zsh/blob/a66e92918568881af110a3e2e3018b317c054e4a/Completion/Unix/Command/_composer" rel="noreferrer" target="_blank">記事執筆時点での補完関数の定義は、GitHub のミラーリポジトリから参照できる。</a> - </p> - </section> - <section id="section--problem"> - <h2><a href="#section--problem">発生していた問題</a></h2> - <p> - <code>composer</code> コマンドはカスタムコマンド (<code>composer.json</code> の <code>scripts</code> で定義されたコマンド) に対して補完をおこなわない。つまり、途中まで入力されたカスタムコマンドを補完しないし、カスタムコマンドの引数も補完しない。例えば、PHPUnit を呼び出す <code>phpunit</code> というカスタムコマンドを定義し <code>composer phpu</code> まで打ってタブキーを押しても、<code>composer phpunit</code> にはならない。また、<code>composer phpunit -- --</code> まで打ってタブキーを押しても、<code>phpunit</code> コマンドのオプションは補完されない。 - </p> - <p> - このことは、先ほどリンクを載せた <code>_composer</code> 関数を定義しているファイルの冒頭にも書かれている。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#6A737D"># - @todo We don't complete custom commands (including script aliases). This is</span></span> -<span class="line"><span style="color:#6A737D"># easy to do in the general case, but it probably requires some clever caching</span></span> -<span class="line"><span style="color:#6A737D"># to avoid introducing a noticeable lag to every completion operation, due to</span></span> -<span class="line"><span style="color:#6A737D"># the way command resolution works and the fact that discovering custom</span></span> -<span class="line"><span style="color:#6A737D"># commands requires making slow calls to Composer</span></span></code></pre> - </div> - </section> - <section id="section--what-i-want-to-achive"> - <h2><a href="#section--what-i-want-to-achive">やりたいこと</a></h2> - <p> - 確かに、カスタムコマンドに対して完全な補完を提供するのは不可能か、あるいは実現できても遅くなりすぎるだろう。しかし、不完全なフォールバックを提供するくらいなら可能なはずだ。 - </p> - <p> - この記事では、これらのカスタムコマンドについて、Zsh が提供するデフォルトのファイル・ディレクトリ補完を適用する。つまり、<code>composer phpunit -- tests/</code> まで打ってタブキーを押すと、<code>tests</code> ディレクトリの下にあるテストファイルまたはディレクトリが補完される。 - </p> - </section> - <section id="section--solution"> - <h2><a href="#section--solution">解決策</a></h2> - <p> - まずは、Zsh で補完関数を提供する場合のボイラープレートコードを書く。以下は <code>~/.zshrc</code> にすべて書く前提だが、<code>autoload</code> を設定するなどすれば別ファイルに分離できる (詳細な手順は割愛)。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#6F42C1">compdef</span><span style="color:#032F62"> _my_composer</span><span style="color:#032F62"> composer</span><span style="color:#032F62"> composer.phar</span></span></code></pre> - </div> - <p> - <code>compdef</code> は Zsh が用意している関数で、第一引数に補完関数の名前、第二引数以降に補完を適用するコマンド名を並べる。この場合は、<code>composer</code> コマンドや <code>composer.phar</code> コマンドに対して <code>_my_composer</code> を使って補完をおこなうよう定義している。 - </p> - <p> - 次に <code>_my_composer</code> を定義する。基本的にはデフォルトの <code>composer</code> コマンドの補完関数 (つまり <code>_composer</code> 関数) を使い、それが何も返さなかった場合に限り、Zsh のファイル・ディレクトリ補完へフォールバックする。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">function</span><span style="color:#6F42C1"> _my_composer</span><span style="color:#24292E">() {</span></span> -<span class="line"><span style="color:#6F42C1"> _composer</span><span style="color:#032F62"> "</span><span style="color:#005CC5">$@</span><span style="color:#032F62">"</span><span style="color:#D73A49"> ||</span><span style="color:#6F42C1"> _files</span><span style="color:#032F62"> "</span><span style="color:#005CC5">$@</span><span style="color:#032F62">"</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - <p> - <code>_composer</code> コマンドは何も補完候補がなかったとき非ゼロな exit status で終了するので、そうであったなら <code>_files</code> を呼び出す。<code>_files</code> は、Zsh がデフォルトで用意しているファイル・ディレクトリの補完をおこなう関数である。 - </p> - </section> - <section id="section--conclusion"> - <h2><a href="#section--conclusion">まとめ</a></h2> - <p> - これらの設定をおこなうことで、部分的ながら Composer のカスタムコマンドに対して補完をおこなうことができる。特に、PHPUnit や PHPStan などの対象ファイル・ディレクトリを引数に取るようなコマンドを使う場合に有用であろう。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2024-05-11/phpconkagawa-2024-report/index.html b/vhosts/blog/public/posts/2024-05-11/phpconkagawa-2024-report/index.html deleted file mode 100644 index 58395722..00000000 --- a/vhosts/blog/public/posts/2024-05-11/phpconkagawa-2024-report/index.html +++ /dev/null @@ -1,163 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2024 nsfisis"> - <meta name="description" content="2024-05-11 に開催された、PHP カンファレンス香川 2024 に参加した。"> - <meta name="keywords" content="カンファレンス,PHP,PHP カンファレンス香川"> - <meta property="og:type" content="article"> - <meta property="og:title" content="PHP カンファレンス香川 2024 参加レポ｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="2024-05-11 に開催された、PHP カンファレンス香川 2024 に参加した。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>PHP カンファレンス香川 2024 参加レポ｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">PHP カンファレンス香川 2024 参加レポ</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/conference/">カンファレンス</a> - </li> - <li class="tag"> - <a href="/tags/php/">PHP</a> - </li> - <li class="tag"> - <a href="/tags/phpconkagawa/">PHP カンファレンス香川</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2024-05-11">2024-05-11</time>: 公開 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - 2024-05-11 に開催された <a href="https://phpcon.kagawa.jp/2024/" rel="noreferrer" target="_blank">PHP カンファレンス香川 2024</a> に参加した。 - </p> - </section> - <section id="section--session-thoughts"> - <h2><a href="#section--session-thoughts">セッション感想</a></h2> - <ul> - <li> - 泥まみれの技術革新: あなたの[ PHPバージョンアップ | 新フレームワーク採用 | アーキテクチャ刷新 | … ]を後押しするために by nrslib - <ul> - <li> - fortee URL: <a href="https://fortee.jp/phpconkagawa-2024/proposal/7f4622af-03b6-4b83-a0ef-e1cfc7b7c930" rel="noreferrer" target="_blank">https://fortee.jp/phpconkagawa-2024/proposal/7f4622af-03b6-4b83-a0ef-e1cfc7b7c930</a> - </li> - <li> - 感想: ちょうどとあるマイグレーション作業をしているので、頷きながら拝聴しました。結局は誰しも移行作業は根気と腕力なのだということに勇気をもらえました。 - </li> - </ul> - </li> - <li> - PHP 9 に備えよ - 動的プロパティ、どうすればいぃ？ by 荒瀬 泰輔 - <ul> - <li> - fortee URL: <a href="https://fortee.jp/phpconkagawa-2024/proposal/039ebb21-d104-4df2-86bb-be2680979b7b" rel="noreferrer" target="_blank">https://fortee.jp/phpconkagawa-2024/proposal/039ebb21-d104-4df2-86bb-be2680979b7b</a> - </li> - <li> - 感想: これも上と同じく移行作業の話ではあり、結局のところは「頑張って地道にやっていく」しかないところもあります (とはいえこちらは静的解析である程度潰せますが)。PHP 言語のコミュニティ全体で頑張っていきましょう。 - </li> - </ul> - </li> - <li> - 1人プロ・ペアプロ・モブプロの効果的な使い分け by まきまき - <ul> - <li> - fortee URL: <a href="https://fortee.jp/phpconkagawa-2024/proposal/db3e9634-4a79-46c1-84fd-8ffa4d495a13" rel="noreferrer" target="_blank">https://fortee.jp/phpconkagawa-2024/proposal/db3e9634-4a79-46c1-84fd-8ffa4d495a13</a> - </li> - <li> - 感想: 今会社でペアプロを部分的に取り入れているものの、迷うところが多く、楽しみにしていた発表です。まずは何か一つ変えないことには始まらないので、発表から得たヒントを自分たちのチームに反映すべく、何かやりかたを変えてみる予定です。 - </li> - </ul> - </li> - <li> - mb_trim関数を作りました - PHPに新しい関数を追加しました - by てきめん - <ul> - <li> - fortee URL: <a href="https://fortee.jp/phpconkagawa-2024/proposal/0ec36f50-c4b7-4aa4-abef-006f8bab3931" rel="noreferrer" target="_blank">https://fortee.jp/phpconkagawa-2024/proposal/0ec36f50-c4b7-4aa4-abef-006f8bab3931</a> - </li> - <li> - 感想: RFC を必要とするような機能追加のプロセスを日本語で解説する資料がどんどんと増えていくのは、ハードルを下げるという意味で非常にありがたいです。私も以前から出そう出そうと考えている書きかけの RFC があるのですが、具体的なプロセスが明示されるとやはりやる気になりますね。 - </li> - </ul> - </li> - <li> - (「PHPカンファレンス小田原2024」を実行委員長がふりかえる by asumikam) - <ul> - <li> - fortee URL: <a href="https://fortee.jp/phpconkagawa-2024/proposal/c1efd828-72c9-4719-93f7-2ca3f8f20ac1" rel="noreferrer" target="_blank">https://fortee.jp/phpconkagawa-2024/proposal/c1efd828-72c9-4719-93f7-2ca3f8f20ac1</a> - </li> - <li> - 備考: ちょっとしたトラブルにより午前中の発表が見られなかったので、生で拝聴したわけではなく、スライドを拝見して感想を書いています。 - </li> - <li> - 感想: Thanks のスライド非常に嬉しかったです。こちらこそ素晴らしいカンファレンスの場をありがとうございました！スタッフ募集あれば来年も是非参加させてください。 - </li> - </ul> - </li> - </ul> - </section> - <section id="section--lightning-talk"> - <h2><a href="#section--lightning-talk">懇親会 LT</a></h2> - <p> - 今回登壇者ではなかったのだが、プロポーザル募集時に用意していたスライド (LT 用に作っていたのだが、そもそも LT 枠がなかったのでお蔵入りになっていた) があったので懇親会の LT で発表した。 - </p> - <p> - 中身は <a href="/slides/2023-03-15/phpstudy-tokyo-150/">第150回PHP勉強会@東京で登壇した内容</a> とほぼ同じで、タイトルを「うどんのように細長い FizzBuzz を書く」にしただけの手抜き・一発ネタ発表である。個別にスライドはアップロードしないので、前述のリンクを参照してほしい。 - </p> - <p> - なお、この発表には <a href="/posts/2022-09-29/write-fizzbuzz-in-php-2-letters-per-line/">ブログ記事バージョン</a> もある。 - </p> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - 午前中の発表に間に合わなかったことがとにかく心残りなのだが、それ以外は PHP カンファレンス小田原のスタッフの方々をはじめ多くの方と交流でき、非常に楽しいカンファレンスだった。来年もあるそうなので (この分だと来年も月刊 PHP カンファレンスにならないか？)、是非参加したい。 - </p> - <p> - あれ、そういえば香川でうどん食べてないな……。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2024-06-19/scalamatsuri-2024-report/index.html b/vhosts/blog/public/posts/2024-06-19/scalamatsuri-2024-report/index.html deleted file mode 100644 index d1adbb16..00000000 --- a/vhosts/blog/public/posts/2024-06-19/scalamatsuri-2024-report/index.html +++ /dev/null @@ -1,126 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2024 nsfisis"> - <meta name="description" content="2024-06-08 から 2024-06-09 にかけて開催された、ScalaMatsuri 2024 に参加した。"> - <meta name="keywords" content="カンファレンス,Scala,ScalaMatsuri"> - <meta property="og:type" content="article"> - <meta property="og:title" content="ScalaMatsuri 2024 参加レポ｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="2024-06-08 から 2024-06-09 にかけて開催された、ScalaMatsuri 2024 に参加した。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>ScalaMatsuri 2024 参加レポ｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">ScalaMatsuri 2024 参加レポ</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/conference/">カンファレンス</a> - </li> - <li class="tag"> - <a href="/tags/scala/">Scala</a> - </li> - <li class="tag"> - <a href="/tags/scalamatsuri/">ScalaMatsuri</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2024-06-19">2024-06-19</time>: 公開 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - 2024-06-08 から 2024-06-09 にかけて開催された <a href="https://2024.scalamatsuri.org/ja" rel="noreferrer" target="_blank">ScalaMatsuri 2024</a> に参加した。 - </p> - <p> - Day 2 には当日参加できなかったため、day 2 のセッションの感想は YouTube にアップロードされたアーカイブ動画を観て書いている。 - </p> - </section> - <section id="section--sessions"> - <h2><a href="#section--sessions">セッション感想</a></h2> - <p> - 特に印象に残ったセッションを、day 1 と day 2 で一つずつ選んだ (タイトルと登壇者名は <a href="https://2024.scalamatsuri.org/ja/programs" rel="noreferrer" target="_blank">公式ホームページの「プログラム」</a> から引用)。 - </p> - <ul> - <li> - <a href="https://2024.scalamatsuri.org/ja/programs/SESSION_DAY_1_02" rel="noreferrer" target="_blank">Scala to WebAssembly: 動機と方法</a> (Rikito Taniguchi さん) - <ul> - <li> - <a href="/posts/2024-03-17/phperkaigi-2024-report/#section--as-speaker">最近 WebAssembly の処理系を作った</a> こともあって、気になっていたセッションです。私の処理系は WasmGC proposal を実装していないので動かせないのですが、いつかサポートして動かしてみたいですね。 - </li> - </ul> - </li> - <li> - <a href="https://2024.scalamatsuri.org/ja/programs/SESSION_DAY_2_04" rel="noreferrer" target="_blank">作って学ぶ Extensible Effects</a> (Kory さん・hsjoihs さん) - <ul> - <li> - 今回一番楽しみにしていたセッションです。Day 2 当日は参加できず、後日アーカイブ動画を視聴したのですが、期待を裏切らない濃厚なセッションでした。後日開かれた <a href="https://nextbeat.connpass.com/event/315988/" rel="noreferrer" target="_blank">NB-Scala レトロスペクティブ (非公式後夜祭)</a> の発表も拝聴したのですが、どちらも非常に面白かったです。 - </li> - </ul> - </li> - </ul> - </section> - <section id="section--others"> - <h2><a href="#section--others">その他感想</a></h2> - <ul> - <li> - 良い会場だった。よく取り沙汰されるスライドの文字サイズの問題は、巨大なスクリーンを用意することで解決するという発見があった - </li> - <li> - ランチにお弁当が用意されており、おいしかった ( <a href="https://x.com/nsfisis/status/1799276217583260092" rel="noreferrer" target="_blank">参考画像</a> ) - </li> - </ul> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - 私が Scala を書いたり追ったりしていたのは Scala 2 の頃で、Scala 3 はほとんど浦島太郎状態だったのだが、非常に楽しく面白いイベントだった。イベントに触発されて、長らく塩漬けになっていた Scala 製の趣味プロジェクトを久しぶりに触っているのだが、これもまた楽しい。 - </p> - <p> - ScalaMatsuri 運営の皆さま、スピーカーの皆さま、スポンサーの皆さま、最高のイベントをありがとうございました！次回も楽しみにしています。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2024-07-19/reparojson-fix-only-json-formatter/index.html b/vhosts/blog/public/posts/2024-07-19/reparojson-fix-only-json-formatter/index.html deleted file mode 100644 index f191ebeb..00000000 --- a/vhosts/blog/public/posts/2024-07-19/reparojson-fix-only-json-formatter/index.html +++ /dev/null @@ -1,205 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2024 nsfisis"> - <meta name="description" content="文法エラーだけを直し、空白の削除や挿入といった整形処理を一切おこなわない JSON フォーマッタを作成した。Neovim と連携させる設定例も紹介する。"> - <meta name="keywords" content="Neovim,Vim"> - <meta property="og:type" content="article"> - <meta property="og:title" content="reparojson: 文法エラーを直すだけの JSON フォーマッタを作った｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="文法エラーだけを直し、空白の削除や挿入といった整形処理を一切おこなわない JSON フォーマッタを作成した。Neovim と連携させる設定例も紹介する。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>reparojson: 文法エラーを直すだけの JSON フォーマッタを作った｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">reparojson: 文法エラーを直すだけの JSON フォーマッタを作った</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/neovim/">Neovim</a> - </li> - <li class="tag"> - <a href="/tags/vim/">Vim</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2024-07-19">2024-07-19</time>: 公開 - </li> - </ol> - </section> - <div class="admonition"> - <div class="admonition-label"> - NOTE - </div> - <div class="admonition-content"> - <p> - この記事は <a href="https://vim-jp.org/ekiden/" rel="noreferrer" target="_blank">Vim 駅伝</a> #218 の記事です。 - </p> - </div> - </div> - <section id="section--intro"> - <h2><a href="#section--intro">欲しかったもの</a></h2> - <p> - Vim で JSON を編集しているときに、文法エラー (末尾カンマやカンマの不足) のみを修正して一切の整形をおこなわないプラグインが欲しかった。整形も同時におこなうプラグインは見つかっただけでも多数あったのだが、整形しないものは見つけられなかったので自作することにした。 - </p> - <p> - なお、作成したツール自体は単体の CLI として動作し、Vim とは無関係に使うことができる。この記事では Neovim と組み合わせる場合の設定を紹介するが、およそ任意のエディタで使えるだろう。 - </p> - </section> - <section id="section--reparojson"> - <h2><a href="#section--reparojson">作ったもの</a></h2> - <p> - 作成したものがこちら: <a href="https://github.com/nsfisis/reparojson" rel="noreferrer" target="_blank">ReparoJSON</a> - </p> - <p> - 次のように動作する。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ echo '[ 1 2 ]' | reparojson</span></span> -<span class="line"><span>[ 1, 2 ]</span></span> -<span class="line"><span></span></span> -<span class="line"><span>$ echo '[ 1, 2, ]' | reparojson</span></span> -<span class="line"><span>[ 1, 2 ]</span></span> -<span class="line"><span></span></span> -<span class="line"><span>$ echo '{ "foo": 1 "bar": 2 }' | reparojson</span></span> -<span class="line"><span>{ "foo": 1, "bar": 2 }</span></span> -<span class="line"><span></span></span> -<span class="line"><span>$ echo '{ "foo": 1, "bar": 2, }' | reparojson</span></span> -<span class="line"><span>{ "foo": 1, "bar": 2 }</span></span></code></pre> - </div> - <p> - バージョン 0.1.1 時点で修正対象の文法エラーは次のとおり: - </p> - <ul> - <li> - 配列末尾の余計なカンマ (削除する) - </li> - <li> - 配列内のカンマ不足 (挿入する) - </li> - <li> - オブジェクト末尾の余計なカンマ (削除する) - </li> - <li> - オブジェクト内のカンマ不足 (挿入する) - </li> - </ul> - <p> - 他にも自動で直せそうなエラーはいくつか思いつくが (オブジェクトのキーがクォートされていない等)、私自身があまり困っていないので優先度は低い。 - </p> - </section> - <section id="section--itegration-with-neovim"> - <h2><a href="#section--itegration-with-neovim">Neovim との連携</a></h2> - <p> - Neovim で JSON ファイルを保存したときに、上記のツールを自動で走らせるように設定する。 - </p> - <p> - ここでは、 <a href="https://github.com/neovim/nvim-lspconfig" rel="noreferrer" target="_blank">nvim-lspconfig</a> と <a href="https://github.com/mattn/efm-langserver" rel="noreferrer" target="_blank">efm-langserver</a> を用いた設定例を紹介する。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49"> local</span><span style="color:#24292E"> lspconfig </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> require</span><span style="color:#24292E">(</span><span style="color:#032F62">'lspconfig'</span><span style="color:#24292E">)</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E"> lspconfig.</span><span style="color:#6F42C1">efm</span><span style="color:#24292E">.</span><span style="color:#005CC5">setup</span><span style="color:#24292E">({</span></span> -<span class="line"><span style="color:#24292E"> init_options </span><span style="color:#D73A49">=</span><span style="color:#24292E"> { documentFormatting </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> true</span><span style="color:#24292E"> },</span></span> -<span class="line"><span style="color:#24292E"> settings </span><span style="color:#D73A49">=</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#24292E"> rootMarkers </span><span style="color:#D73A49">=</span><span style="color:#24292E"> {</span><span style="color:#032F62">".git/"</span><span style="color:#24292E">},</span></span> -<span class="line"><span style="color:#24292E"> languages </span><span style="color:#D73A49">=</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#24292E"> json </span><span style="color:#D73A49">=</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#24292E"> formatCommand </span><span style="color:#D73A49">=</span><span style="color:#032F62"> "reparojson -q"</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#24292E"> formatStdin </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> true</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#24292E"> },</span></span> -<span class="line"><span style="color:#24292E"> },</span></span> -<span class="line"><span style="color:#24292E"> },</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#24292E"> })</span></span> -<span class="line"></span> -<span class="line"><span style="color:#24292E"> vim.</span><span style="color:#6F42C1">api</span><span style="color:#24292E">.</span><span style="color:#005CC5">nvim_create_autocmd</span><span style="color:#24292E">(</span><span style="color:#032F62">'LspAttach'</span><span style="color:#24292E">, {</span></span> -<span class="line"><span style="color:#6F42C1"> callback</span><span style="color:#D73A49"> =</span><span style="color:#D73A49"> function</span><span style="color:#24292E">(e)</span></span> -<span class="line"><span style="color:#24292E"> vim.</span><span style="color:#6F42C1">api</span><span style="color:#24292E">.</span><span style="color:#005CC5">nvim_create_autocmd</span><span style="color:#24292E">(</span><span style="color:#032F62">'BufWritePre'</span><span style="color:#24292E">, {</span></span> -<span class="line"><span style="color:#24292E"> buffer </span><span style="color:#D73A49">=</span><span style="color:#24292E"> e.</span><span style="color:#6F42C1">buf</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#6F42C1"> callback</span><span style="color:#D73A49"> =</span><span style="color:#D73A49"> function</span><span style="color:#24292E">()</span></span> -<span class="line"><span style="color:#24292E"> vim.</span><span style="color:#6F42C1">lsp</span><span style="color:#24292E">.</span><span style="color:#6F42C1">buf</span><span style="color:#24292E">.</span><span style="color:#005CC5">format</span><span style="color:#24292E">({ async </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> false</span><span style="color:#24292E"> })</span></span> -<span class="line"><span style="color:#D73A49"> end</span></span> -<span class="line"><span style="color:#24292E"> })</span></span> -<span class="line"><span style="color:#D73A49"> end</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#24292E"> })</span></span></code></pre> - </div> - <p> - ほとんどは nvim-lspconfig と efm-langserver を使う際のボイラープレートだが、<code>formatCommand</code> で <code>-q</code> フラグを指定していることに注意してほしい。このツールは、デフォルトでは JSON が修正された場合 exit code 1 で終了する。これは、入力が最初から正しかった場合と修正して正しくなった場合を区別するためだが、異常終了してしまうと置き換えが発生しない。そのため、<code>-q</code> フラグを指定して、修正されたときも exit code 0 で終了するようにしている。 - </p> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - このツールが威力を発揮するのは、行の入れ換え時である。次のような JSON があり、 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#005CC5"> "a"</span><span style="color:#24292E">: </span><span style="color:#005CC5">true</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#005CC5"> "b"</span><span style="color:#24292E">: </span><span style="color:#005CC5">false</span></span> -<span class="line"><span style="color:#24292E"> }</span></span></code></pre> - </div> - <p> - 2行目と3行目を入れ換えて以下のように編集した。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#005CC5"> "b"</span><span style="color:#24292E">: </span><span style="color:#005CC5">false</span></span> -<span class="line"><span style="color:#032F62"> "a"</span><span style="color:#B31D28;font-style:italic">:</span><span style="color:#005CC5"> true</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#24292E"> }</span></span></code></pre> - </div> - <p> - これは不正な JSON だが、このツールを通せば次のようになる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#005CC5"> "b"</span><span style="color:#24292E">: </span><span style="color:#005CC5">false</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#005CC5"> "a"</span><span style="color:#24292E">: </span><span style="color:#005CC5">true</span></span> -<span class="line"><span style="color:#24292E"> }</span></span></code></pre> - </div> - <p> - もちろん、このような操作を文法を壊さずにおこなう Vim プラグインは存在する。しかし、単なる行の入れ換えであれば <code>ddp</code> の3ストロークでおこなうことができ、専用のキーバインドを覚える必要もない。このツールを用いることで、より Vimmer-friendly な JSON 編集が可能となる。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2024-08-19/go-template-access-outer-scope-pipeline-within-with-or-range/index.html b/vhosts/blog/public/posts/2024-08-19/go-template-access-outer-scope-pipeline-within-with-or-range/index.html deleted file mode 100644 index 39450d30..00000000 --- a/vhosts/blog/public/posts/2024-08-19/go-template-access-outer-scope-pipeline-within-with-or-range/index.html +++ /dev/null @@ -1,184 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2024 nsfisis"> - <meta name="description" content="Go言語の text/template における with や range は "." を上書きする。これらの内側から外側の "." にアクセスする方法を調べた。"> - <meta name="keywords" content="Go"> - <meta property="og:type" content="article"> - <meta property="og:title" content="【Go】 text/template の with や range の内側から外側の "." にアクセスする｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="Go言語の text/template における with や range は "." を上書きする。これらの内側から外側の "." にアクセスする方法を調べた。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>【Go】 text/template の with や range の内側から外側の "." にアクセスする｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">【Go】 text/template の with や range の内側から外側の "." にアクセスする</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/go/">Go</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2024-08-19">2024-08-19</time>: 公開 - </li> - </ol> - </section> - <section id="section--tldr"> - <h2><a href="#section--tldr">TL;DR</a></h2> - <p> - 常にトップレベルを指す特殊変数 <code>$</code> を使えばよい。 - </p> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - Go には、標準ライブラリにテンプレートライブラリ <code>text/template</code> がある。この <code>text/template</code> における制御構造、<code>with</code> と <code>range</code> は次のように使われる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span># {{ .Title }}</span></span> -<span class="line"><span></span></span> -<span class="line"><span># User</span></span> -<span class="line"><span></span></span> -<span class="line"><span>{{ with .User }}</span></span> -<span class="line"><span> {{ .Name }} ({{ .ID }})</span></span> -<span class="line"><span>{{ end }}</span></span> -<span class="line"><span></span></span> -<span class="line"><span># Items</span></span> -<span class="line"><span></span></span> -<span class="line"><span>{{ range .Items }}</span></span> -<span class="line"><span> - {{ . }}</span></span> -<span class="line"><span>{{ end }}</span></span></code></pre> - </div> - <p> - <code>text/template</code> の <code>.</code> は、現在の操作対象を表す特殊なオブジェクトである。 - </p> - <p> - <code>with</code> や <code>range</code> は、<code>.</code> を変更する効果を持つ。<code>with</code> は引数に渡されたオブジェクトを <code>.</code> へセットして、内部のテンプレートを実行する。<code>range</code> は引数に渡されたイテレート可能なオブジェクトに対し、それぞれの要素を <code>.</code> へセットして、要素の個数だけ内部のテンプレートを実行する。 - </p> - <p> - つまりこのテンプレートは、次のような構造をレンダリングしている (<code>Execute()</code> の第2引数)。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E">tmpl.</span><span style="color:#6F42C1">Execute</span><span style="color:#24292E">(out, </span><span style="color:#6F42C1">Params</span><span style="color:#24292E">{</span></span> -<span class="line"><span style="color:#24292E"> Title: </span><span style="color:#032F62">"foo"</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#24292E"> User: </span><span style="color:#6F42C1">User</span><span style="color:#24292E">{</span></span> -<span class="line"><span style="color:#24292E"> ID: </span><span style="color:#005CC5">123</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#24292E"> Name: </span><span style="color:#032F62">"john"</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#24292E"> },</span></span> -<span class="line"><span style="color:#24292E"> Items: []</span><span style="color:#D73A49">string</span><span style="color:#24292E">{</span></span> -<span class="line"><span style="color:#032F62"> "hoge"</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#032F62"> "piyo"</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#032F62"> "fuga"</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#24292E"> },</span></span> -<span class="line"><span style="color:#24292E">})</span></span></code></pre> - </div> - </section> - <section id="section--what-i-want-to-do"> - <h2><a href="#section--what-i-want-to-do">やりたいこと</a></h2> - <p> - 今回おこないたいのは、<code>with</code> や <code>range</code> の中で、その外側で使われていたトップレベルのオブジェクトを参照することだ。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>{{ with .User }}</span></span> -<span class="line"><span> ここから .Title を参照するには？</span></span> -<span class="line"><span>{{ end }}</span></span> -<span class="line"><span></span></span> -<span class="line"><span>{{ range .Items }}</span></span> -<span class="line"><span> ここから .User を参照するには？</span></span> -<span class="line"><span>{{ end }}</span></span></code></pre> - </div> - <p> - <code>with</code> や <code>range</code> は、<code>.</code> を自身の対象オブジェクトに変更するので、単に <code>{{ with .User }}</code> の中で <code>.Title</code> と書いても、それは <code>User</code> の <code>Title</code> プロパティを参照しているとみなされる。 - </p> - <p> - <code>text/template</code> では変数が使えるので、テンプレートの先頭で - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>{{ $params := . }}</span></span></code></pre> - </div> - <p> - とでもしておけば実現は可能である。 - </p> - <p> - しかしながら、頻発するシチュエーションにしてはあまりに不恰好である。よりスマートな方法が用意されているはずだ。 - </p> - </section> - <section id="section--solution"> - <h2><a href="#section--solution">解決方法</a></h2> - <p> - 常にトップレベルを指す特殊変数 <code>$</code> を使えばよい。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>{{ with .User }}</span></span> -<span class="line"><span> {{ $.Title }}</span></span> -<span class="line"><span>{{ end }}</span></span> -<span class="line"><span></span></span> -<span class="line"><span>{{ range .Items }}</span></span> -<span class="line"><span> {{ $.User.Name }}</span></span> -<span class="line"><span>{{ end }}</span></span></code></pre> - </div> - <p> - <code>$</code> は、テンプレートが実行されるときに渡されたオブジェクトを指す。これを使えば現在の <code>.</code> に関係なくトップレベルを参照できる。 - </p> - <p> - このことは、<a href="https://pkg.go.dev/text/template#hdr-Variables" rel="noreferrer" target="_blank"><code>text/template</code> の公式ドキュメント</a>にも以下のように記載されている。 - </p> - <blockquote> - <p> - When execution begins, $ is set to the data argument passed to Execute, that is, to the starting value of dot. - </p> - </blockquote> - </section> - <section id="section--reference"> - <h2><a href="#section--reference">参考</a></h2> - <ul> - <li> - <a href="https://stackoverflow.com/questions/14800204/in-a-template-how-do-you-access-an-outer-scope-while-inside-of-a-with-or-rang" rel="noreferrer" target="_blank">直接の出典である Stack Overflow の回答: <span>In a template how do you access an outer scope while inside of a “with” or “range” scope?</span></a> - </li> - <li> - <a href="https://pkg.go.dev/text/template#hdr-Variables" rel="noreferrer" target="_blank">大元の出典である <code>text/template</code> の公式ドキュメント</a> - </li> - </ul> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2024-09-28/mncore-challenge-1/index.html b/vhosts/blog/public/posts/2024-09-28/mncore-challenge-1/index.html deleted file mode 100644 index 23d77a20..00000000 --- a/vhosts/blog/public/posts/2024-09-28/mncore-challenge-1/index.html +++ /dev/null @@ -1,104 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2024 nsfisis"> - <meta name="description" content="2024-08-28 から 2024-09-24 にかけて開催された MN-Core Challenge #1 に参加した。"> - <meta name="keywords" content="MN-Core Challenge"> - <meta property="og:type" content="article"> - <meta property="og:title" content="MN-Core Challenge #1 参加レポ｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="2024-08-28 から 2024-09-24 にかけて開催された MN-Core Challenge #1 に参加した。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>MN-Core Challenge #1 参加レポ｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">MN-Core Challenge #1 参加レポ</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/mncore-challenge/">MN-Core Challenge</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2024-09-28">2024-09-28</time>: 公開 - </li> - </ol> - </section> - <div class="admonition"> - <div class="admonition-label"> - NOTE - </div> - <div class="admonition-content"> - <p> - ただの参加記で解説はない。 - </p> - </div> - </div> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - 2024-08-28 から 2024-09-24 の約1ヶ月に渡り開催された <a href="https://mncore-challenge.preferred.jp/" rel="noreferrer" target="_blank">MN-Core Challenge #1</a> に参加した。私 nsfisis (<a href="https://x.com/nsfisis/status/1838276770560364977" rel="noreferrer" target="_blank">あるいは <code>0b0100000111111000</code></a>) はスコア 1181 で、最終順位 29 位だった。 - </p> - <p> - この記事で解説はしないが、提出した回答はこちらのリポジトリ (<a href="https://github.com/nsfisis/mncore-challenge" rel="noreferrer" target="_blank">GitHub: nsfisis/mncore-challenge</a>) にアップロードしている。 - </p> - </section> - <section id="section--thought"> - <h2><a href="#section--thought">感想</a></h2> - <p> - MN-Core には初めて触れたが、それでも問題なく全問 (除 FizzBuzz) 解けるよう線路が敷かれており、前半の問題を解くことで自然と後半を解くだけの知識が身に付くように設計されていた。 - </p> - <p> - 開催期間中はほぼ常に MN-Core Challenge のことを考え続けており、期間中 (前掲した回答を貯めるためのリポジトリを除き) 自分の Git リポジトリをほとんど触ることがなかった。途中更新ができずに苦しい時間もあったが、一つ気付くと一つ縮まる楽しいゴルフだった。 - </p> - <p> - 悔しいポイントも多数あるのだが、書いているとキリがないので自分で反省するだけにしておく。 - </p> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - 最後になりましたが、運営のみなさま、素晴しいコンテストをありがとうございました！非常に楽しい時間でした！第2回を首を長くして待っています！ - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2024-12-04/cohackpp-report/index.html b/vhosts/blog/public/posts/2024-12-04/cohackpp-report/index.html deleted file mode 100644 index 9c05a78a..00000000 --- a/vhosts/blog/public/posts/2024-12-04/cohackpp-report/index.html +++ /dev/null @@ -1,266 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2024 nsfisis"> - <meta name="description" content="2024-11-30 に開催された紅白ぺぱ合戦に参加し、ぺ陣営のメンバとして LT しました。"> - <meta name="keywords" content="紅白ぺぱ合戦,PHP"> - <meta property="og:type" content="article"> - <meta property="og:title" content="紅白ぺぱ合戦に参加&LTしました｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="2024-11-30 に開催された紅白ぺぱ合戦に参加し、ぺ陣営のメンバとして LT しました。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>紅白ぺぱ合戦に参加&LTしました｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">紅白ぺぱ合戦に参加&LTしました</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/cohackpp/">紅白ぺぱ合戦</a> - </li> - <li class="tag"> - <a href="/tags/php/">PHP</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2024-12-04">2024-12-04</time>: 公開 - </li> - <li class="revision"> - <time datetime="2024-12-05">2024-12-05</time>: 「育てた」枠・「育てられた」枠を勘違いして逆に表記していたので修正 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - 2024-11-30 に開催された <a href="https://connpass.com/event/329428/" rel="noreferrer" target="_blank">紅白ぺぱ合戦</a> なる催しに参加しました。私は「ぺ」陣営のメンバとして LT をおこないました。 - </p> - <p> - 紅白ぺぱ合戦のイベントページにある説明を以下に引用します。 - </p> - <blockquote> - <p> - Webエンジニアの <a href="https://x.com/asumikam" rel="noreferrer" target="_blank">asumikam</a> とWebエンジニアの <a href="https://x.com/stefafafan" rel="noreferrer" target="_blank">stefafafan</a> が2024年7月7日に結婚しました。 - </p> - <p> - せっかくなので技術トークとかで紅白戦をしませんか？いいですね！やっていきます！ - </p> - <p> - 場所はァ！小田原ァ！盛り上がっていきましょゥ！！！ - </p> - </blockquote> - <p> - ざっくりと言えば、テックカンファレンスの形式をとった結婚披露宴です。タイトルの「ぺ」は PHPer、「ぱ」は Perl Monger の略です。 - </p> - </section> - <section id="section--thoughts"> - <h2><a href="#section--thoughts">感想</a></h2> - <p> - 私は「ぺ」陣営のスピーカーとして LT をしていたのですが、その前にまずは登壇以外の感想を。 - </p> - <p> - いや～最高でしたね。どの枠のスピーチの方も良かったのですが、特に (asumikam さん/stefafafan さんに)「育てられた」枠のお二方が印象に残っています。(asumikam さん/stefafafan さんを)「育てた」枠としてお世話になった方に声をかけることはできると思うんですよ。それだけでなく、「自分が育てたのだ」と言える人がいて、そしてそれに 100 点で応える人がいるということ。この素晴しさ。人徳。 - </p> - <p> - 改めて、asumikam さん、stefafafan さん、ご結婚おめでとうございます！ - </p> - </section> - <section id="section--lt"> - <h2><a href="#section--lt">LT</a></h2> - <section id="section--lt--prepare"> - <h3><a href="#section--lt--prepare">合戦準備</a></h3> - <p> - さて、時を合戦の前に戻しまして、両陣営の登壇者が発表され徐々に謎のイベントの輪郭が見えてきた頃、asumikam さんから次のような連絡を受けました。 - </p> - <p> - <img alt="asumikam「いまむらさんおつかれさまです。ぺぱ合戦で、LTタイムあることになり、技術で3人「ぺ」側を選出することになったのですが、いまむらさん、LTやりませんか。「ぺ」陣営で一緒に頂きを目指しませんか。」nsfisis「OKです！」" src="/posts/2024-12-04/cohackpp-report/lt.png"> - </p> - <p> - 最初は直近のカンファレンスに出して落選したプロポーザルテーマを LT に編集して話そうとしていたのですが、この機会でなければ話せない・この機会で話すことに意味があるテーマにしようとネタ出しをおこない、最終的に次のテーマでの登壇となりました。 - </p> - </section> - <section id="section--lt--battle"> - <h3><a href="#section--lt--battle">いざ尋常に勝負</a></h3> - <p> - 当日は、「プログラミングマナー講座」と題して発表をおこないました。結婚式のマナー、特に「忌み言葉」へフォーカスし、これを無理やりプログラミングに適用するというものです。<a href="/slides/2024-11-30/cohackpp/">スライドはこちらにアップロードしています。</a> - </p> - <p> - 最終的にお祝いのメッセージを仕込んだソースコードで締めるという構成は、我ながら綺麗にまとまったと思っています。忌み言葉の案は他にも大量にあったのですが、技術 LT かつ結婚祝いスピーチにするためにどうしても最後のソースコードが必要だったので、時間の関係上それらには犠牲となってもらいました ( <a href="https://x.com/nsfisis/status/1862798137452327206" rel="noreferrer" target="_blank">ボツになった案のひとつ</a> )。 - </p> - <p> - そもそも結婚式・披露宴でのスピーチ自体が初めてだったのでそれなりに緊張していたのですが、登壇時やその後の反応を伺う限り概ね好評だったようで良かったです。 - </p> - </section> - </section> - <section id="section--congrats"> - <h2><a href="#section--congrats">ご結婚おめでとうございます</a></h2> - <p> - <a href="https://github.com/nsfisis/cohackpp/blob/main/congrats.php" rel="noreferrer" target="_blank">https://github.com/nsfisis/cohackpp/blob/main/congrats.php</a> - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span></span> -<span class="line"><span style="color:#24292E">$s</span><span style="color:#D73A49">=</span><span style="color:#032F62"><<<'</span><span style="color:#D73A49">Q</span><span style="color:#032F62">'</span></span> -<span class="line"><span style="color:#032F62"><?php</span></span> -<span class="line"><span style="color:#032F62">%</span></span> -<span class="line"><span style="color:#032F62">$s=<<<'Q'</span></span> -<span class="line"><span style="color:#032F62">@$c=[`];</span></span> -<span class="line"><span style="color:#032F62">$m="";for($k=0;$k<min(13,intdiv(__LINE__-119,80)+1);$k++){$C=str_replace("\n","",</span></span> -<span class="line"><span style="color:#032F62">$c[$k]);$f=!0;foreach(str_split(base64_decode($C))as$l){$L=ord($l);$m.=str_repeat</span></span> -<span class="line"><span style="color:#032F62">($f?"#":chr(32),$L&127);$f=!$f;if($L&128){$m.="\n";$f=!0;continue;}}}print(</span></span> -<span class="line"><span style="color:#032F62">str_replace([chr(96),chr(37),chr(64)],[implode("\n",array_map(fn($C)=>"'".trim(</span></span> -<span class="line"><span style="color:#032F62">chunk_split(str_replace("\n","",$C),80,"\n"))."',",$c)),"\n{$m}","{$s}\nQ;\n"],$s));</span></span> -<span class="line"><span style="color:#D73A49">Q</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">$c</span><span style="color:#D73A49">=</span><span style="color:#24292E">[</span><span style="color:#032F62">'0AFOgQFOgQFOgQFOgQFOgQFEAgiBAUIECIEBQwQHgQE8AQYFBoEBOgQGBAaBAToEBwQFgQE6BQYFBIEB</span></span> -<span class="line"><span style="color:#032F62">OwQHBASBATwEBgUDgQE8BQYEA4EBPQQGBAOBAT0FBgEFgQERBhsIBAQMgQERKQQFC4EBESkFAQ6BAREp</span></span> -<span class="line"><span style="color:#032F62">FIEBESkUgQERKRSBAU6BAU6BAU6BAU6BAU6BAU6BAU6BAU6BAU6BAU6BAU6BAU6BAU6BAU6BAU6BAU6B</span></span> -<span class="line"><span style="color:#032F62">AU6BAU6BAU6BAU6BAU6BAU6BAU6BAU6BAU6BAQ4EPIEBDQY7gQENBjuBAQ0GO4EBDQU8gQENBTyBAQwG</span></span> -<span class="line"><span style="color:#032F62">PIEBDAY8gQEMBjyBAQwGPIEBDAY8gQEMBjyBAQwHO4EBDAc7gQENBzqBAQ0IOYEBDgg4gQEOCiUCD4EB</span></span> -<span class="line"><span style="color:#032F62">DwwdBw+BARAQDhEPgQERLg+BARItD4EBFCsPgQEXJRKBARsbGIEBToEBToEBToEBToEBToHQ'</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#032F62">'0AFOgQFOgQFOgQEPASMFFoEBDwMhBRaBAQ4FIAUWgQEOBSAFFoEBDQUhBRaBAQ0FIQUWgQEMBSIFFoEB</span></span> -<span class="line"><span style="color:#032F62">DAUiBRaBAQsFIwUWgQELBQgBGgUWgQEKBQkDGAUWgQEKBQgGBCoDgQEJBQkFBSoDgQEFAQMECQYFKgOB</span></span> -<span class="line"><span style="color:#032F62">AQQDAQUJBQYqA4EBBAgJBQcqA4EBAwkJBRkFFoEBBAcJBRoFFoEBBQYIBRsFFoEBBgYHBRsFFoEBBwYF</span></span> -<span class="line"><span style="color:#032F62">BRwFFoEBCAYDBR0FFoEBCQYCBR0FFoEBCgseBRaBAQsJHwUWgQEMByAFFoEBDAcFAxgFFoEBDQUFBBgF</span></span> -<span class="line"><span style="color:#032F62">FoEBDQQGBRYGFoEBDAUHBAcmBYEBCwUIBQYmBYEBCwQKBAYmBYEBCgQLBQUmBYEBCQUMBS+BAQgFDAYv</span></span> -<span class="line"><span style="color:#032F62">gQEDHC+BAQMdLoEBAx0ugQEDHi2BAQMJBAUIBC2BARAFCAQtgQEQBQgELYEBEAUJAS+BARAFESEHgQEQ</span></span> -<span class="line"><span style="color:#032F62">BREhB4EBBwEIBQYBCiEHgQEHBAUFBAQJIQeBAQcEBQUEBAkEGAUHgQEGBQUFBAUIBBgFB4EBBgUFBQUE</span></span> -<span class="line"><span style="color:#032F62">CAQYBQeBAQYFBQUFBAgEGAUHgQEGBAYFBQUHBBgFB4EBBgQGBQYEBwQYBQeBAQUFBgUGBQYEGAUHgQEF</span></span> -<span class="line"><span style="color:#032F62">BQYFBwQGBBgFB4EBBQQHBQcEBgQYBQeBAQUEBwUHBQUEGAUHgQEEBQcFBwUFBBgFB4EBBAUHBQgEBQQY</span></span> -<span class="line"><span style="color:#032F62">BQeBAQQECAUIBAUEGAUHgQEDBQgFCAEIBBgFB4EBAwUIBREEGAUHgQECBQkFEQQYBQeBAQIFCQURIQeB</span></span> -<span class="line"><span style="color:#032F62">AQQCCgURIQeBARAFESEHgQEQBREhB4EBEAURIQeBARAFEQQYBQeBARAFEQQYBQeBARAFEQQYBQeBARAF</span></span> -<span class="line"><span style="color:#032F62">EQQYBQeBAU6BAU6BAU6B0A=='</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#032F62">'0AFOgQFOgQFOgQEOAjEBDIEBDgUqBwqBAQ0FJwwJgQENBSETCIEBDQURAQcXDIEBDQURGxCBAQ0FERcU</span></span> -<span class="line"><span style="color:#032F62">gQENBBIOBAUUgQEMBRIGDAUUgQEMBRIFDQUUgQEMBRIFDgQUgQEMBRIFDgQUgQEMBBMFDgQUgQELBRMF</span></span> -<span class="line"><span style="color:#032F62">DgQUgQELBRMFDgUTgQELBRMFDgUTgQEDGQcFDgUTgQEDGwUoA4EBAxsFKAOBAQMbBSgDgQEDGwUoA4EB</span></span> -<span class="line"><span style="color:#032F62">CgUKBQUFDwUSgQEKBAsEBgUQBBKBAQkFCwQGBRAFEYEBCQULBAYFEAURgQEJBQoFBgUQBRGBAQkFCgUG</span></span> -<span class="line"><span style="color:#032F62">BREFEIEBCQQLBQYFEQUQgQEIBQsFBgUSBQkBBYEBCAULBQYFEgUJAwOBAQgFCwUGBQoFBAUIBAKBAQgF</span></span> -<span class="line"><span style="color:#032F62">CwQHBQQLBAYHAwOBAQgECwUHFAUGBQQDgQEHBQsFAxgFBwQEA4EBBwULBQMVCQ4DgQEHBQsFAw8QDQOB</span></span> -<span class="line"><span style="color:#032F62">AQcEDAUDCRcLBIEBBgULBQUCHwgFgQEGBQsFKAQHgQEGBQsFM4EBBgULBTOBAQYFCgUKIgiBAQUHCQUK</span></span> -<span class="line"><span style="color:#032F62">IgiBAQUICAUKIgiBAQUKBgUKIgiBAQULBAULBRgFCIEBBA0DBQsFGAUIgQEEBQIHAgULBRgFCIEBBgMD</span></span> -<span class="line"><span style="color:#032F62">DAwFGAUIgQENCwwFGAUIgQEOCgwFGAUIgQEQBw0FGAUIgQERBwwFGAUIgQERCAsiCIEBEAoKIgiBARAL</span></span> -<span class="line"><span style="color:#032F62">CSIIgQEPDQgiCIEBDwUCBwcFGAUIgQEOBgMHBgUYBQiBAQ0GBQcFBRgFCIEBDAcGBgUFGAUIgQELBwgE</span></span> -<span class="line"><span style="color:#032F62">BgUYBQiBAQoHCgMGBRgFCIEBCQcMAQcFGAUIgQEIBxUFGAUIgQEHCBUiCIEBBggWIgiBAQQJFyIIgQEF</span></span> -<span class="line"><span style="color:#032F62">BxgiCIEBBQUaBRgFCIEBBgMbBRgFCIEBJAUYBQiBAU6BAU6BAU6B0A=='</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#032F62">'0AFOgQFOgQFOgQFOgQFOgQFOgQFOgQEZBi+BARkGL4EBGgUvgQEaBS+BARoFL4EBGgUvgQEaBS+BARoF</span></span> -<span class="line"><span style="color:#032F62">L4EBGgUvgQEaBRkBFYEBGgUZAxOBARoFDwEIBRKBARoFCwUIBxCBARoFBgoHCg6BARoVCQkNgQEJJgsJ</span></span> -<span class="line"><span style="color:#032F62">C4EBCSYMCQqBAQohEgkIgQEKGxoIB4EBChUhCQWBARkFIwkEgQEZBSUGBYEBGQUmBAaBARkFKAIGgQEZ</span></span> -<span class="line"><span style="color:#032F62">BTCBARkFMIEBGQUwgQEZBTCBARkFMIEBGQUwgQEZBTCBARkFCRAXgQEZBQQYFIEBGSMSgQEZJBGBARkS</span></span> -<span class="line"><span style="color:#032F62">CAwPgQEXDhIJDoEBFQwYCA2BARMMGwcNgQESDB0HDIEBEA4eBgyBAQ8IAwQfBguBAQ4IBAQfBguBAQ0H</span></span> -<span class="line"><span style="color:#032F62">BgQgBQuBAQwHBwQgBQuBAQsHCAUfBQuBAQoGCgUfBQuBAQoGCgUfBQuBAQkGCwUfBQuBAQkFDAUeBguB</span></span> -<span class="line"><span style="color:#032F62">AQgGDAUeBguBAQgGDAUdBwuBAQgGDAUdBgyBAQgGDAUcBwyBAQkFDAUbBw2BAQkGCwUZCQ2BAQkHCgUY</span></span> -<span class="line"><span style="color:#032F62">CQ6BAQoIBwYVCw+BAQsIBQcSDRCBAQwSChURgQENEQoTE4EBDhAKERWBARANDA4XgQESCwwLGoEBFQYO</span></span> -<span class="line"><span style="color:#032F62">BSCBAU6BAU6BAU6BAU6BAU6BAU6B0A=='</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#032F62">'0AFOgQFOgQFOgQFOgQFOgQFOgQFOgQEuBhqBAS4FG4EBLgUbgQEuBRuBARICGQYbgQEPBRkGG4EBDgYZ</span></span> -<span class="line"><span style="color:#032F62">BRyBAQ8FGQUcgQEPBhgFHIEBDwYXBhyBARAFFwUdgQEQBRcFHYEBEAYNERqBAREFChcXgQERBQccFYEB</span></span> -<span class="line"><span style="color:#032F62">EQYEIBOBARIFAg4DExGBARIRBwYEChCBARIOCgUHCQ+BARMKDQUJCA6BARIJDgYKCA2BAREIEAUNBwyB</span></span> -<span class="line"><span style="color:#032F62">ARAJEAUOBgyBAQ8KDwYPBguBAQ4MDgUQBwqBAQ4MDgURBgqBAQ0GAgYMBRMFCoEBDAYEBQwFEwYJgQEM</span></span> -<span class="line"><span style="color:#032F62">BgQFCwYTBgmBAQsGBQYKBRUFCYEBCgYHBQkGFQYIgQEKBQgGCAYVBgiBAQkGCQUIBRcFCIEBCQUKBgYG</span></span> -<span class="line"><span style="color:#032F62">FwUIgQEJBQsFBgUYBQiBAQgFDAYEBhgFCIEBCAUNBQMGGQUIgQEIBQ0GAgYZBQiBAQcFDwwaBQiBAQcF</span></span> -<span class="line"><span style="color:#032F62">DwwaBQiBAQcFEAobBQiBAQcFEAoaBgiBAQcFEQgbBgiBAQcFEgYcBgiBAQcFEQgbBQmBAQcFEAoZBgmB</span></span> -<span class="line"><span style="color:#032F62">AQcFEAoZBgmBAQcFDwwXBgqBAQcFDg4VBwqBAQcGDAcCBxQGC4EBCAULBwQEFQcLgQEIBggIBgIVBwyB</span></span> -<span class="line"><span style="color:#032F62">AQgIBAkHARUHDYEBCRMcCQ2BAQoRHAkOgQELDhwKD4EBDAwbChGBAQ4HGwwSgQEsDxOBASgRFYEBKQ4X</span></span> -<span class="line"><span style="color:#032F62">gQEpDBmBASoIHIEBKwMggQFOgQFOgQFOgQFOgQFOgQFOgQFOgdA='</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#032F62">'0AFOgQFOgQFOgQFOgQFOgQFOgQFOgQFOgQFOgQFOgQE1DwqBASkbCoEBHiYKgQETMQqBAQc9CoEBBjQU</span></span> -<span class="line"><span style="color:#032F62">gQEGIQQKGYEBBhcOBxyBAQcOFAcegQEHBhsHH4EBJwYhgQEmBiKBASUGFgEMgQEkBhUDDIEBIwYWBAuB</span></span> -<span class="line"><span style="color:#032F62">ASMGFwQKgQEiBg8DBgQKgQEhBg8EBwQJgQEhBhAEBwQIgQEgBhEFBgQIgQEgBRMEBwQHgQEfBhQEBgUG</span></span> -<span class="line"><span style="color:#032F62">gQEfBhQEBwQGgQEfBRYEBgIIgQEeBhYEEIEBHgYXBA+BAR4FGAMQgQEeBSuBAR0GK4EBHQYrgQEdBiuB</span></span> -<span class="line"><span style="color:#032F62">AR0GK4EBHQYrgQEdBiuBAR0GK4EBHQYrgQEdBiuBAR4FK4EBHgYqgQEeBiqBAR4HKYEBHwYpgQEfByiB</span></span> -<span class="line"><span style="color:#032F62">ASAHJ4EBIAcngQEhByaBASEJJIEBIgkjgQEjCiGBASQLH4EBJQwdgQEmDxmBASgTE4EBKhMRgQErEhGB</span></span> -<span class="line"><span style="color:#032F62">AS4PEYEBMAwSgQE0CBKBAU6BAU6BAU6BAU6BAU6BAU6BAU6BAU6BAU6BAU6B0A=='</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#032F62">'0AFOgQFOgQFOgQFOgQFOgQFOgQFOgQFOgQEXATaBARQENoEBEgY2gQESBzWBARMGNYEBEwc0gQEUBjSB</span></span> -<span class="line"><span style="color:#032F62">ARQGNIEBFQYzgQEVBiABEoEBFgYeAxGBARYGHAYQgQEWBxoHEIEBFwYYCg+BARcHFQsQgQEYBhMLEoEB</span></span> -<span class="line"><span style="color:#032F62">GAYRCxSBARkGDgsWgQEZBgwLGIEBGgYJCxqBARoHBwocgQEbBgUKHoEBGwcCCiCBARwRIYEBHA8jgQEd</span></span> -<span class="line"><span style="color:#032F62">DCWBAR0KJ4EBHAoogQEbCSqBARoILIEBGQgtgQEXCC+BARYIMIEBFQgxgQEVBzKBARQHM4EBEwc0gQES</span></span> -<span class="line"><span style="color:#032F62">BzWBARIGNoEBEQY3gQERBjeBAREFOIEBEAY4gQEQBjiBARAGOIEBEAY4gQEQBjiBARAGOIEBEAY4gQEQ</span></span> -<span class="line"><span style="color:#032F62">BjiBARAHN4EBEAc3gQERBzaBAREINYEBEgkzgQETCiEDDYEBEw0WCw2BARQtDYEBFisNgQEXKg2BARon</span></span> -<span class="line"><span style="color:#032F62">DYEBHSARgQEjDxyBAU6BAU6BAU6BAU6BAU6BAU6BAU6B0A=='</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#032F62">'0AFOgQFOgQFOgQFOgQFOgQFOgQFOgQEXBDOBARcLLIEBFxQjgQEXIRaBARchFoEBGh4WgQEiFhaBASsN</span></span> -<span class="line"><span style="color:#032F62">FoEBNgEXgQFOgQFOgQFOgQFOgQFOgQFOgQFOgQFOgQFOgQEkDR2BAR4WGoEBGR0YgQEVIxaBARApFYEB</span></span> -<span class="line"><span style="color:#032F62">DRcLCxSBAQ4QFAkTgQEODBoIEoEBDgkeBxKBAQ4GIgcRgQEPAiYGEYEBNwcQgQE4BhCBATgGEIEBOAYQ</span></span> -<span class="line"><span style="color:#032F62">gQE4BhCBATkFEIEBOQUQgQE5BRCBATgGEIEBOAYQgQE4BhCBATgGEIEBNwcQgQE3BhGBATcGEYEBNgcR</span></span> -<span class="line"><span style="color:#032F62">gQE1BxKBATUHEoEBNAcTgQEzCBOBATIIFIEBMQgVgQEvCRaBAS4JF4EBLAoYgQEqCxmBAScMG4EBJQ0c</span></span> -<span class="line"><span style="color:#032F62">gQEhDx6BARwTH4EBGBQigQEZESSBARoNJ4EBGgoqgQEbBS6BAU6BAU6BAU6BAU6BAU6BAU6BAU6B0A=='</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#032F62">'0AFOgQFOgQFOgQFOgQFOgQFDAgmBAUEECYEBQgQIgQE7AQYFB4EBOQQGBAeBATkEBwQGgQE5BQYFBYEB</span></span> -<span class="line"><span style="color:#032F62">OgQHBAWBATsEBgUEgQE7BQYEBIEBPAQGBASBATwFBgEGgQEQBhsIBAQNgQEQKQQFDIEBECkFAQ+BARAp</span></span> -<span class="line"><span style="color:#032F62">FYEBECkVgQEQKRWBAU6BAU6BAU6BAU6BAU6BAU6BAU6BAU6BAU6BAU6BAU6BAU6BAU6BAU6BAU6BAU6B</span></span> -<span class="line"><span style="color:#032F62">AU6BAU6BAU6BAU6BAU6BAU6BAU6BAU6BAU6BAQ0EPYEBDAY8gQEMBjyBAQwGPIEBDAU9gQEMBT2BAQsG</span></span> -<span class="line"><span style="color:#032F62">PYEBCwY9gQELBj2BAQsGPYEBCwY9gQELBj2BAQsHPIEBCwc8gQEMBzuBAQwIOoEBDQg5gQENCiUCEIEB</span></span> -<span class="line"><span style="color:#032F62">DgwdBxCBAQ8QDhEQgQEQLhCBAREtEIEBEysQgQEWJROBARobGYEBToEBToEBToEBToEBToHQ'</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#032F62">'0AFOgQFOgQFOgQFOgQFCAwmBAUEECYEBQQUIgQE5AwYFB4EBOAQHBAeBASkCDgQGBQaBASYGDQUGBAaB</span></span> -<span class="line"><span style="color:#032F62">ASYGDgQHBAWBASYGDgUGBAWBAScFDwQHBASBAScGDwQGAwWBAScGDwUNgQEoBRAEDYEBKAUQAw6BASgG</span></span> -<span class="line"><span style="color:#032F62">IIEBKQUQAw2BASkFDAcNgQEpBgYMDYEBCgMdFw2BAQsVAh8NgQELNQ6BAQsxEoEBCysYgQELJh2BARkI</span></span> -<span class="line"><span style="color:#032F62">CwUdgQEsBhyBAS0FHIEBLQUcgQEuBRuBAS4FG4EBLwUagQEvBRqBATAFGYEBMAYYgQExBRiBATEGF4EB</span></span> -<span class="line"><span style="color:#032F62">MgUXgQEyBhaBATMGFYEBNAUVgQE0BhSBATUGE4EBEAIWCgMHEoEBEAYSFRGBAQ8GExURgQEPBRQUEoEB</span></span> -<span class="line"><span style="color:#032F62">DgYaDROBAQ4GIwQTgQEOBTuBAQ0GO4EBDQY7gQENBTyBAQ0FPIEBDQU8gQENBTyBAQ0FPIEBDQU8gQEN</span></span> -<span class="line"><span style="color:#032F62">BjuBAQ0GO4EBDgY6gQEOBzmBAQ4IOIEBDwg3gQEQCh4BFYEBEQwVBxWBARInFYEBEyYVgQEVJBWBARgh</span></span> -<span class="line"><span style="color:#032F62">FYEBGxoZgQFOgQFOgQFOgQFOgdA='</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#032F62">'0AFOgQFOgQFOgQFOgQFOgQFOgQFOgQFOgQFOgQFOgQFOgQFOgQEJBz6BAQkGP4EBCQY/gQEJBigDFIEB</span></span> -<span class="line"><span style="color:#032F62">CQYlBhSBAQkGJQcTgQEJBiYHEoEBCQYnBhKBAQkGJwcRgQEJBigGEYEBCQYoBxCBAQkGKQYQgQEJBioG</span></span> -<span class="line"><span style="color:#032F62">D4EBCQYqBg+BAQkGKgcOgQEJBisGDoEBCgUrBg6BAQoFLAYNgQEKBSwGDYEBCgUtBgyBAQoFLQYMgQEK</span></span> -<span class="line"><span style="color:#032F62">BS0GDIEBCgUuBguBAQoFLgYLgQEKBS4GC4EBCgYtBguBAQoGLgYKgQEKBi4GCoEBCgYuBgqBAQoGLwYJ</span></span> -<span class="line"><span style="color:#032F62">gQELBS8GCYEBCwUvBgmBAQsFLwYJgQELBhMBGgYJgQELBhMCGgYIgQELBhMDGQYIgQEMBRMEGAYIgQEM</span></span> -<span class="line"><span style="color:#032F62">BhEGFwYIgQEMBhEGFwYIgQEMBhAGGQUIgQENBg8GGQUIgQENBg8GGQUIgQENBg4GGgILgQEOBg0GJ4EB</span></span> -<span class="line"><span style="color:#032F62">DgcLBiiBAQ4HCgcogQEPBwgHKYEBEAcGCCmBARAKAQkqgQEREiuBARIRK4EBEhAsgQETDi2BARULLoEB</span></span> -<span class="line"><span style="color:#032F62">FwcwgQFOgQFOgQFOgQFOgQFOgQFOgQFOgQFOgQFOgQFOgQFOgdA='</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#032F62">'0AFOgQFOgQFOgQFOgQFOgQFOgQFOgQElBiOBASYFI4EBJgUjgQEmBSOBASYFI4EBJgUjgQEmBSOBASYF</span></span> -<span class="line"><span style="color:#032F62">I4EBJgUQBQ6BAQ4IEAUGDw6BAQ4yDoEBDjIOgQEOMg6BAQ4rFYEBGhIigQEmBSOBASYFI4EBJgUjgQEm</span></span> -<span class="line"><span style="color:#032F62">BSOBASYFI4EBJgUjgQEmBSOBASYFI4EBJgUjgQEmBRQCDYEBDQMWBQwKDYEBDQ8JHA2BAQ4zDYEBDjMN</span></span> -<span class="line"><span style="color:#032F62">gQEOMg6BARAnF4EBJQYjgQEmBSOBASYFI4EBJgUjgQEmBSOBASYFI4EBJgUjgQEmBSOBASYFI4EBJgUj</span></span> -<span class="line"><span style="color:#032F62">gQEmBSOBAR0EBQUjgQEXFCOBARQZIYEBEh4egQERIRyBARAJDBAZgQEPBxARF4EBDgYSExWBAQ4FEwYD</span></span> -<span class="line"><span style="color:#032F62">CxSBAQ4FEwYFCxKBAQ0FFAYHChGBAQ0FFAYJCg+BAQ0FFAYKCg6BAQ0GEwYMCQ2BAQ4FEwYNCQyBAQ4G</span></span> -<span class="line"><span style="color:#032F62">EQYQBg2BAQ4HDwcRBQ2BAQ8IDAgSAw6BAQ8bFAEPgQERGCWBARIWJoEBFBIogQEXDSqBAU6BAU6BAU6B</span></span> -<span class="line"><span style="color:#032F62">AU6BAU6BAU6B0A=='</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#032F62">'0AFOgQFOgQFOgQFOgQFOgQFOgQEpBh+BASkGH4EBKQYfgQEqBR+BASoFH4EBKgUfgQEqBR+BASoFH4EB</span></span> -<span class="line"><span style="color:#032F62">KgUfgQEqBR+BARkuB4EBBkEHgQEHQAeBAQdAB4EBB0AHgQEHDBcFH4EBKgUfgQEqBR+BASoFH4EBKgUf</span></span> -<span class="line"><span style="color:#032F62">gQEqBR+BASoFH4EBKgUfgQEgDx+BAR4RH4EBHBMfgQEbFB+BARoIBAkfgQEZBwkGH4EBGQYLBh6BARgG</span></span> -<span class="line"><span style="color:#032F62">DQUegQEYBQ4GHYEBFwYPBR2BARcFEAUdgQEXBRAFHYEBFwUQBhyBARcFEAYcgQEXBQ8HHIEBFwUPBxyB</span></span> -<span class="line"><span style="color:#032F62">ARcGDgccgQEXBg0IHIEBGAYMBx2BARgHCggdgQEZCAYKHYEBGhcdgQEbFh2BARwVHYEBHgsBBh6BASAG</span></span> -<span class="line"><span style="color:#032F62">BAYegQEpBh+BASkGH4EBKAYggQEnByCBASYHIYEBJQcigQEkCCKBASIJI4EBIAokgQEeCyWBARwLJ4EB</span></span> -<span class="line"><span style="color:#032F62">GQ0ogQEWDiqBARcMK4EBGAktgQEZBTCBARoCMoEBToEBToEBToEBToEBToEBToHQ'</span><span style="color:#24292E">,];</span></span> -<span class="line"><span style="color:#24292E">$m</span><span style="color:#D73A49">=</span><span style="color:#032F62">""</span><span style="color:#24292E">;</span><span style="color:#D73A49">for</span><span style="color:#24292E">($k</span><span style="color:#D73A49">=</span><span style="color:#005CC5">0</span><span style="color:#24292E">;$k</span><span style="color:#D73A49"><</span><span style="color:#005CC5">min</span><span style="color:#24292E">(</span><span style="color:#005CC5">13</span><span style="color:#24292E">,</span><span style="color:#6F42C1">intdiv</span><span style="color:#24292E">(</span><span style="color:#005CC5">__LINE__</span><span style="color:#D73A49">-</span><span style="color:#005CC5">119</span><span style="color:#24292E">,</span><span style="color:#005CC5">80</span><span style="color:#24292E">)</span><span style="color:#D73A49">+</span><span style="color:#005CC5">1</span><span style="color:#24292E">);$k</span><span style="color:#D73A49">++</span><span style="color:#24292E">){$C</span><span style="color:#D73A49">=</span><span style="color:#005CC5">str_replace</span><span style="color:#24292E">(</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">""</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#24292E">$c[$k]);$f</span><span style="color:#D73A49">=!</span><span style="color:#005CC5">0</span><span style="color:#24292E">;</span><span style="color:#D73A49">foreach</span><span style="color:#24292E">(</span><span style="color:#005CC5">str_split</span><span style="color:#24292E">(</span><span style="color:#005CC5">base64_decode</span><span style="color:#24292E">($C))</span><span style="color:#D73A49">as</span><span style="color:#24292E">$l){$L</span><span style="color:#D73A49">=</span><span style="color:#005CC5">ord</span><span style="color:#24292E">($l);$m</span><span style="color:#D73A49">.=</span><span style="color:#005CC5">str_repeat</span></span> -<span class="line"><span style="color:#24292E">($f</span><span style="color:#D73A49">?</span><span style="color:#032F62">"#"</span><span style="color:#D73A49">:</span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">32</span><span style="color:#24292E">),$L</span><span style="color:#D73A49">&</span><span style="color:#005CC5">127</span><span style="color:#24292E">);$f</span><span style="color:#D73A49">=!</span><span style="color:#24292E">$f;</span><span style="color:#D73A49">if</span><span style="color:#24292E">($L</span><span style="color:#D73A49">&</span><span style="color:#005CC5">128</span><span style="color:#24292E">){$m</span><span style="color:#D73A49">.=</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">;$f</span><span style="color:#D73A49">=!</span><span style="color:#005CC5">0</span><span style="color:#24292E">;</span><span style="color:#D73A49">continue</span><span style="color:#24292E">;}}}</span><span style="color:#005CC5">print</span><span style="color:#24292E">(</span></span> -<span class="line"><span style="color:#005CC5">str_replace</span><span style="color:#24292E">([</span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">96</span><span style="color:#24292E">),</span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">37</span><span style="color:#24292E">),</span><span style="color:#005CC5">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">64</span><span style="color:#24292E">)],[</span><span style="color:#005CC5">implode</span><span style="color:#24292E">(</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#005CC5">array_map</span><span style="color:#24292E">(</span><span style="color:#D73A49">fn</span><span style="color:#24292E">($C)=></span><span style="color:#032F62">"'"</span><span style="color:#D73A49">.</span><span style="color:#005CC5">trim</span><span style="color:#24292E">(</span></span> -<span class="line"><span style="color:#005CC5">chunk_split</span><span style="color:#24292E">(</span><span style="color:#005CC5">str_replace</span><span style="color:#24292E">(</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">,</span><span style="color:#032F62">""</span><span style="color:#24292E">,$C),</span><span style="color:#005CC5">80</span><span style="color:#24292E">,</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">))</span><span style="color:#D73A49">.</span><span style="color:#032F62">"',"</span><span style="color:#24292E">,$c)),</span><span style="color:#032F62">"</span><span style="color:#005CC5">\n</span><span style="color:#032F62">{</span><span style="color:#24292E">$m</span><span style="color:#032F62">}"</span><span style="color:#24292E">,</span><span style="color:#032F62">"{</span><span style="color:#24292E">$s</span><span style="color:#032F62">}</span><span style="color:#005CC5">\n</span><span style="color:#032F62">Q;</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">],$s));</span></span></code></pre> - </div> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2024-12-04/cohackpp-report/lt.png b/vhosts/blog/public/posts/2024-12-04/cohackpp-report/lt.png Binary files differdeleted file mode 100644 index 1075d95f..00000000 --- a/vhosts/blog/public/posts/2024-12-04/cohackpp-report/lt.png +++ /dev/null diff --git a/vhosts/blog/public/posts/2024-12-33/2024-reflections/index.html b/vhosts/blog/public/posts/2024-12-33/2024-reflections/index.html deleted file mode 100644 index d1f71cea..00000000 --- a/vhosts/blog/public/posts/2024-12-33/2024-reflections/index.html +++ /dev/null @@ -1,198 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2025 nsfisis"> - <meta name="description" content="2024年にやったことを振り返る"> - <meta property="og:type" content="article"> - <meta property="og:title" content="2024年の振り返り｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="2024年にやったことを振り返る"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>2024年の振り返り｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">2024年の振り返り</h1> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2025-01-02">2025-01-02</time>: 公開 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - ご存じのとおり、4 と 11 と 23 で割り切れる年は閏年というやつで 12 月が 33 日まである。1年の振り返りを書く猶予が平年よりも長くなるので大変に都合がよい。 - </p> - <p> - 去年のやつ: <a href="/posts/2023-12-31/2023-reflections/">/posts/2023-12-31/2023-reflections/</a> - </p> - </section> - <section id="section--conference"> - <h2><a href="#section--conference">登壇・カンファレンス参加</a></h2> - <p> - 参加または登壇した勉強会やカンファレンス。LT 等も含めて計 8 回の登壇をおこなった。また、4つのカンファレンスでコアスタッフまたは当日スタッフとして参加した。 - </p> - <ul> - <li> - PHP カンファレンス北海道 2024 オンラインで参加 - </li> - <li> - <a href="/slides/2024-01-24/phpstudy-tokyo-160/">PHP 勉強会@東京 第 160 回 登壇</a> - </li> - <li> - <a href="/posts/2024-02-10/yapcjapan-2024-report/">YAPC::Hiroshima 2024 参加</a> - </li> - <li> - <a href="/posts/2024-02-22/phpkansai-2024-report/">PHPカンファレンス関西 2024 参加</a> - </li> - <li> - PHPerKaigi 2024 - <ul> - <li> - <a href="/slides/2024-03-08/phperkaigi-2024/">登壇</a> - </li> - <li> - コアスタッフとして参加 - </li> - </ul> - </li> - <li> - <a href="/slides/2024-03-15/ya8-2024/">Ya8 2024 登壇</a> - </li> - <li> - PHP カンファレンス小田原 2024 - <ul> - <li> - <a href="/slides/2024-04-13/phpcon-odawara-2024/">登壇</a> - </li> - <li> - 当日スタッフとして参加 - </li> - </ul> - </li> - <li> - <a href="/slides/2024-04-25/phpstudy-tokyo-163/">PHP 勉強会@東京 第 163 回 LT で登壇</a> - </li> - <li> - <a href="/posts/2024-05-11/phpconkagawa-2024-report/">PHP カンファレンス香川 2024 参加</a> - </li> - <li> - <a href="/posts/2024-06-19/scalamatsuri-2024-report/">ScalaMatsuri 2024 参加</a> - </li> - <li> - <a href="/slides/2024-07-18/phpstudy-tokyo-166/">PHP 勉強会@東京 第 166 回 登壇</a> - </li> - <li> - iOSDC Japan 2024 コアスタッフとして参加 - </li> - <li> - Nix meetup #1 参加 - </li> - <li> - <a href="/slides/2024-10-30/phpstudy-tokyo-169/">PHP 勉強会@東京 第 169 回 登壇</a> - </li> - <li> - <a href="/slides/2024-11-30/cohackpp/">紅白ぺぱ合戦 LT で登壇</a> - </li> - <li> - PHP カンファレンス 2024 当日スタッフとして参加 - </li> - </ul> - </section> - <section id="section--articles"> - <h2><a href="#section--articles">書いた記事</a></h2> - <p> - 今年はこのブログに月1記事以上の記事を書くという目標を立てていた。本数としては 12 本以上あるが、10月と11月はゼロになってしまった。社内記事を社外向けにリライトする作業を中々進められていないので、2025年は定期的に消化していきたい。 - </p> - <ul> - <li> - 社外記事 (このブログ): 15本 - </li> - <li> - 社内記事: 22本 - <ul> - <li> - 年間で最も記事を書いた人として社内表彰された - </li> - </ul> - </li> - </ul> - </section> - <section id="section--coding"> - <h2><a href="#section--coding">作ったもの</a></h2> - <p> - 今年は主に WebAssembly ランタイムと、カンファレンスの企画で使うシステムを作っていた。後者のシステムでもサンドボックス化のための技術として WebAssembly を用いているので、今年は WebAssembly と戯れた一年だったと言える。 - </p> - <ul> - <li> - <a href="https://github.com/nsfisis/php-waddiwasi" rel="noreferrer" target="_blank">Waddiwasi: pure PHP で書かれた WebAssembly ランタイム</a> - </li> - <li> - <a href="https://github.com/nsfisis/phperkaigi-2024-albatross" rel="noreferrer" target="_blank">Albatross.PHP: PHPerKaigi 2024 のコードゴルフ企画で使われたシステム</a> - </li> - <li> - <a href="https://github.com/nsfisis/iosdc-japan-2024-albatross" rel="noreferrer" target="_blank">Albatross.swift: iOSDC Japan 2024 のコードバトル企画で使われたシステム</a> - </li> - <li> - <a href="/posts/2024-07-19/reparojson-fix-only-json-formatter/">ReparoJSON: 文法エラーを直すだけの JSON フォーマッタ</a> - </li> - </ul> - </section> - <section id="section--misc"> - <h2><a href="#section--misc">その他</a></h2> - <ul> - <li> - <a href="/posts/2024-09-28/mncore-challenge-1/">MN-Core Challenge #1 に参加</a> - </li> - <li> - ISUCON 14 に参加 - </li> - </ul> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - 今年も大変お世話になりました。よいお年を！ - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2025-01-08/phperkaigi-2023-tokens-q1/Q1.png b/vhosts/blog/public/posts/2025-01-08/phperkaigi-2023-tokens-q1/Q1.png Binary files differdeleted file mode 100644 index 7f099d74..00000000 --- a/vhosts/blog/public/posts/2025-01-08/phperkaigi-2023-tokens-q1/Q1.png +++ /dev/null diff --git a/vhosts/blog/public/posts/2025-01-08/phperkaigi-2023-tokens-q1/index.html b/vhosts/blog/public/posts/2025-01-08/phperkaigi-2023-tokens-q1/index.html deleted file mode 100644 index a49c1087..00000000 --- a/vhosts/blog/public/posts/2025-01-08/phperkaigi-2023-tokens-q1/index.html +++ /dev/null @@ -1,471 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2025 nsfisis"> - <meta name="description" content="PHPerKaigi 2023 でデジタルサーカス株式会社から出題した問題を解説する。全5問中の第1問。"> - <meta name="keywords" content="カンファレンス,PHP,PHPerKaigi,Piet"> - <meta property="og:type" content="article"> - <meta property="og:title" content="PHPerKaigi 2023 トークン問題解説 (1/5)｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="PHPerKaigi 2023 でデジタルサーカス株式会社から出題した問題を解説する。全5問中の第1問。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>PHPerKaigi 2023 トークン問題解説 (1/5)｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">PHPerKaigi 2023 トークン問題解説 (1/5)</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/conference/">カンファレンス</a> - </li> - <li class="tag"> - <a href="/tags/php/">PHP</a> - </li> - <li class="tag"> - <a href="/tags/phperkaigi/">PHPerKaigi</a> - </li> - <li class="tag"> - <a href="/tags/piet/">Piet</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2025-01-08">2025-01-08</time>: 公開 - </li> - <li class="revision"> - <time datetime="2025-01-11">2025-01-11</time>: 読みやすさのため一部の文言を調整 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <div class="admonition"> - <div class="admonition-label"> - NOTE - </div> - <div class="admonition-content"> - <p> - これは PHPerKaigi 2023 の記事です。今は 2025 年ですが、PHPerKaigi 2023 の記事です。 - </p> - </div> - </div> - <p> - 2023-03-23 から 2023-03-25 にかけて開催された <a href="https://phperkaigi.jp/2023/" rel="noreferrer" target="_blank">PHPerKaigi 2023</a> では、PHPer チャレンジという企画がおこなわれた。PHPer チャレンジとは、スポンサーのパンフレットやカンファレンス会場などから「#」記号で始まる文字列を集め、景品などを得るという企画である。この文字列は「PHPer トークン」と呼ばれている。弊社 <a href="https://www.dgcircus.com/" rel="noreferrer" target="_blank">デジタルサーカス株式会社</a> からは、トークン問題という形で、PHP に関する問題を解くと PHPer トークンが得られるようになっている問題を出題した。 - </p> - <p> - <a href="/posts/2023-04-04/phperkaigi-2023-report/">PHPerKaigi 2023 の参加レポ</a> でも書いたとおり、この年のトークン問題は「昨年の PHPerKaigi 2022 が終わった段階から作り始め、約半年かけて制作」された。PHPerKaigi 当日も <a href="/slides/2023-03-25/phperkaigi-2023-tokens/">PHPer チャレンジ解説セッション</a> という形で解説の機会を頂いたのだが、せっかく時間をかけて作題したので記事の形でも残しておこうと思う。 - </p> - <p> - この記事では、全5問ある中の第1問について解説する。他の問題については以下のリンクを参照のこと。 - </p> - <ol> - <li> - <a href="/posts/2025-01-08/phperkaigi-2023-tokens-q1/">第1問 (この記事)</a> - </li> - <li> - 第2問 (TODO: 執筆中) - </li> - <li> - 第3問 (TODO: 執筆中) - </li> - <li> - 第4問 (TODO: 執筆中) - </li> - <li> - 第5問 (TODO: 執筆中) - </li> - </ol> - <p> - それぞれの問題はこちらの GitHub リポジトリ ( <a href="https://github.com/nsfisis/PHPerKaigi2023-tokens" rel="noreferrer" target="_blank">nsfisis/PHPerKaigi2023-tokens</a> ) からも閲覧できる。 - </p> - </section> - <section id="section--quiz"> - <h2><a href="#section--quiz">Q1: An Art of Computer Programming</a></h2> - <p> - 第1問『An Art of Computer Programming』はこちら。 - </p> - <p> - <img alt="全体がQRコードになっており、中央には小さな文字で「Password is one of the PHPer tokens.」と書かれている" src="/posts/2025-01-08/phperkaigi-2023-tokens-q1/Q1.png"> - </p> - </section> - <section id="section--how-to-solve"> - <h2><a href="#section--how-to-solve">解き方</a></h2> - <p> - まずはトークンを得る方法を解説抜きで説明する。次のように実行する。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ echo "#iwillblog" | php Q1.png >/dev/null</span></span></code></pre> - </div> - <p> - 無事に実行できていれば「#ModernPHPisStaticallyTypedLanguage」というトークンが得られる。 - </p> - </section> - <section id="section--commentary"> - <h2><a href="#section--commentary">解説</a></h2> - <section id="section--commentary--read-as-image"> - <h3><a href="#section--commentary--read-as-image">画像として解釈する</a></h3> - <p> - まずは素直に画像として見てみよう。全体は QR コードになっている。適当な QR コードリーダで読み込むと、次のようなテキストが表示されるはずだ。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>Guess password. $ echo "password" | php Q1.png >/dev/null</span></span></code></pre> - </div> - <p> - メッセージは、この画像の実行方法とこの問題でやるべきこと (パスワードの推測) を示している。 - </p> - <p> - 次に QR コードの中央部に目を向けると、小さな文字で「Password is one of the PHPer tokens.」と書かれているのがわかる。他の PHPer トークンの中から適切な1つを見つけだし、「パスワード」として渡すことで答えとなる PHPer トークンが得られるというわけだ。 - </p> - </section> - <section id="section--commentary--password"> - <h3><a href="#section--commentary--password">パスワード</a></h3> - <p> - 不正なパスワードを使って実行してみると、次のようなエラーメッセージが表示される。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ echo "foo" | php Q1.png >/dev/null</span></span> -<span class="line"><span>401 Unauthorized</span></span></code></pre> - </div> - <p> - すでに <a href="#section--how-to-solve">「解き方」の節</a> で示したように、パスワードである PHPer トークンは「#iwillblog」である。これを与えて実行すると正解のトークンが得られる。 - </p> - <p> - このパスワードの選択にはとある事情がある。今回の問題の作問は前回の開催 (PHPerKaigi 2022) 直後からスタートしており、この時点では PHPerKaigi 2023 で登録される PHPer トークンにどのようなものがあるかはまったくわからない状態であった。作問作業を早期に終わらせるには、次回開催でも確実に使われるであろう定番のトークンを予測して選ぶ必要があったのだ。かくして、私が知る限り毎回登場しているトークンである「#iwillblog」に白羽の矢が立てられた。 - </p> - <p> - なお、解いてくださった方の中には、先頭の「#」を入力せずに何度も試してしまい答えが得られずじまいになった方もいらっしゃるようだった。問題を置いていたリポジトリにヒントとしてパスワードのトークンが「i」で始まると書いていたのだが、これが意図せずミスリードになってしまった。これは私のミスである。 - </p> - </section> - <section id="section--commentary--png-steganography"> - <h3><a href="#section--commentary--png-steganography">PNG ステガノグラフィ</a></h3> - <p> - QR コードも言っているように、このファイルは PNG 画像であるにもかかわらず PHP で実行することができる。なぜこのようなことが可能なのか。 - </p> - <p> - PNG 画像のフォーマットは、次のようになっている。 - </p> - <ol> - <li> - マジックナンバーなど - </li> - <li> - PNG ヘッダ (<code>IHDR</code> チャンク) - </li> - <li> - 実際の画像データ (<code>IDAT</code> チャンク) - </li> - <li> - PNG フッタ (<code>IEND</code> チャンク) - </li> - </ol> - <p> - PNG フッタの後ろにあるデータは、画像ビューアには解釈されず、画像の表示には影響を与えない。したがって、PNG フッタの後ろには任意のデータを埋め込むことができる。 - </p> - <p> - さて、PHP には、PHP プログラムの始まりを示すための PHP タグ (<code><?php</code> または <code><?</code>) がある。CLI で実行する場合、PHP タグよりも前にあるデータは標準出力へそのまま出力される。 - </p> - <p> - この画像ファイルは次のような構造になっていた。 - </p> - <ol> - <li> - マジックナンバーなど - </li> - <li> - PNG ヘッダ (<code>IHDR</code> チャンク) - </li> - <li> - 実際の画像データ (<code>IDAT</code> チャンク) - </li> - <li> - PNG フッタ (<code>IEND</code> チャンク) - </li> - <li> - <strong>PHP タグ (<code><?php</code>)</strong> - </li> - <li> - <strong>通常の PHP ソースコード</strong> - </li> - </ol> - <p> - PNG ファイルとして読むときは PNG フッタ以降は無視され、PHP スクリプトとして読むときは PHP タグ以前が無視されるという仕掛けである。 - </p> - <p> - <code>strings</code> コマンドを使うと、隠されたデータを簡単に閲覧できる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>IHDR</span></span> -<span class="line"><span>-HHc</span></span> -<span class="line"><span><PLTE</span></span> -<span class="line"><span>IDATx</span></span> -<span class="line"><span>IEND</span></span> -<span class="line"><span><?php</span></span> -<span class="line"><span>error_reporting(-1);</span></span> -<span class="line"><span>$b = unpack('C*', file_get_contents(__FILE__));</span></span> -<span class="line"><span>$w = $b[20]+2;</span></span> -<span class="line"><span>$h = $b[24]+2;</span></span> -<span class="line"><span>// (以下略)</span></span></code></pre> - </div> - <p> - <code>IHDR</code> や <code>IEND</code> が PNG 画像の一部で、<code><?php</code> からが実際のプログラムになっている。もちろんこれを PHP プログラムとして動かすと、PHP タグより前にある PNG 画像としてのデータはそのまま標準出力へと出力されてしまう。それを防ぐため、QR コードを読み込んだときの実行方法 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>Guess password. $ echo "password" | php Q1.png >/dev/null</span></span></code></pre> - </div> - <p> - には標準出力を捨てるよう <code>>/dev/null</code> と指定されている。 - </p> - <p> - なお、このように PNG 画像などに本来のデータとは異なる別のデータを隠すことを「ステガノグラフィ」( <a href="https://ja.wikipedia.org/wiki/%E3%82%B9%E3%83%86%E3%82%AC%E3%83%8E%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%BC" rel="noreferrer" target="_blank">Wikipedia「ステガノグラフィー」</a> ) と呼ぶ。 - </p> - </section> - <section id="section--commentary--php-program"> - <h3><a href="#section--commentary--php-program">実行される PHP プログラム</a></h3> - <p> - 画像の正体がわかったところで、画像に隠されていた PHP プログラムについて見ていこう。先ほどは一部しか記載しなかったので、全体を載せる。なお、ある程度ゴルフしながら書いたので、空白こそ残しているものの可読性は非常に低いことと思う。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49"><?</span><span style="color:#005CC5">php</span></span> -<span class="line"><span style="color:#005CC5">error_reporting</span><span style="color:#24292E">(</span><span style="color:#D73A49">-</span><span style="color:#005CC5">1</span><span style="color:#24292E">);</span></span> -<span class="line"><span style="color:#24292E">$b </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> unpack</span><span style="color:#24292E">(</span><span style="color:#032F62">'C*'</span><span style="color:#24292E">, </span><span style="color:#005CC5">file_get_contents</span><span style="color:#24292E">(</span><span style="color:#005CC5">__FILE__</span><span style="color:#24292E">));</span></span> -<span class="line"><span style="color:#24292E">$w </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $b[</span><span style="color:#005CC5">20</span><span style="color:#24292E">]</span><span style="color:#D73A49">+</span><span style="color:#005CC5">2</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">$h </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $b[</span><span style="color:#005CC5">24</span><span style="color:#24292E">]</span><span style="color:#D73A49">+</span><span style="color:#005CC5">2</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">$cs </span><span style="color:#D73A49">=</span><span style="color:#24292E"> [];</span></span> -<span class="line"><span style="color:#D73A49">for</span><span style="color:#24292E"> ($y </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">; $y </span><span style="color:#D73A49"><</span><span style="color:#24292E"> $h; $y</span><span style="color:#D73A49">++</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#D73A49"> for</span><span style="color:#24292E"> ($x </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">; $x </span><span style="color:#D73A49"><</span><span style="color:#24292E"> $w; $x</span><span style="color:#D73A49">++</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#24292E"> $cs[$y</span><span style="color:#D73A49">*</span><span style="color:#24292E">$w </span><span style="color:#D73A49">+</span><span style="color:#24292E"> $x] </span><span style="color:#D73A49">=</span><span style="color:#24292E"> ($x</span><span style="color:#D73A49">*</span><span style="color:#24292E">$y </span><span style="color:#D73A49">===</span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> ||</span><span style="color:#24292E"> $x </span><span style="color:#D73A49">===</span><span style="color:#24292E"> $w</span><span style="color:#D73A49">-</span><span style="color:#005CC5">1</span><span style="color:#D73A49"> ||</span><span style="color:#24292E"> $y </span><span style="color:#D73A49">===</span><span style="color:#24292E"> $h</span><span style="color:#D73A49">-</span><span style="color:#005CC5">1</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#D73A49"> ?</span><span style="color:#005CC5"> 0</span></span> -<span class="line"><span style="color:#D73A49"> :</span><span style="color:#24292E"> $b[</span><span style="color:#005CC5">122</span><span style="color:#D73A49">+</span><span style="color:#24292E">($y</span><span style="color:#D73A49">-</span><span style="color:#005CC5">1</span><span style="color:#24292E">)</span><span style="color:#D73A49">*</span><span style="color:#24292E">($w</span><span style="color:#D73A49">-</span><span style="color:#005CC5">1</span><span style="color:#24292E">)</span><span style="color:#D73A49">+</span><span style="color:#24292E">$x</span><span style="color:#D73A49">-</span><span style="color:#005CC5">1</span><span style="color:#24292E">];</span></span> -<span class="line"><span style="color:#24292E">$i </span><span style="color:#D73A49">=</span><span style="color:#6F42C1"> stream_isatty</span><span style="color:#24292E">(</span><span style="color:#005CC5">STDIN</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#D73A49"> ?</span><span style="color:#24292E"> []</span></span> -<span class="line"><span style="color:#D73A49"> :</span><span style="color:#005CC5"> array_map</span><span style="color:#24292E">(</span><span style="color:#005CC5">ord</span><span style="color:#24292E">(</span><span style="color:#D73A49">...</span><span style="color:#24292E">), </span><span style="color:#005CC5">str_split</span><span style="color:#24292E">(</span><span style="color:#005CC5">trim</span><span style="color:#24292E">((</span><span style="color:#D73A49">string</span><span style="color:#24292E">) </span><span style="color:#005CC5">fgets</span><span style="color:#24292E">(</span><span style="color:#005CC5">STDIN</span><span style="color:#24292E">))));</span></span> -<span class="line"><span style="color:#24292E">$m </span><span style="color:#D73A49">=</span><span style="color:#24292E"> [];</span></span> -<span class="line"><span style="color:#24292E">$pc </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> 1</span><span style="color:#D73A49">*</span><span style="color:#24292E">$w</span><span style="color:#D73A49">+</span><span style="color:#005CC5">1</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">$dp </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">$cc </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> 1</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">$c0 </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> 1</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">$b </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">$ns </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">$o </span><span style="color:#D73A49">=</span><span style="color:#032F62"> ''</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#D73A49">while</span><span style="color:#24292E"> (</span><span style="color:#005CC5">true</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#24292E"> $ns</span><span style="color:#D73A49">++</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#24292E"> ($ns </span><span style="color:#D73A49">></span><span style="color:#005CC5"> 1e5</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#005CC5"> echo</span><span style="color:#032F62"> "infinite loop detected</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#D73A49"> break</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E"> $c1 </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $cs[$pc];</span></span> -<span class="line"><span style="color:#24292E"> $y </span><span style="color:#D73A49">=</span><span style="color:#24292E"> (</span><span style="color:#005CC5">6</span><span style="color:#D73A49"> +</span><span style="color:#6F42C1"> intdiv</span><span style="color:#24292E">($c1</span><span style="color:#D73A49">-</span><span style="color:#005CC5">2</span><span style="color:#24292E">, </span><span style="color:#005CC5">3</span><span style="color:#24292E">) </span><span style="color:#D73A49">-</span><span style="color:#6F42C1"> intdiv</span><span style="color:#24292E">($c0</span><span style="color:#D73A49">-</span><span style="color:#005CC5">2</span><span style="color:#24292E">, </span><span style="color:#005CC5">3</span><span style="color:#24292E">)) </span><span style="color:#D73A49">%</span><span style="color:#005CC5"> 6</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E"> $x </span><span style="color:#D73A49">=</span><span style="color:#24292E"> (</span><span style="color:#005CC5">3</span><span style="color:#D73A49"> +</span><span style="color:#24292E"> $c1</span><span style="color:#D73A49">%</span><span style="color:#005CC5">3</span><span style="color:#D73A49"> -</span><span style="color:#24292E"> $c0</span><span style="color:#D73A49">%</span><span style="color:#005CC5">3</span><span style="color:#24292E">) </span><span style="color:#D73A49">%</span><span style="color:#005CC5"> 3</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#D73A49"> match</span><span style="color:#24292E"> (($c0 </span><span style="color:#D73A49">!==</span><span style="color:#005CC5"> 1</span><span style="color:#24292E">) </span><span style="color:#D73A49">*</span><span style="color:#24292E"> ($c1 </span><span style="color:#D73A49">!==</span><span style="color:#005CC5"> 1</span><span style="color:#24292E">) </span><span style="color:#D73A49">*</span><span style="color:#24292E"> ($y</span><span style="color:#D73A49">*</span><span style="color:#005CC5">3</span><span style="color:#D73A49"> +</span><span style="color:#24292E"> $x)) {</span></span> -<span class="line"><span style="color:#005CC5"> 1</span><span style="color:#D73A49"> =></span><span style="color:#24292E"> $m[] </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $b,</span></span> -<span class="line"><span style="color:#005CC5"> 2</span><span style="color:#D73A49"> =></span><span style="color:#005CC5"> array_pop</span><span style="color:#24292E">($m),</span></span> -<span class="line"><span style="color:#005CC5"> 3</span><span style="color:#D73A49"> =></span><span style="color:#24292E"> $m[] </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> array_pop</span><span style="color:#24292E">($m) </span><span style="color:#D73A49">+</span><span style="color:#005CC5"> array_pop</span><span style="color:#24292E">($m),</span></span> -<span class="line"><span style="color:#005CC5"> 4</span><span style="color:#D73A49"> =></span><span style="color:#24292E"> $m[] </span><span style="color:#D73A49">=</span><span style="color:#24292E"> (</span><span style="color:#D73A49">fn</span><span style="color:#24292E">($x, $y) => $y </span><span style="color:#D73A49">-</span><span style="color:#24292E"> $x)(</span><span style="color:#005CC5">array_pop</span><span style="color:#24292E">($m), </span><span style="color:#005CC5">array_pop</span><span style="color:#24292E">($m)),</span></span> -<span class="line"><span style="color:#005CC5"> 5</span><span style="color:#D73A49"> =></span><span style="color:#24292E"> $m[] </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> array_pop</span><span style="color:#24292E">($m) </span><span style="color:#D73A49">*</span><span style="color:#005CC5"> array_pop</span><span style="color:#24292E">($m),</span></span> -<span class="line"><span style="color:#005CC5"> 8</span><span style="color:#D73A49"> =></span><span style="color:#24292E"> $m[] </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> array_pop</span><span style="color:#24292E">($m) </span><span style="color:#D73A49">===</span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> ?</span><span style="color:#005CC5"> 1</span><span style="color:#D73A49"> :</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#005CC5"> 11</span><span style="color:#D73A49"> =></span><span style="color:#24292E"> $cc </span><span style="color:#D73A49">*=</span><span style="color:#005CC5"> pow</span><span style="color:#24292E">(</span><span style="color:#D73A49">-</span><span style="color:#005CC5">1</span><span style="color:#24292E">, </span><span style="color:#005CC5">array_pop</span><span style="color:#24292E">($m)),</span></span> -<span class="line"><span style="color:#005CC5"> 12</span><span style="color:#D73A49"> =></span><span style="color:#24292E"> $m[] </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $m[</span><span style="color:#005CC5">count</span><span style="color:#24292E">($m)</span><span style="color:#D73A49">-</span><span style="color:#005CC5">1</span><span style="color:#24292E">],</span></span> -<span class="line"><span style="color:#005CC5"> 13</span><span style="color:#D73A49"> =></span><span style="color:#24292E"> $m </span><span style="color:#D73A49">=</span><span style="color:#24292E"> (</span><span style="color:#D73A49">fn</span><span style="color:#24292E">($n, $d, $m, $l) => [</span></span> -<span class="line"><span style="color:#D73A49"> ...</span><span style="color:#005CC5">array_slice</span><span style="color:#24292E">($m, </span><span style="color:#005CC5">0</span><span style="color:#24292E">, $l</span><span style="color:#D73A49">-</span><span style="color:#24292E">$d),</span></span> -<span class="line"><span style="color:#D73A49"> ...</span><span style="color:#005CC5">array_reverse</span><span style="color:#24292E">([</span></span> -<span class="line"><span style="color:#D73A49"> ...</span><span style="color:#005CC5">array_reverse</span><span style="color:#24292E">(</span><span style="color:#005CC5">array_slice</span><span style="color:#24292E">($m, $l</span><span style="color:#D73A49">-</span><span style="color:#24292E">$d, $d</span><span style="color:#D73A49">-</span><span style="color:#24292E">$n)),</span></span> -<span class="line"><span style="color:#D73A49"> ...</span><span style="color:#005CC5">array_reverse</span><span style="color:#24292E">(</span><span style="color:#005CC5">array_slice</span><span style="color:#24292E">($m, $l</span><span style="color:#D73A49">-</span><span style="color:#24292E">$n)),</span></span> -<span class="line"><span style="color:#24292E"> ]),</span></span> -<span class="line"><span style="color:#24292E"> ])(</span><span style="color:#005CC5">array_pop</span><span style="color:#24292E">($m), </span><span style="color:#005CC5">array_pop</span><span style="color:#24292E">($m), $m, </span><span style="color:#005CC5">count</span><span style="color:#24292E">($m)),</span></span> -<span class="line"><span style="color:#005CC5"> 15</span><span style="color:#D73A49"> =></span><span style="color:#D73A49"> !</span><span style="color:#005CC5">empty</span><span style="color:#24292E">($i) </span><span style="color:#D73A49">and</span><span style="color:#24292E"> $m[] </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> array_shift</span><span style="color:#24292E">($i),</span></span> -<span class="line"><span style="color:#005CC5"> 16</span><span style="color:#D73A49"> =></span><span style="color:#24292E"> $o </span><span style="color:#D73A49">.=</span><span style="color:#005CC5"> sprintf</span><span style="color:#24292E">(</span><span style="color:#032F62">'%d'</span><span style="color:#24292E">, </span><span style="color:#005CC5">array_pop</span><span style="color:#24292E">($m)),</span></span> -<span class="line"><span style="color:#005CC5"> 17</span><span style="color:#D73A49"> =></span><span style="color:#24292E"> $o </span><span style="color:#D73A49">.=</span><span style="color:#005CC5"> sprintf</span><span style="color:#24292E">(</span><span style="color:#032F62">'%c'</span><span style="color:#24292E">, </span><span style="color:#005CC5">array_pop</span><span style="color:#24292E">($m)),</span></span> -<span class="line"><span style="color:#D73A49"> default</span><span style="color:#D73A49"> =></span><span style="color:#032F62"> 'nop'</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#24292E"> };</span></span> -<span class="line"><span style="color:#24292E"> $c0 </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $c1;</span></span> -<span class="line"><span style="color:#D73A49"> for</span><span style="color:#24292E"> ($j </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">; $j </span><span style="color:#D73A49"><</span><span style="color:#005CC5"> 8</span><span style="color:#24292E">; $j</span><span style="color:#D73A49">++</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#24292E"> $v </span><span style="color:#D73A49">=</span><span style="color:#24292E"> [];</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#24292E"> ($c1 </span><span style="color:#D73A49">===</span><span style="color:#005CC5"> 1</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#24292E"> $x </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $pc </span><span style="color:#D73A49">%</span><span style="color:#24292E"> $w;</span></span> -<span class="line"><span style="color:#24292E"> $y </span><span style="color:#D73A49">=</span><span style="color:#6F42C1"> intdiv</span><span style="color:#24292E">($pc, $w);</span></span> -<span class="line"><span style="color:#24292E"> $e </span><span style="color:#D73A49">=</span><span style="color:#24292E"> [($y</span><span style="color:#D73A49">+</span><span style="color:#005CC5">1</span><span style="color:#24292E">)</span><span style="color:#D73A49">*</span><span style="color:#24292E">$w</span><span style="color:#D73A49">-</span><span style="color:#005CC5">1</span><span style="color:#24292E">, ($h</span><span style="color:#D73A49">-</span><span style="color:#005CC5">1</span><span style="color:#24292E">)</span><span style="color:#D73A49">*</span><span style="color:#24292E">$w</span><span style="color:#D73A49">+</span><span style="color:#24292E">$x, $y</span><span style="color:#D73A49">*</span><span style="color:#24292E">$w, $x][$dp];</span></span> -<span class="line"><span style="color:#24292E"> $z </span><span style="color:#D73A49">=</span><span style="color:#24292E"> [</span><span style="color:#005CC5">1</span><span style="color:#24292E">, $w, </span><span style="color:#D73A49">-</span><span style="color:#005CC5">1</span><span style="color:#24292E">, </span><span style="color:#D73A49">-</span><span style="color:#24292E">$w][$dp];</span></span> -<span class="line"><span style="color:#D73A49"> for</span><span style="color:#24292E"> ($ep </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $pc; $ep </span><span style="color:#D73A49">!==</span><span style="color:#24292E"> $e; $ep </span><span style="color:#D73A49">+=</span><span style="color:#24292E"> $z)</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#24292E"> ($cs[$ep] </span><span style="color:#D73A49">!==</span><span style="color:#005CC5"> 1</span><span style="color:#24292E">) </span><span style="color:#D73A49">break</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E"> $ep </span><span style="color:#D73A49">-=</span><span style="color:#24292E"> $z;</span></span> -<span class="line"><span style="color:#24292E"> $pc </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $ep;</span></span> -<span class="line"><span style="color:#24292E"> } </span><span style="color:#D73A49">else</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#24292E"> $q </span><span style="color:#D73A49">=</span><span style="color:#24292E"> [$pc];</span></span> -<span class="line"><span style="color:#24292E"> $ep </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $pc;</span></span> -<span class="line"><span style="color:#D73A49"> while</span><span style="color:#24292E"> (</span><span style="color:#D73A49">!</span><span style="color:#005CC5">empty</span><span style="color:#24292E">($q)) {</span></span> -<span class="line"><span style="color:#24292E"> $qq </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> array_pop</span><span style="color:#24292E">($q);</span></span> -<span class="line"><span style="color:#24292E"> $v[$qq] </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> true</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#D73A49"> foreach</span><span style="color:#24292E"> ([$qq</span><span style="color:#D73A49">+</span><span style="color:#005CC5">1</span><span style="color:#24292E">, $qq</span><span style="color:#D73A49">+</span><span style="color:#24292E">$w, $qq</span><span style="color:#D73A49">-</span><span style="color:#005CC5">1</span><span style="color:#24292E">, $qq</span><span style="color:#D73A49">-</span><span style="color:#24292E">$w] </span><span style="color:#D73A49">as</span><span style="color:#24292E"> $qp) {</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#24292E"> ($cs[$qp] </span><span style="color:#D73A49">!==</span><span style="color:#24292E"> $c1) </span><span style="color:#D73A49">continue</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#24292E"> (</span><span style="color:#005CC5">isset</span><span style="color:#24292E">($v[$qp])) </span><span style="color:#D73A49">continue</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E"> $q[] </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $qp;</span></span> -<span class="line"><span style="color:#24292E"> $qx </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $qp </span><span style="color:#D73A49">%</span><span style="color:#24292E"> $w;</span></span> -<span class="line"><span style="color:#24292E"> $qy </span><span style="color:#D73A49">=</span><span style="color:#6F42C1"> intdiv</span><span style="color:#24292E">($qp, $w);</span></span> -<span class="line"><span style="color:#24292E"> $x </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $ep </span><span style="color:#D73A49">%</span><span style="color:#24292E"> $w;</span></span> -<span class="line"><span style="color:#24292E"> $y </span><span style="color:#D73A49">=</span><span style="color:#6F42C1"> intdiv</span><span style="color:#24292E">($ep, $w);</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#24292E"> (</span></span> -<span class="line"><span style="color:#24292E"> ($dp </span><span style="color:#D73A49">===</span><span style="color:#005CC5"> 0</span><span style="color:#D73A49"> &&</span><span style="color:#24292E"> ($x </span><span style="color:#D73A49"><</span><span style="color:#24292E"> $qx </span><span style="color:#D73A49">||</span><span style="color:#24292E"> ($x </span><span style="color:#D73A49">===</span><span style="color:#24292E"> $qx </span><span style="color:#D73A49">&&</span><span style="color:#24292E"> ($y</span><span style="color:#D73A49"><=></span><span style="color:#24292E">$qy) </span><span style="color:#D73A49">===</span><span style="color:#24292E"> $cc)))</span></span> -<span class="line"><span style="color:#D73A49"> ||</span><span style="color:#24292E"> ($dp </span><span style="color:#D73A49">===</span><span style="color:#005CC5"> 1</span><span style="color:#D73A49"> &&</span><span style="color:#24292E"> ($y </span><span style="color:#D73A49"><</span><span style="color:#24292E"> $qy </span><span style="color:#D73A49">||</span><span style="color:#24292E"> ($y </span><span style="color:#D73A49">===</span><span style="color:#24292E"> $qy </span><span style="color:#D73A49">&&</span><span style="color:#24292E"> ($qx</span><span style="color:#D73A49"><=></span><span style="color:#24292E">$x) </span><span style="color:#D73A49">===</span><span style="color:#24292E"> $cc)))</span></span> -<span class="line"><span style="color:#D73A49"> ||</span><span style="color:#24292E"> ($dp </span><span style="color:#D73A49">===</span><span style="color:#005CC5"> 2</span><span style="color:#D73A49"> &&</span><span style="color:#24292E"> ($qx </span><span style="color:#D73A49"><</span><span style="color:#24292E"> $x </span><span style="color:#D73A49">||</span><span style="color:#24292E"> ($qx </span><span style="color:#D73A49">===</span><span style="color:#24292E"> $x </span><span style="color:#D73A49">&&</span><span style="color:#24292E"> ($qy</span><span style="color:#D73A49"><=></span><span style="color:#24292E">$y) </span><span style="color:#D73A49">===</span><span style="color:#24292E"> $cc)))</span></span> -<span class="line"><span style="color:#D73A49"> ||</span><span style="color:#24292E"> ($dp </span><span style="color:#D73A49">===</span><span style="color:#005CC5"> 3</span><span style="color:#D73A49"> &&</span><span style="color:#24292E"> ($qy </span><span style="color:#D73A49"><</span><span style="color:#24292E"> $y </span><span style="color:#D73A49">||</span><span style="color:#24292E"> ($qy </span><span style="color:#D73A49">===</span><span style="color:#24292E"> $y </span><span style="color:#D73A49">&&</span><span style="color:#24292E"> ($x</span><span style="color:#D73A49"><=></span><span style="color:#24292E">$qx) </span><span style="color:#D73A49">===</span><span style="color:#24292E"> $cc)))</span></span> -<span class="line"><span style="color:#24292E"> )</span></span> -<span class="line"><span style="color:#24292E"> $ep </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $qp;</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#24292E"> $np </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $ep </span><span style="color:#D73A49">+</span><span style="color:#24292E"> [</span><span style="color:#005CC5">1</span><span style="color:#24292E">, $w, </span><span style="color:#D73A49">-</span><span style="color:#005CC5">1</span><span style="color:#24292E">, </span><span style="color:#D73A49">-</span><span style="color:#24292E">$w][$dp];</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#24292E"> ($cs[$np] </span><span style="color:#D73A49">!==</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#24292E"> $b </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> count</span><span style="color:#24292E">(</span><span style="color:#005CC5">array_keys</span><span style="color:#24292E">($v));</span></span> -<span class="line"><span style="color:#24292E"> $pc </span><span style="color:#D73A49">=</span><span style="color:#24292E"> $np;</span></span> -<span class="line"><span style="color:#D73A49"> break</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#24292E"> ($j </span><span style="color:#D73A49">===</span><span style="color:#005CC5"> 7</span><span style="color:#24292E">) </span><span style="color:#D73A49">break</span><span style="color:#005CC5"> 2</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#24292E"> ($j </span><span style="color:#D73A49">%</span><span style="color:#005CC5"> 2</span><span style="color:#D73A49"> ===</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">) $cc </span><span style="color:#D73A49">=</span><span style="color:#D73A49"> -</span><span style="color:#24292E">$cc;</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#24292E"> ($j </span><span style="color:#D73A49">%</span><span style="color:#005CC5"> 2</span><span style="color:#D73A49"> ===</span><span style="color:#005CC5"> 1</span><span style="color:#24292E">) $dp </span><span style="color:#D73A49">=</span><span style="color:#24292E"> ($dp</span><span style="color:#D73A49">+</span><span style="color:#005CC5">1</span><span style="color:#24292E">) </span><span style="color:#D73A49">%</span><span style="color:#005CC5"> 4</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#6A737D">// The original Piet image is wrong: it outputs 403 error for invalid passwords.</span></span> -<span class="line"><span style="color:#6A737D">// Failure of authentication should be notified by 401, not 403.</span></span> -<span class="line"><span style="color:#6A737D">// I noticed that one month before PHPerKaigi, but I could not read or write (paint)</span></span> -<span class="line"><span style="color:#6A737D">// Piet any longer at that time.</span></span> -<span class="line"><span style="color:#005CC5">fwrite</span><span style="color:#24292E">(</span><span style="color:#005CC5">STDERR</span><span style="color:#24292E">, </span><span style="color:#005CC5">str_replace</span><span style="color:#24292E">(</span><span style="color:#032F62">'403 Forbidden'</span><span style="color:#24292E">, </span><span style="color:#032F62">'401 Unauthorized'</span><span style="color:#24292E">, $o));</span></span></code></pre> - </div> - <p> - これは一体なんなのか。ずばり、難解プログラミング言語の一つ Piet のインタプリタである。Piet はピエト・モンドリアン (『赤・青・黄のコンポジション』などで知られる抽象画家) の作品にインスピレーションを受けて作られた、画像をソースコードとするプログラミング言語である。インタプリタは画像の各ピクセルの上を進みながら、色等に応じて特定の処理をおこなっていく。ここでは詳しい言語仕様については解説しないので、気になる方は <a href="https://ja.wikipedia.org/wiki/Piet" rel="noreferrer" target="_blank">Wikipedia の記事「Piet」</a> などを参照してほしい。 - </p> - <p> - プログラムの冒頭にあるこの箇所 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E">$b </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> unpack</span><span style="color:#24292E">(</span><span style="color:#032F62">'C*'</span><span style="color:#24292E">, </span><span style="color:#005CC5">file_get_contents</span><span style="color:#24292E">(</span><span style="color:#005CC5">__FILE__</span><span style="color:#24292E">));</span></span></code></pre> - </div> - <p> - で <code>__FILE__</code> つまりこの画像ファイルを読み込んでいる。先ほど Piet は画像をソースコードにしていると説明した。そう、今回の問題の画像ファイル <code>Q1.png</code> は、PHP 製 Piet インタプリタであると同時に、Piet のソースコード画像でもあるのだ。QR コード中央のカラフルな部分が Piet の命令になっている。 - </p> - </section> - <section id="section--commentary--piet-source-code"> - <h3><a href="#section--commentary--piet-source-code">Piet のソースコード</a></h3> - <p> - さて、Piet でどのようなコードが書かれて (いや、描かれて) いるのかを解説したいところだが、今の私にはできそうにない。というのも、すでに述べたように Piet は「難解プログラミング言語」である。およそ人が描いたり読んだりするようには作られていない。性質としては、パズルに近い代物である。 - </p> - <p> - というわけで、ここではあらましを説明するだけでご容赦いただきたい。それぞれの部分はおおよそ次のようなことをやっている (再検証・再読解はしていないので大嘘かもしれない)。 - </p> - <ul> - <li> - 左上: 入力受け付け - <ul> - <li> - 標準入力から1文字ずつ読み込み、入力がなくなるまでスタックに積む。多分。 - </li> - </ul> - </li> - <li> - 上辺、右辺: パスワードの検証 - <ul> - <li> - 入力がパスワードと一致するか (= <code>#iwillblog</code> かどうか) を調べる。多分。 - </li> - </ul> - </li> - <li> - 下辺、左辺、上辺の3列目、右辺の3列目、下辺の2列目: トークンの出力 - <ul> - <li> - パスワードと一致していればここに飛んでくる。正解のトークンを出力する。多分。 - </li> - </ul> - </li> - <li> - 右辺の2列目、上辺の2列目: 不正解のメッセージ出力 - <ul> - <li> - パスワードと一致していなければここに飛んでくる。不正解のときのメッセージを出力する。多分。 - </li> - </ul> - </li> - </ul> - <p> - ところで、先ほど掲載した Piet のインタプリタのソースコード末尾には次のような箇所がある。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#6A737D">// The original Piet image is wrong: it outputs 403 error for invalid passwords.</span></span> -<span class="line"><span style="color:#6A737D">// Failure of authentication should be notified by 401, not 403.</span></span> -<span class="line"><span style="color:#6A737D">// I noticed that one month before PHPerKaigi, but I could not read or write (paint)</span></span> -<span class="line"><span style="color:#6A737D">// Piet any longer at that time.</span></span> -<span class="line"><span style="color:#005CC5">fwrite</span><span style="color:#24292E">(</span><span style="color:#005CC5">STDERR</span><span style="color:#24292E">, </span><span style="color:#005CC5">str_replace</span><span style="color:#24292E">(</span><span style="color:#032F62">'403 Forbidden'</span><span style="color:#24292E">, </span><span style="color:#032F62">'401 Unauthorized'</span><span style="color:#24292E">, $o));</span></span></code></pre> - </div> - <p> - コメントにも書かれているが、この Piet のソースコード画像には誤りがあった。本来 HTTP のステータスコードを真似るのなら、認証の失敗には 401 を返さなければならない。しかし、Piet のソースは 403 を返すように書いてしまっていた。そのことに私が気付いたのは PHPerKaigi 2023 が開催されるひと月前で、その時点で私はこの Piet のソースコードを (ちょうどこの記事でそうなっているのと同じように) 読解できなくなっていた。さらに悪いことに、正しいメッセージ「401 Unauthorized」は元の「403 Forbidden」よりも3文字長い。3文字出力が長くなるということは、それだけ Piet で塗るべきピクセルが増えることを意味する。もはや3文字追加で出力するだけの余白はこの画像に残されていなかった (と思う。腕ききの Piet プログラマならできるかもしれないので挑戦してみてほしい)。 - </p> - <p> - これを解決するために私が選んだのは、インタプリタを改造し、本来のメッセージとは異なるメッセージを無理やり出力させて帳尻を合わせることだった。そういうわけでこの Piet インタプリタは完全な Piet インタプリタではなく、「403 Forbidden」というテキストを絶対に出力できない。 - </p> - </section> - <section id="section--commentary--misc"> - <h3><a href="#section--commentary--misc">その他小ネタ</a></h3> - <p> - ここまでで問題の核心部分は説明し終えたので、ここからは残った小ネタを紹介しておく。 - </p> - <p> - この問題のタイトル『An Art of Computer Programming』は、ドナルド・クヌースの『The Art of Computer Programming』をパロディしたものである。 - </p> - <p> - この問題で得られるトークン「#ModernPHPisStaticallyTypedLanguage」は特に元ネタがあるわけではない。当然のような顔で嘘を主張したかったのでこうなった。 - </p> - </section> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - この問題の自己評価はこちら。問題の出題順はおおよそ作成した順になっているのだが、そのせいで難易度高めの問題が1問目に配置されてしまった。これは反省点の一つである。 - </p> - <ul> - <li> - 難しさ: ★★★★ - </li> - <li> - お気に入り度: ★★ - </li> - <li> - 鮮やかさ: ★★★★★★★ - </li> - </ul> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2025-01-26/yaml-breaking-changes-between-v1-1-and-v1-2/index.html b/vhosts/blog/public/posts/2025-01-26/yaml-breaking-changes-between-v1-1-and-v1-2/index.html deleted file mode 100644 index 1e0d983a..00000000 --- a/vhosts/blog/public/posts/2025-01-26/yaml-breaking-changes-between-v1-1-and-v1-2/index.html +++ /dev/null @@ -1,135 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2025 nsfisis"> - <meta name="description" content="データ記述言語 YAML におけるバージョン 1.1 と 1.2 の主な破壊的変更をまとめた。"> - <meta name="keywords" content="YAML"> - <meta property="og:type" content="article"> - <meta property="og:title" content="【YAML】YAML 1.1 と YAML 1.2 の主な破壊的変更｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="データ記述言語 YAML におけるバージョン 1.1 と 1.2 の主な破壊的変更をまとめた。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>【YAML】YAML 1.1 と YAML 1.2 の主な破壊的変更｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">【YAML】YAML 1.1 と YAML 1.2 の主な破壊的変更</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/yaml/">YAML</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2021-06-30">2021-06-30</time>: デジタルサーカス株式会社の社内記事として公開 - </li> - <li class="revision"> - <time datetime="2025-01-26">2025-01-26</time>: ブログ記事として一般公開 - </li> - </ol> - </section> - <div class="admonition"> - <div class="admonition-label"> - NOTE - </div> - <div class="admonition-content"> - <p> - この記事は、2021-06-30 に <a href="https://www.dgcircus.com/" rel="noreferrer" target="_blank">デジタルサーカス株式会社</a> の社内 Qiita Team に公開された記事をベースに、加筆修正して一般公開したものです。 - </p> - </div> - </div> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - データ記述言語の一つ YAML には 1.0、1.1、1.2 のバージョンがある。これらのうち、1.1 と 1.2 の間には無視できない非互換の変更が多く、1.2 に対応していないライブラリもある (Ruby 同梱の <code>yaml</code> など)。この記事では、YAML 1.1 と YAML 1.2 の主な破壊的変更を紹介する (影響範囲が広いものを抜粋しており、すべての非互換を網羅してはいない)。 - </p> - <p> - 参照した仕様書はこちら: <a href="https://yaml.org/spec/1.2.2/ext/changes/" rel="noreferrer" target="_blank">https://yaml.org/spec/1.2.2/ext/changes/</a> - </p> - </section> - <section id="section--breaking-changes"> - <h2><a href="#section--breaking-changes">主な破壊的変更</a></h2> - <section id="section--breaking-changes--boolean-literals"> - <h3><a href="#section--breaking-changes--boolean-literals">Boolean としてパースされるトークンが <code>true</code> / <code>false</code> とその亜種のみに</a></h3> - <p> - この変更の影響が最も大きいと思われる。YAML 1.1 では、boolean 値のリテラルとして <code>true</code>、<code>false</code> のほか <code>yes</code>、<code>no</code>、<code>y</code>、<code>n</code>、<code>on</code>、<code>off</code>、それらの大文字バージョンなどが認められていた。YAML 1.2 では、<code>true</code> と <code>false</code>、それらの大文字バージョン (<code>True</code>、<code>TRUE</code>、<code>False</code>、<code>FALSE</code>) のみが boolean としてパースされるようになった。 - </p> - </section> - <section id="section--breaking-changes--octal-literals"> - <h3><a href="#section--breaking-changes--octal-literals">八進数リテラルには <code>0o</code> が必須に</a></h3> - <p> - C 言語などでは、<code>0</code> から始まる数字の列を八進数としてパースする。YAML 1.1 もこれに準じていたが、1.2 からは <code>0o</code> のプレフィクスが必須となった (“o” は “octal” の “o”)。プログラミング言語では、Python や Haskell、Swift、Rust などがこの記法を採用している。 - </p> - </section> - <section id="section--breaking-changes--merging"> - <h3><a href="#section--breaking-changes--merging"><code><<</code> によるマージが不可能に</a></h3> - <p> - YAML 1.1 では、<code><<</code> という文字列をキーに指定することで、マップをマージすることができた。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#22863A">x</span><span style="color:#24292E">: </span><span style="color:#D73A49">&</span><span style="color:#6F42C1">base</span></span> -<span class="line"><span style="color:#22863A"> a</span><span style="color:#24292E">: </span><span style="color:#005CC5">123</span></span> -<span class="line"><span style="color:#6A737D"># => { "x": { "a": 123 } }</span></span> -<span class="line"></span> -<span class="line"><span style="color:#005CC5">y</span><span style="color:#24292E">:</span></span> -<span class="line"><span style="color:#005CC5"> <<</span><span style="color:#24292E">: </span><span style="color:#D73A49">*</span><span style="color:#24292E">base</span></span> -<span class="line"><span style="color:#22863A"> b</span><span style="color:#24292E">: </span><span style="color:#005CC5">456</span></span> -<span class="line"><span style="color:#6A737D"># => { "y": { "a": 123, "b": 456 } }</span></span></code></pre> - </div> - <p> - 1.2 からはこれができなくなる。 - </p> - </section> - <section id="section--breaking-changes--number-separator"> - <h3><a href="#section--breaking-changes--number-separator">数字を <code>_</code> で区切るのが禁止に</a></h3> - <p> - <code>1234567</code> を <code>1_234_567</code> と書けなくなった。 - </p> - </section> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - 全体的に、<em>There’s more than one way to do it.</em> から <em>There should be one - and preferably only one - obvious way to do it.</em> へ移行しているように思われる。データ記述言語としては望ましい方向性ではないかと感じる。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2025-02-24/phpcon-nagoya-2025-report/index.html b/vhosts/blog/public/posts/2025-02-24/phpcon-nagoya-2025-report/index.html deleted file mode 100644 index 82b9d835..00000000 --- a/vhosts/blog/public/posts/2025-02-24/phpcon-nagoya-2025-report/index.html +++ /dev/null @@ -1,121 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2025 nsfisis"> - <meta name="description" content="2025-02-22 に開催された、PHP カンファレンス名古屋 2025 に参加した。"> - <meta name="keywords" content="カンファレンス,PHP,PHP カンファレンス名古屋"> - <meta property="og:type" content="article"> - <meta property="og:title" content="PHP カンファレンス名古屋 2025 参加レポ｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="2025-02-22 に開催された、PHP カンファレンス名古屋 2025 に参加した。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>PHP カンファレンス名古屋 2025 参加レポ｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">PHP カンファレンス名古屋 2025 参加レポ</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/conference/">カンファレンス</a> - </li> - <li class="tag"> - <a href="/tags/php/">PHP</a> - </li> - <li class="tag"> - <a href="/tags/phpcon-nagoya/">PHP カンファレンス名古屋</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2025-02-24">2025-02-24</time>: 公開 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - 2025-02-22 に開催された <a href="https://phpcon.nagoya/2025/" rel="noreferrer" target="_blank">PHP カンファレンス名古屋</a> に参加した。 - </p> - </section> - <section id="section--sessions"> - <h2><a href="#section--sessions">セッション感想</a></h2> - <p> - 特に印象に残ったセッションを二つピックアップした (タイトルと発表者名は fortee のプロポーザルページによる)。 - </p> - <ul> - <li> - <a href="https://fortee.jp/phpcon-nagoya-2025/proposal/26795bcc-78dd-431e-9538-7450779fa2cf" rel="noreferrer" target="_blank">PHPで印刷所に入稿できる名札データを作る by 長谷川智希 さん</a> - <ul> - <li> - PHPerKaigi や iOSDC の名札は品質が高いので、他の勉強会やカンファレンスでもついつい使ってしまうのですが、その裏側を覗くことができ面白かったです。カンファレンスの1セッションという形でなければ触れることのないような話が聴けるのはカンファレンスに参加する醍醐味の一つだと思います。 - </li> - </ul> - </li> - <li> - <a href="https://fortee.jp/phpcon-nagoya-2025/proposal/d3ecbb68-318d-4b03-abfe-9ecccc6beb81" rel="noreferrer" target="_blank">PHP 製 OSS のメモリ問題を辻斬りしていく by sji さん</a> - <ul> - <li> - 今回一番楽しみにしていた発表です。 <a href="https://github.com/reliforp/reli-prof" rel="noreferrer" target="_blank">Reli</a> は以前 <a href="/slides/2024-03-15/ya8-2024/">自作の WebAssembly 処理系を高速化するのに使ったのもあり</a> その強力さについてはある程度知っていたつもりでしたが、実際に広く使われているライブラリでの調査過程を見ると唸るばかりです。これをすべて (FFI こそ使っているものの) pure PHP で実装しているとは俄に信じられません。 - </li> - </ul> - </li> - </ul> - </section> - <section id="section--my-session"> - <h2><a href="#section--my-session">登壇したセッション</a></h2> - <p> - <a href="https://fortee.jp/phpcon-nagoya-2025/proposal/24a2ec04-ca57-46f1-905c-52143a449eea" rel="noreferrer" target="_blank">「PHP 処理系の garbage collection を理解する 〜メモリはいつ解放されるのか〜」</a> というタイトルで登壇もおこなった。タイトルどおり、PHP の garbage collection (GC) について扱った発表である。 - </p> - <p> - 技術的な内容としては <a href="https://www.php.net/manual/ja/features.gc.php" rel="noreferrer" target="_blank">PHP のマニュアルの GC に関する記述</a> を出ていないものの、PHP 処理系の内部的な用語を使わないようにしたり、本質的でない処理を省いたりして、理解のための前提条件を減らせたのではないかと思う。 - </p> - <p> - ところで今回スライドのフォントサイズを大きくするために各スライドの見出し部分を消してみたのだが、結局ほとんどのスライドで見出しらしき文言が必要になったので、あまり効果はなかったかもしれない。 - </p> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - 今回もカンファレンスくらいでしか聴けないようなセッションがいくつも聴けてよかった。また、ちょうど連休だったのもあり名古屋も楽しむことができた。運営のみなさま、お疲れさまでした&ありがとうございました。次は PHPerKaigi 2025 で会いましょう。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2025-03-27/zip-function-like-command-paste-command/index.html b/vhosts/blog/public/posts/2025-03-27/zip-function-like-command-paste-command/index.html deleted file mode 100644 index 11401ae6..00000000 --- a/vhosts/blog/public/posts/2025-03-27/zip-function-like-command-paste-command/index.html +++ /dev/null @@ -1,153 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2025 nsfisis"> - <meta name="description" content="zip 関数のような動きをする paste コマンドについてのメモ。"> - <meta name="keywords" content="備忘録"> - <meta property="og:type" content="article"> - <meta property="og:title" content="zip 関数のようなコマンド paste｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="zip 関数のような動きをする paste コマンドについてのメモ。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>zip 関数のようなコマンド paste｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">zip 関数のようなコマンド paste</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/note-to-self/">備忘録</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2021-03-22">2021-03-22</time>: デジタルサーカス株式会社の社内記事として公開 - </li> - <li class="revision"> - <time datetime="2025-03-27">2025-03-27</time>: ブログ記事として一般公開 - </li> - </ol> - </section> - <div class="admonition"> - <div class="admonition-label"> - NOTE - </div> - <div class="admonition-content"> - <p> - この記事は、2021-03-22 に <a href="https://www.dgcircus.com/" rel="noreferrer" target="_blank">デジタルサーカス株式会社</a> の社内 Qiita Team に公開された記事をベースに、加筆修正して一般公開したものです。 - </p> - </div> - </div> - <section id="section--intro"> - <h2><a href="#section--intro">実現したい内容</a></h2> - <p> - 次の2ファイル <code>a.txt</code> / <code>b.txt</code> から出力 <code>ab.txt</code> を得たい。 - </p> - <p> - <code>a.txt</code> - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>a1</span></span> -<span class="line"><span>a2</span></span> -<span class="line"><span>a3</span></span></code></pre> - </div> - <p> - <code>b.txt</code> - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>b1</span></span> -<span class="line"><span>b2</span></span> -<span class="line"><span>b3</span></span></code></pre> - </div> - <p> - <code>ab.txt</code> - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>a1</span></span> -<span class="line"><span>b1</span></span> -<span class="line"><span>a2</span></span> -<span class="line"><span>b2</span></span> -<span class="line"><span>a3</span></span> -<span class="line"><span>b3</span></span></code></pre> - </div> - <p> - ちょうど Python や Haskell などにある <code>zip</code> 関数のような動きをさせたい。 - </p> - </section> - <section id="section--paste-command"> - <h2><a href="#section--paste-command">実現方法</a></h2> - <p> - 記事タイトルに書いたように、<code>paste</code> コマンドを使うと実現できる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ paste -d '\</span></span> -<span class="line"><span>' a.txt b.txt > ab.txt</span></span></code></pre> - </div> - <p> - <code>paste</code> コマンドは複数のファイルを引数に取り、それらを1行ずつ消費しながら <code>-d</code> で指定した文字で区切って出力する。<code>-d</code> は区切り文字の指定で、デフォルトだとタブ区切りになる。 - </p> - <p> - ファイル名には <code>-</code> を指定でき、その場合は標準入力から読み込んで出力する。このとき <code>paste - -</code> のように複数回 <code>-</code> を指定すると、指定した回数の行ごとに連結することができる。例えば <code>ab.txt</code> だとこうなる。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ paste - - < ab.txt</span></span> -<span class="line"><span>a1 b1</span></span> -<span class="line"><span>a2 b2</span></span> -<span class="line"><span>a3 b3</span></span></code></pre> - </div> - <p> - これは標準入力を使うとき特有の挙動で、単に同じファイル名を指定してもこうはならない。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ paste ab.txt ab.txt</span></span> -<span class="line"><span>a1 a1</span></span> -<span class="line"><span>b1 b1</span></span> -<span class="line"><span>a2 a2</span></span> -<span class="line"><span>b2 b2</span></span> -<span class="line"><span>a3 a3</span></span> -<span class="line"><span>b3 b3</span></span></code></pre> - </div> - <p> - ときどき便利。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2025-03-28/http-1-1-send-multiple-same-headers/index.html b/vhosts/blog/public/posts/2025-03-28/http-1-1-send-multiple-same-headers/index.html deleted file mode 100644 index f0e17c27..00000000 --- a/vhosts/blog/public/posts/2025-03-28/http-1-1-send-multiple-same-headers/index.html +++ /dev/null @@ -1,171 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2025 nsfisis"> - <meta name="description" content="HTTP/1.1 で同じヘッダを2回送ったときの挙動について仕様を読んでまとめた。"> - <meta name="keywords" content="HTTP"> - <meta property="og:type" content="article"> - <meta property="og:title" content="【HTTP】HTTP/1.1 で同じヘッダを2回送るとどうなるか｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="HTTP/1.1 で同じヘッダを2回送ったときの挙動について仕様を読んでまとめた。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>【HTTP】HTTP/1.1 で同じヘッダを2回送るとどうなるか｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">【HTTP】HTTP/1.1 で同じヘッダを2回送るとどうなるか</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/http/">HTTP</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2022-08-18">2022-08-18</time>: デジタルサーカス株式会社の社内記事として公開 - </li> - <li class="revision"> - <time datetime="2025-03-28">2025-03-28</time>: ブログ記事として一般公開 - </li> - </ol> - </section> - <div class="admonition"> - <div class="admonition-label"> - NOTE - </div> - <div class="admonition-content"> - <p> - この記事は、2022-08-18 に <a href="https://www.dgcircus.com/" rel="noreferrer" target="_blank">デジタルサーカス株式会社</a> の社内 Qiita Team に公開された記事をベースに、加筆修正して一般公開したものです。 - </p> - </div> - </div> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - HTTP version 1.1 で同じ名前のヘッダを2回送ると、どのように解釈されるのか。仕様を確認した。 - </p> - <p> - 今回読んだ仕様は RFC 7230 で、こちらのリンクから閲覧できる: <a href="https://datatracker.ietf.org/doc/html/rfc7230" rel="noreferrer" target="_blank">https://datatracker.ietf.org/doc/html/rfc7230</a> - </p> - <p> - その中でも、<a href="https://datatracker.ietf.org/doc/html/rfc7230#section-3.2.2" rel="noreferrer" target="_blank">https://datatracker.ietf.org/doc/html/rfc7230#section-3.2.2</a> を主に引用する。 - </p> - <p> - ところで、HTTP 周りの仕様を探すときはここから飛ぶと便利: <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Resources_and_specifications" rel="noreferrer" target="_blank">https://developer.mozilla.org/en-US/docs/Web/HTTP/Resources_and_specifications</a> - </p> - </section> - <section id="section--specification"> - <h2><a href="#section--specification">仕様</a></h2> - <section id="section--specification--sender"> - <h3><a href="#section--specification--sender">送信側</a></h3> - <blockquote> - <p> - A sender MUST NOT generate multiple header fields with the same field name in a message unless either the entire field value for that header field is defined as a comma-separated list [i.e., #(values)] or the header field is a well-known exception (as noted below). - </p> - </blockquote> - <p> - 【日本語訳 (私が訳したもので、公式なものではない)】 送信者は、同じ field name の header field を複数生成してはならない (MUST NOT)。ただし、header field の値がコンマ区切りのリストとして定義されているか、header field がよく知られた例外 (後述) である場合はその限りでない。 - </p> - </section> - <section id="section--specification--recipient"> - <h3><a href="#section--specification--recipient">受信側</a></h3> - <blockquote> - <p> - A recipient MAY combine multiple header fields with the same field name into one “field-name: field-value” pair, without changing the semantics of the message, by appending each subsequent field value to the combined field value in order, separated by a comma. The order in which header fields with the same field name are received is therefore significant to the interpretation of the combined field value; a proxy MUST NOT change the order of these field values when forwarding a message. - </p> - </blockquote> - <p> - 【日本語訳 (私が訳したもので、公式なものではない)】 受信者は、同じ field name を持つ複数の header field を、メッセージの意味を変えないようにしつつ同じ順序で追加して、単一のコンマで区切られた <code>"field-name: field-value"</code> のペアに結合してよい (MAY)。したがって、同じ field name を持つ header field がどのような順序で受信されたかは、結合された値の解釈に影響する。よって、プロキシは、メッセージを転送する際、header field の順序を変えてはならない (MUST NOT)。 - </p> - </section> - <section id="section--specification--exception"> - <h3><a href="#section--specification--exception">例外ケース: Set-Cookie</a></h3> - <blockquote> - <p> - Note: In practice, the “Set-Cookie” header field ([<a href="https://datatracker.ietf.org/doc/html/rfc6265" rel="noreferrer" target="_blank">RFC6265</a>]) often appears multiple times in a response message and does not use the list syntax, violating the above requirements on multiple header fields with the same name. Since it cannot be combined into a single field-value, recipients ought to handle “Set-Cookie” as a special case while processing header fields. (See Appendix A.2.3 of [Kri2001] for details.) - </p> - </blockquote> - <p> - 【日本語訳 (私が訳したもので、公式なものではない)】 注意: 実際には、<code>Set-Cookie</code> header field (<a href="https://datatracker.ietf.org/doc/html/rfc6265" rel="noreferrer" target="_blank">RFC6265</a>) は、しばしばレスポンスメッセージ中に複数回現れる。これはリストの構文を使っておらず、上述した同じ field name を持つ header field についての要件に違反している。この値は単一の値へ結合できないため、受信者は、header field を処理する際、<code>Set-Cookie</code> を特別扱いした方がよい。 - </p> - <p> - おそらく、「送信側」のところで書かれている「よく知られた例外」の一つがこれだと思われる。 - </p> - </section> - <section id="section--specification--comma-separated-list"> - <h3><a href="#section--specification--comma-separated-list">どの header field がコンマ区切りのリストなのか</a></h3> - <p> - 上記のように、同じ field name を持つ header field を複数回送れるかどうかは、その header field がコンマ区切りのリストとして定義されているかどうかで決まる。では、特定の header field がその条件を満たしているかどうか知りたいときは、何を見ればよいのか。 - </p> - <p> - HTTP の仕様として定義されているような header field であれば、下記のリンクからそれぞれの定義を参照できる。 - </p> - <ul> - <li> - <a href="https://datatracker.ietf.org/doc/html/rfc7231#section-5" rel="noreferrer" target="_blank">https://datatracker.ietf.org/doc/html/rfc7231#section-5</a> - </li> - <li> - <a href="https://datatracker.ietf.org/doc/html/rfc7231#section-7" rel="noreferrer" target="_blank">https://datatracker.ietf.org/doc/html/rfc7231#section-7</a> - </li> - </ul> - <p> - そうでない場合 (たとえば <code>X-</code> から始まるもの等) は、MDN や各ベンダのドキュメントを探すことになるだろう。 - </p> - </section> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">まとめ</a></h2> - <ul> - <li> - 送信側: 基本的には複数回送れない。コンマ区切りのヘッダは例外 - </li> - <li> - 受信側: 基本的には未規定。コンマ区切りのヘッダは複数回来たらその順に結合する - </li> - <li> - プロキシ: 順序を変えてはならない - </li> - <li> - <code>Set-Cookie</code> は例外ケース - </li> - </ul> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2025-04-20/trick-2025-most-ruby-on-ruby-award/index.html b/vhosts/blog/public/posts/2025-04-20/trick-2025-most-ruby-on-ruby-award/index.html deleted file mode 100644 index 1c36083a..00000000 --- a/vhosts/blog/public/posts/2025-04-20/trick-2025-most-ruby-on-ruby-award/index.html +++ /dev/null @@ -1,285 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2025 nsfisis"> - <meta name="description" content="RubyKaigi 2025 で開催された TRICK において、『最もRuby on Ruby賞』として審査員賞をいただいた。"> - <meta name="keywords" content="カンファレンス,Ruby,RubyKaigi,TRICK"> - <meta property="og:type" content="article"> - <meta property="og:title" content="RubyKaigi 2025 の TRICK で入賞した｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="RubyKaigi 2025 で開催された TRICK において、『最もRuby on Ruby賞』として審査員賞をいただいた。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>RubyKaigi 2025 の TRICK で入賞した｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">RubyKaigi 2025 の TRICK で入賞した</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/conference/">カンファレンス</a> - </li> - <li class="tag"> - <a href="/tags/ruby/">Ruby</a> - </li> - <li class="tag"> - <a href="/tags/rubykaigi/">RubyKaigi</a> - </li> - <li class="tag"> - <a href="/tags/trick/">TRICK</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2025-04-20">2025-04-20</time>: 公開 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - 2025-04-16 から 2025-04-18 にかけて開催された <a href="https://rubykaigi.org/2025/" rel="noreferrer" target="_blank">RubyKaigi 2025</a> に参加した (私が参加できたのは 1日目の 2025-04-16 のみ)。 - </p> - <p> - 地元松山での大規模なカンファレンスということでスケジュールに無理を言わせて 1日目だけでもと参加したのだが、そこで開催された <a href="https://github.com/tric/trick2025" rel="noreferrer" target="_blank">TRICK 2025</a> で審査員賞をいただいた。 - </p> - <p> - この記事では、提出した作品の紹介と解説をおこなおうと思う。 - </p> - </section> - <section id="section--trick"> - <h2><a href="#section--trick">TRICK とは</a></h2> - <p> - TRICK とは RubyKaigi で不定期に開催されているコンテストで、Ruby で書かれた「変わった」コードを表彰する。早い話が <a href="https://www.ioccc.org/" rel="noreferrer" target="_blank">IOCCC</a> の Ruby 版である。 - </p> - <p> - 存在を知ってから次こそは出したいと思っていたところ、ちょうど RubyKaigi の地元開催と被ったのでこれ幸いとエントリーした。 - </p> - </section> - <section id="section--my-work"> - <h2><a href="#section--my-work">作品紹介</a></h2> - <p> - 今回頂いたのは審査員賞の一つ eto award (公式の賞の名前に合わせて敬称略) で、“Most Ruby-on-Ruby” Award (『最もRuby on Ruby賞』) として受賞した (IOCCC と同じく、それぞれの賞に個別の名前が付く)。 - </p> - <p> - ソースコード等はこちら: <a href="https://github.com/tric/trick2025/tree/main/10-nsfisis" rel="noreferrer" target="_blank">https://github.com/tric/trick2025/tree/main/10-nsfisis</a> - </p> - <p> - 今回の TRICK では <code>ruby.wasm</code> の使用が認められている。 - </p> - <blockquote> - <ul> - <li> - <strong>(NEW)</strong> You can use <a href="https://github.com/ruby/ruby.wasm" rel="noreferrer" target="_blank">ruby.wasm</a>. - </li> - </ul> - </blockquote> - <p> - 適当に HTTP サーバを立てて <a href="https://github.com/tric/trick2025/blob/main/10-nsfisis/index.html" rel="noreferrer" target="_blank"><code>index.html</code></a> を開くと、次のように <a href="https://github.com/tric/trick2025/blob/main/10-nsfisis/entry.rb" rel="noreferrer" target="_blank"><code>entry.rb</code></a> の内容が表示される。 - </p> - <p> - <img alt="ブラウザで表示された index.html のレンダリング結果。entry.rb の内容がシンタックスハイライトされて表示されており、英単語や記号に振り仮名が振られている" src="/posts/2025-04-20/trick-2025-most-ruby-on-ruby-award/screenshot.png"> - </p> - <p> - 自身のソースコードを出力するプログラム、いわゆる quine の亜種になっている。 - </p> - <p> - しかし、このプログラムは単にソースコードをそのまま出力するのではなく、 - </p> - <ul> - <li> - シンタックスハイライトして、 - </li> - <li> - 英単語や記号に振り仮名を振って、 - </li> - <li> - HTML で、 - </li> - </ul> - <p> - 表示している。つまり、Ruby プログラムにルビを振った作品である。例えば、先頭の2行目の <code>require</code> は次のような HTML で構成されている。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E"><</span><span style="color:#22863A">ruby</span><span style="color:#6F42C1"> class</span><span style="color:#24292E">=</span><span style="color:#032F62">"IDENTIFIER"</span><span style="color:#24292E">>require<</span><span style="color:#22863A">rp</span><span style="color:#6F42C1"> class</span><span style="color:#24292E">=</span><span style="color:#032F62">""</span><span style="color:#24292E">>(</</span><span style="color:#22863A">rp</span><span style="color:#24292E">><</span><span style="color:#22863A">rt</span><span style="color:#6F42C1"> class</span><span style="color:#24292E">=</span><span style="color:#032F62">""</span><span style="color:#24292E">>リクワイア</</span><span style="color:#22863A">rt</span><span style="color:#24292E">><</span><span style="color:#22863A">rp</span><span style="color:#6F42C1"> class</span><span style="color:#24292E">=</span><span style="color:#032F62">""</span><span style="color:#24292E">>)</</span><span style="color:#22863A">rp</span><span style="color:#24292E">></</span><span style="color:#22863A">ruby</span><span style="color:#24292E">></span></span></code></pre> - </div> - <p> - 順に使ったテクニックを解説していく。 - </p> - <section id="section--my-work--quine"> - <h3><a href="#section--my-work--quine">Quine</a></h3> - <p> - 改めて quine について説明する。Quine とは、自身のソースコードを出力するようなプログラムである。Ruby では様々な方法で quine を書くことができるが、この作品で使っている基本形は以下のようなものである。 - </p> - <div class="codeblock numbered"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#005CC5">eval</span><span style="color:#24292E"> $s</span><span style="color:#032F62">=<<'EOS'</span></span> -<span class="line"><span style="color:#032F62">print "eval $s=<<'EOS'</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span></span> -<span class="line"><span style="color:#032F62">print $s</span></span> -<span class="line"><span style="color:#032F62">print "EOS</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span></span> -<span class="line"><span style="color:#032F62">EOS</span></span></code></pre> - </div> - <p> - 変数 <code>$s</code> に 2 行目、3 行目、4 行目が入っており、それに加えて 1 行目と 5 行目を出力すれば元のソースコードが得られる。実際には <code>$s</code> を加工してシンタックスハイライトや振り仮名を振ることになる。 - </p> - </section> - <section id="section--my-work--syntax-highlight"> - <h3><a href="#section--my-work--syntax-highlight">シンタックスハイライト</a></h3> - <p> - シンタックスハイライトは、トークナイズとトークン種別に応じた色付けの2段階からなる。 - </p> - <p> - トークナイズには Ruby 3.4 からデフォルトのパーサになった <a href="https://github.com/ruby/prism" rel="noreferrer" target="_blank">Prism</a> を利用している。<code>Prism.lex()</code> を使うとトークナイズができるので、トークンに付いているソースコード位置の情報を使いつつ元のソースコードを復元する。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#E36209">y</span><span style="color:#D73A49"> =</span><span style="color:#005CC5"> 1</span><span style="color:#6A737D"> # 現在の行</span></span> -<span class="line"><span style="color:#E36209">x</span><span style="color:#D73A49"> =</span><span style="color:#005CC5"> 0</span><span style="color:#6A737D"> # 現在の列</span></span> -<span class="line"><span style="color:#005CC5">Prism</span><span style="color:#24292E">.</span><span style="color:#6F42C1">lex</span><span style="color:#24292E">($s).</span><span style="color:#6F42C1">value</span><span style="color:#24292E">[..</span><span style="color:#D73A49">-</span><span style="color:#005CC5">2</span><span style="color:#24292E">].</span><span style="color:#6F42C1">each</span><span style="color:#24292E"> {|t, *|</span></span> -<span class="line"><span style="color:#E36209"> l</span><span style="color:#D73A49"> =</span><span style="color:#24292E"> t.</span><span style="color:#6F42C1">location</span></span> -<span class="line"><span style="color:#E36209"> r</span><span style="color:#D73A49"> =</span><span style="color:#24292E"> l.</span><span style="color:#6F42C1">start_line</span><span style="color:#6A737D"> # トークンの開始行</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#24292E"> y </span><span style="color:#D73A49"><</span><span style="color:#24292E"> r </span><span style="color:#6A737D"># 改行が必要なら</span></span> -<span class="line"><span style="color:#005CC5"> p</span><span style="color:#032F62"> "</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#D73A49"> *</span><span style="color:#24292E"> (r </span><span style="color:#D73A49">-</span><span style="color:#24292E"> y) </span><span style="color:#6A737D"># 改行を挿入して</span></span> -<span class="line"><span style="color:#E36209"> x</span><span style="color:#D73A49"> =</span><span style="color:#005CC5"> 0</span><span style="color:#6A737D"> # 列の先頭へ戻る</span></span> -<span class="line"><span style="color:#D73A49"> end</span></span> -<span class="line"><span style="color:#E36209"> c</span><span style="color:#D73A49"> =</span><span style="color:#24292E"> l.</span><span style="color:#6F42C1">start_column</span><span style="color:#6A737D"> # トークンの開始列</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#24292E"> x </span><span style="color:#D73A49"><</span><span style="color:#24292E"> c </span><span style="color:#6A737D"># 空白が必要なら</span></span> -<span class="line"><span style="color:#005CC5"> p</span><span style="color:#032F62"> " "</span><span style="color:#D73A49"> *</span><span style="color:#24292E"> (c </span><span style="color:#D73A49">-</span><span style="color:#24292E"> x) </span><span style="color:#6A737D"># 空白を挿入</span></span> -<span class="line"><span style="color:#D73A49"> end</span></span> -<span class="line"><span style="color:#005CC5"> p</span><span style="color:#6F42C1"> ruby</span><span style="color:#24292E">(t) </span><span style="color:#6A737D"># トークン本体を出力</span></span> -<span class="line"><span style="color:#E36209"> y</span><span style="color:#D73A49"> =</span><span style="color:#24292E"> l.</span><span style="color:#6F42C1">end_line</span><span style="color:#6A737D"> # 現在行を更新</span></span> -<span class="line"><span style="color:#E36209"> x</span><span style="color:#D73A49"> =</span><span style="color:#24292E"> l.</span><span style="color:#6F42C1">end_column</span><span style="color:#6A737D"> # 現在列を更新</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - <p> - 補足: 変数名がやたら短いのは、このあとの振り仮名データの量を削減するため。 - </p> - <p> - トークン種別に応じた色付けは CSS でおこなっている。出力する HTML のクラス名に <code>Prism::Token#type</code> を指定しておいて、<code>index.html</code> でそれぞれのクラスにスタイルを当てた。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E"> <</span><span style="color:#22863A">style</span><span style="color:#24292E">></span></span> -<span class="line"><span style="color:#6A737D"> /* ... */</span></span> -<span class="line"></span> -<span class="line"><span style="color:#6F42C1"> .COMMENT</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#005CC5"> color</span><span style="color:#24292E">: </span><span style="color:#005CC5">#777</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#005CC5"> font-style</span><span style="color:#24292E">: </span><span style="color:#005CC5">italic</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"></span> -<span class="line"><span style="color:#6F42C1"> .CONSTANT</span><span style="color:#24292E">, </span><span style="color:#6F42C1">.GLOBAL_VARIABLE</span><span style="color:#24292E">, </span><span style="color:#6F42C1">.INSTANCE_VARIABLE</span><span style="color:#24292E">, </span><span style="color:#6F42C1">.IDENTIFIER</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#005CC5"> color</span><span style="color:#24292E">: </span><span style="color:#005CC5">#088</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"></span> -<span class="line"><span style="color:#6A737D"> /* ... */</span></span> -<span class="line"><span style="color:#24292E"> </</span><span style="color:#22863A">style</span><span style="color:#24292E">></span></span></code></pre> - </div> - <p> - トークン種別の列挙にはそれなりに文字数を使ってしまうのだが、今回の TRICK のレギュレーションでは <code>index.html</code> にサイズ制限がなかったので好きに色を付けることができた。 - </p> - </section> - <section id="section--my-work--ruby-text"> - <h3><a href="#section--my-work--ruby-text">振り仮名</a></h3> - <p> - それぞれの英単語や記号に対応した振り仮名のデータは、プログラム中に埋め込まれている。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">def</span><span style="color:#6F42C1"> rt</span><span style="color:#24292E">(t)</span></span> -<span class="line"><span style="color:#E36209"> r</span><span style="color:#D73A49"> =</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#005CC5"> :"&&"</span><span style="color:#24292E"> => </span><span style="color:#032F62">"1136"</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#005CC5"> :"="</span><span style="color:#24292E"> => </span><span style="color:#032F62">"04199275"</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#005CC5"> :"||"</span><span style="color:#24292E"> => </span><span style="color:#032F62">"623147"</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#005CC5"> :$s</span><span style="color:#24292E"> => </span><span style="color:#032F62">"41750825"</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#005CC5"> :*</span><span style="color:#24292E"> => </span><span style="color:#032F62">"111775"</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#6A737D"> # ...</span></span> -<span class="line"><span style="color:#005CC5"> type:</span><span style="color:#032F62"> "310455"</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#005CC5"> utf_8:</span><span style="color:#032F62"> "70923803920853080440"</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#005CC5"> value:</span><span style="color:#032F62"> "48746992"</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#005CC5"> x:</span><span style="color:#032F62"> "08351525"</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#005CC5"> y:</span><span style="color:#032F62"> "7904"</span><span style="color:#24292E">,</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#6F42C1"> kana</span><span style="color:#24292E">(</span></span> -<span class="line"><span style="color:#24292E"> r[</span><span style="color:#005CC5">:"#{t.</span><span style="color:#6F42C1">type</span><span style="color:#005CC5">}"</span><span style="color:#24292E">] </span><span style="color:#D73A49">||</span></span> -<span class="line"><span style="color:#24292E"> r[s </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> :"#{t.</span><span style="color:#6F42C1">value</span><span style="color:#005CC5">.</span><span style="color:#6F42C1">downcase</span><span style="color:#005CC5">}"</span><span style="color:#24292E">] </span><span style="color:#D73A49">||</span></span> -<span class="line"><span style="color:#24292E"> s.</span><span style="color:#6F42C1">end_with?</span><span style="color:#24292E">(</span><span style="color:#032F62">":"</span><span style="color:#24292E">) </span><span style="color:#D73A49">&&</span><span style="color:#24292E"> r[</span><span style="color:#005CC5">:"#{s[..</span><span style="color:#D73A49">-</span><span style="color:#005CC5">2]}"</span><span style="color:#24292E">] </span><span style="color:#D73A49">||</span></span> -<span class="line"><span style="color:#005CC5"> nil</span></span> -<span class="line"><span style="color:#24292E"> )</span></span> -<span class="line"><span style="color:#D73A49">end</span></span></code></pre> - </div> - <p> - トークンの種類 (<code>t.type</code>) またはトークンの文字列表現そのもの (<code>t.value.downcase</code>) を使ってテーブルを引いて振り仮名へ変換している。このテーブルのキー部分そのものにも振り仮名を振るために、トークンが <code>:</code> で終わっていれば <code>:</code> を取り除いて振り仮名を得ている (例: <code>"value:"</code> → <code>"value"</code> → <code>"48746992"</code>)。 - </p> - <p> - このテーブルはサイズ制限を突破するために圧縮されており、<code>kana()</code> 関数で展開される。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">def</span><span style="color:#6F42C1"> kana</span><span style="color:#24292E">(s)</span></span> -<span class="line"><span style="color:#24292E"> s</span></span> -<span class="line"><span style="color:#D73A49"> &.</span><span style="color:#6F42C1">scan</span><span style="color:#24292E">(</span><span style="color:#032F62">/.{2}/</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#D73A49"> &.</span><span style="color:#6F42C1">map</span><span style="color:#24292E">{|c| (</span><span style="color:#005CC5">0x30A0</span><span style="color:#D73A49"> +</span><span style="color:#24292E"> c.</span><span style="color:#6F42C1">to_i</span><span style="color:#24292E">).</span><span style="color:#6F42C1">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">Encoding</span><span style="color:#24292E">::</span><span style="color:#005CC5">UTF_8</span><span style="color:#24292E">)}</span></span> -<span class="line"><span style="color:#D73A49"> &.*</span><span style="color:#24292E">(</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#D73A49">end</span></span></code></pre> - </div> - <p> - 例えば <code>value</code> に対応する振り仮名データ <code>"48746992"</code> であれば、次のような変換を経て振り仮名へと展開される。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E"> s</span></span> -<span class="line"><span style="color:#6A737D"> # => "48746992"</span></span> -<span class="line"><span style="color:#D73A49"> &.</span><span style="color:#6F42C1">scan</span><span style="color:#24292E">(</span><span style="color:#032F62">/.{2}/</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#6A737D"> # => ["48", "74", "69", "92"]</span></span> -<span class="line"><span style="color:#D73A49"> &.</span><span style="color:#6F42C1">map</span><span style="color:#24292E">{|c| (</span><span style="color:#005CC5">0x30A0</span><span style="color:#D73A49"> +</span><span style="color:#24292E"> c.</span><span style="color:#6F42C1">to_i</span><span style="color:#24292E">).</span><span style="color:#6F42C1">chr</span><span style="color:#24292E">(</span><span style="color:#005CC5">Encoding</span><span style="color:#24292E">::</span><span style="color:#005CC5">UTF_8</span><span style="color:#24292E">)}</span></span> -<span class="line"><span style="color:#6A737D"> # => ["バ", "リ", "ュ", "ー"]</span></span> -<span class="line"><span style="color:#D73A49"> &.*</span><span style="color:#24292E">(</span><span style="color:#032F62">""</span><span style="color:#24292E">)</span></span> -<span class="line"><span style="color:#6A737D"> # => "バリュー"</span></span></code></pre> - </div> - <p> - これは後で気付いたのだが、Ruby は多倍長整数が扱えるので <code>"48746992"</code> のようなデータは単に <code>48746992</code> と書けばよかった。<code>kana()</code> 関数が多少長くはなるが、振り仮名データの数 x 2 バイト分サイズが減るのでこちらの方が短くなる。サイズ制限の都合で振り仮名を振るのを諦めた記号もあったのでもったいない。 - </p> - </section> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - 本っ当に取りたかったので心から嬉しいです。全部で 3作提出したのですが、他の 2つも選外佳作として選出していただけた上、そのうちの “Least Truthful” については最後に Matz 氏から言及があり、審査員賞と合わせて望外の栄誉となりました。 - </p> - <p> - ありがとうございました！ - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2025-04-20/trick-2025-most-ruby-on-ruby-award/screenshot.png b/vhosts/blog/public/posts/2025-04-20/trick-2025-most-ruby-on-ruby-award/screenshot.png Binary files differdeleted file mode 100644 index 0bfe3be9..00000000 --- a/vhosts/blog/public/posts/2025-04-20/trick-2025-most-ruby-on-ruby-award/screenshot.png +++ /dev/null diff --git a/vhosts/blog/public/posts/2025-04-24/composer-patches-v2-does-not-require-gnu-patch-even-on-macos/index.html b/vhosts/blog/public/posts/2025-04-24/composer-patches-v2-does-not-require-gnu-patch-even-on-macos/index.html deleted file mode 100644 index c482abb1..00000000 --- a/vhosts/blog/public/posts/2025-04-24/composer-patches-v2-does-not-require-gnu-patch-even-on-macos/index.html +++ /dev/null @@ -1,153 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2025 nsfisis"> - <meta name="description" content="composer-patches は BSD patch に対応しておらず、一部のパッチの適用に失敗する。現在ベータ版である v2 では patch コマンドに依存しなくなり、macOS で使うときのストレスが解消される見込み。"> - <meta name="keywords" content="Composer,macOS,PHP"> - <meta property="og:type" content="article"> - <meta property="og:title" content="【Composer】 composer-patches v2 では macOS でも GNU patch のインストールが不要になる (予定)｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="composer-patches は BSD patch に対応しておらず、一部のパッチの適用に失敗する。現在ベータ版である v2 では patch コマンドに依存しなくなり、macOS で使うときのストレスが解消される見込み。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>【Composer】 composer-patches v2 では macOS でも GNU patch のインストールが不要になる (予定)｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">【Composer】 composer-patches v2 では macOS でも GNU patch のインストールが不要になる (予定)</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/composer/">Composer</a> - </li> - <li class="tag"> - <a href="/tags/macos/">macOS</a> - </li> - <li class="tag"> - <a href="/tags/php/">PHP</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2025-04-10">2025-04-10</time>: デジタルサーカス株式会社の社内記事として公開 - </li> - <li class="revision"> - <time datetime="2025-04-24">2025-04-24</time>: 公開 - </li> - </ol> - </section> - <div class="admonition"> - <div class="admonition-label"> - NOTE - </div> - <div class="admonition-content"> - <p> - この記事は、2025-04-10 に <a href="https://www.dgcircus.com/" rel="noreferrer" target="_blank">デジタルサーカス株式会社</a> の社内 Qiita Team に公開された記事をベースに、加筆修正して一般公開したものです。 - </p> - </div> - </div> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - <a href="https://getcomposer.org/" rel="noreferrer" target="_blank">Composer</a> は PHP におけるデファクトスタンダードなパッケージ管理システムである。 - </p> - <p> - Composer を拡張するプラグインの一つに、<a href="https://github.com/cweagans/composer-patches" rel="noreferrer" target="_blank">composer-patches</a> という Composer パッケージがある。これは、Composer でパッケージをインストールするときにそのパッケージへ任意のパッチを当てるプラグインである。 - </p> - <p> - 社内で発見しすぐに適用しなければならないバグ修正や、Pull Request こそあるもののなかなかマージされない機能等をすぐさま適用してリリースすることができる。 - </p> - <p> - 弊社でも多くのプロジェクトで活用されており、のべ数では数百ものパッチが当てられている。 - </p> - </section> - <section id="section--on-macos"> - <h2><a href="#section--on-macos">macOS での問題点</a></h2> - <p> - <code>composer-patches</code> は、macOS で一部のパッチの適用に失敗することが知られている。関連 issues: - </p> - <ul> - <li> - <a href="https://github.com/cweagans/composer-patches/issues/522" rel="noreferrer" target="_blank">https://github.com/cweagans/composer-patches/issues/522</a> - </li> - <li> - <a href="https://github.com/cweagans/composer-patches/issues/326" rel="noreferrer" target="_blank">https://github.com/cweagans/composer-patches/issues/326</a> - </li> - </ul> - <p> - これは、<code>composer-patches</code> の想定する <code>patch</code> コマンドが GNU 実装の patch であることに由来する。macOS にプリインストールされている <code>patch</code> はいわゆる BSD patch であり、GNU patch とは完全な互換性がない。 - </p> - <p> - ワークアラウンドとして、macOS にも GNU patch をインストールしてしまうという方法がある。例: - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ brew install gpatch</span></span> -<span class="line"><span>$ echo 'PATH="/opt/homebrew/opt/gpatch/libexec/gnubin:$PATH"' >> ~/.zshrc</span></span></code></pre> - </div> - <p> - GNU patch を Homebrew などの手段でインストールし、BSD patch よりも優先されるパスに配置すれば問題が解消する。 - </p> - </section> - <section id="section--in-version-2"> - <h2><a href="#section--in-version-2">v2 では</a></h2> - <p> - 現在ベータ版である <code>composer-patches</code> v2 では、このワークアラウンドが不要になる (見込み)。 - </p> - <p> - 最新の実装では、<code>git apply</code> コマンドが最優先で使われる。また、Git リポジトリがない場合 (<code>config.preferred-install</code> を <code>dist</code> に設定している場合など。デフォルトではそうなる) には <code>git init</code> を使って一時的にリポジトリを作成し、その上で <code>git apply</code> を実行するようになった。 - </p> - <p> - この変更により、環境ごとに差異のある <code>patch</code> コマンドへの依存がなくなるので、macOS で <code>composer-patches</code> を使うときの厄介事は解消されるものと思われる。 - </p> - <p> - <a href="https://github.com/cweagans/composer-patches/releases/tag/2.0.0-beta1" rel="noreferrer" target="_blank">2.0.0-beta1</a> のリリースノートより: - </p> - <blockquote> - <ul> - <li> - Only have git patchers and freeform patcher? by <a href="https://github.com/cweagans" rel="noreferrer" target="_blank"><strong>@cweagans</strong></a> in <a href="https://github.com/cweagans/composer-patches/pull/476" rel="noreferrer" target="_blank">#472</a> - </li> - </ul> - </blockquote> - <p> - この変更で <code>patch</code> コマンドへの依存が排除された。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2025-05-05/make-tiny-self-hosted-c-compiler/index.html b/vhosts/blog/public/posts/2025-05-05/make-tiny-self-hosted-c-compiler/index.html deleted file mode 100644 index da17228a..00000000 --- a/vhosts/blog/public/posts/2025-05-05/make-tiny-self-hosted-c-compiler/index.html +++ /dev/null @@ -1,541 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2025 nsfisis"> - <meta name="description" content="ゴールデンウィークを使って、セルフホストできる C コンパイラを開発した"> - <meta name="keywords" content="C"> - <meta property="og:type" content="article"> - <meta property="og:title" content="セルフホスト可能な C コンパイラを作った｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="ゴールデンウィークを使って、セルフホストできる C コンパイラを開発した"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>セルフホスト可能な C コンパイラを作った｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">セルフホスト可能な C コンパイラを作った</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/c/">C</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2025-05-05">2025-05-05</time>: 公開 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">はじめに</a></h2> - <p> - C コンパイラと言えば、世界三大自作したいソフトウェアの一角である。というわけで <a href="https://www.sigbus.info/compilerbook" rel="noreferrer" target="_blank">『低レイヤを知りたい人のためのCコンパイラ作成入門』</a> (以下 compilerbook) 片手に作ることにした。 - </p> - <p> - 実装する機能を適切に絞ってやればゴールデンウィークの間 (2025-05-03 から 2025-05-06) にセルフホストまで持っていけるのではないか？という仮説を立て、ISO 8601 の表記で 4日間を表す “P4D” を冠して P4Dcc と名付けた。 - </p> - <p> - <a href="https://github.com/nsfisis/P4Dcc" rel="noreferrer" target="_blank">P4Dcc のリポジトリはこちら</a> - </p> - </section> - <section id="section--regulation"> - <h2><a href="#section--regulation">レギュレーション</a></h2> - <ul> - <li> - 実装するのは C 言語からアセンブリ言語への変換部分のみ。アセンブラやリンカは GCC をそのまま用いる - </li> - <li> - compilerbook を読みながら実装してよい - </li> - <li> - compilerbook に記載されたソースコードを除き、コンパイラのソースコードを読まない - </li> - <li> - GCC の出力は見てもよい。それ以外のコンパイラの出力 (特に 9cc などの compilerbook 準拠のコンパイラ) は見ない - </li> - <li> - ソースコードの生成やデバッグに AI を使わない。ツールの使用方法を調べる目的 (GCC に渡すフラグなど) には使ってよい - </li> - </ul> - </section> - <section id="section--design"> - <h2><a href="#section--design">設計</a></h2> - <p> - ゴールデンウィークの4日間で終わらせたいので、実装する言語機能は最低限に絞ることが必要になる。今回は次のような設計とした (compilerbook の設計を踏襲しているものは除く)。 - </p> - <ul> - <li> - 宣言の文法を単純にパースできるものに絞る - <ul> - <li> - <code>typedef</code> をサポートしない - <ul> - <li> - 構造体には必ず <code>struct</code> キーワードを書く - </li> - </ul> - </li> - <li> - 配列型をサポートしない - <ul> - <li> - 常にヒープに確保してポインタ経由で扱う - </li> - </ul> - </li> - <li> - 以上の制限により、型に関する情報が必ず変数名の前に来る - </li> - </ul> - </li> - <li> - 無くてもなんとかなる構文糖を実装しない。ソースを書くときに頑張る - <ul> - <li> - インクリメント・デクリメント演算子 (1足したり引いたりする) - </li> - <li> - 複合代入演算子 (左辺と右辺で 2回書く) - <ul> - <li> - なお、<code>+=</code> と <code>-=</code> はセルフホスト達成後に実装された - </li> - </ul> - </li> - <li> - <code>while</code> (<code>for</code> で置き換える) - <ul> - <li> - なお、<code>while</code> はセルフホスト達成後に実装された - </li> - </ul> - </li> - <li> - <code>switch</code> (<code>if</code> で置き換える) - </li> - <li> - ほか多数 - </li> - </ul> - </li> - <li> - プリプロセッサのほとんどを実装しない - <ul> - <li> - 数値または識別子へ置換する単純な <code>#define</code> のみサポートする - </li> - <li> - 特に、<code>#include</code> をサポートしないのは重要な設計判断。すべて 1ファイルでおこなう - </li> - </ul> - </li> - <li> - グローバル変数を用いない - <ul> - <li> - <code>stdin</code>、<code>stdout</code>、<code>stderr</code> を含む - </li> - <li> - これは compilerbook とは大きく設計が変わった部分 - </li> - <li> - これにより、トップレベルに来るのは関数か構造体の定義/宣言のみとなった - </li> - </ul> - </li> - <li> - 変数のシャドウイングを実装しない - <ul> - <li> - 変数は常に関数スコープ - </li> - <li> - グローバル変数もないので、スコープチェーンの実装が不要になる - </li> - </ul> - </li> - </ul> - <section id="section--design--language-features"> - <h3><a href="#section--design--language-features">言語機能</a></h3> - <p> - 最終的にサポートされた機能は以下のとおり。 - </p> - <ul> - <li> - 文 - <ul> - <li> - <code>if</code> / <code>else</code> - </li> - <li> - <code>for</code> - </li> - <li> - <code>break</code> - </li> - <li> - <code>continue</code> - </li> - <li> - <code>return</code> - </li> - <li> - <code>while</code> (実装はセルフホスト達成後) - </li> - </ul> - </li> - <li> - 式 - <ul> - <li> - 二項演算 - <ul> - <li> - <code>+</code> / <code>-</code> / <code>*</code> / <code>/</code> / <code>%</code> - </li> - <li> - <code>==</code> / <code>!=</code> - </li> - <li> - <code><</code> / <code><=</code> / <code>></code> / <code>>=</code> - </li> - <li> - <code>&&</code> / <code>||</code> - </li> - </ul> - </li> - <li> - 代入 - <ul> - <li> - <code>=</code> - </li> - <li> - <code>+=</code> / <code>-=</code> (実装はセルフホスト達成後) - </li> - </ul> - </li> - <li> - 単項演算: <code>-</code> / <code>!</code> / <code>*</code> / <code>&</code> / <code>sizeof</code> - </li> - <li> - 関数呼び出し: <code>f(a, b)</code> - </li> - <li> - 配列アクセス: <code>a[b]</code> - </li> - <li> - メンバ呼び出し: <code>a.b</code> / <code>a->b</code> - </li> - <li> - 整数リテラル - </li> - <li> - 文字列リテラル - </li> - </ul> - </li> - <li> - 型 - <ul> - <li> - <code>char</code> - </li> - <li> - <code>int</code> - </li> - <li> - <code>long</code> - </li> - <li> - <code>void</code> - </li> - <li> - <code>struct</code> - </li> - <li> - それらのポインタ - </li> - </ul> - </li> - <li> - 宣言・定義 - <ul> - <li> - 関数 - </li> - <li> - 構造体 - </li> - </ul> - </li> - <li> - プリプロセッサ - <ul> - <li> - 引数なし <code>#define</code> - </li> - </ul> - </li> - </ul> - </section> - </section> - <section id="section--development"> - <h2><a href="#section--development">開発</a></h2> - <p> - 時系列順に開発の様子を辿っていく。 - </p> - <section id="section--development--day1"> - <h3><a href="#section--development--day1">1日目 (2025-05-03)</a></h3> - <p> - compilerbook では整数一つのパース・コード生成から始めるが、今回は以下のようなソースをパースしてコード生成するところからスタートすることにした。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">int</span><span style="color:#6F42C1"> main</span><span style="color:#24292E">() {</span></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#005CC5"> 42</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - <p> - この時点で、<code>struct Token</code>、<code>struct Parser</code>、<code>struct AstNode</code>、<code>struct CodeGen</code> といった主要なデータ構造が定義され、この後もほぼ同じソース設計のまま進めている。 - </p> - <p> - compilerbook のようなインクリメンタルな進め方を取らずに、最初から普通の言語処理系のような構成にしたのには理由がある。 - </p> - <p> - それは、どのくらいの言語機能があればコンパイラを作るのに十分かをこの時点で見積もるためである。開発を開始する前にも必要な言語機能にはあたりを付けていたが、実際にプロトタイプを作ってみて、これだけの機能セットがあれば足りるだろうという正確な TODO リストを作りたかった。実際、このとき作ったチェックリストはこのあともほとんど変わっていない (大きな変化点は、配列型をサポートしないと決めたことくらいか)。 - </p> - <p> - このあとは、おおむね compilerbook に従って以下のように機能追加を続けた。 - </p> - <ol> - <li> - 四則演算 - </li> - <li> - 単項マイナス - </li> - <li> - 比較 - </li> - <li> - ローカル変数 - </li> - <li> - <code>if</code> 文 - </li> - <li> - <code>for</code> 文 - </li> - <li> - 引数なしの関数呼び出し - </li> - <li> - 引数ありの関数呼び出し - </li> - <li> - 文字列リテラル - </li> - </ol> - <p> - 一日の終わりには、次のようなプログラムのテストが通るようになった。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#D73A49">int</span><span style="color:#6F42C1"> printf</span><span style="color:#24292E">();</span></span> -<span class="line"></span> -<span class="line"><span style="color:#D73A49">int</span><span style="color:#6F42C1"> main</span><span style="color:#24292E">() {</span></span> -<span class="line"><span style="color:#D73A49"> int</span><span style="color:#24292E"> i;</span></span> -<span class="line"><span style="color:#D73A49"> for</span><span style="color:#24292E"> (i </span><span style="color:#D73A49">=</span><span style="color:#005CC5"> 1</span><span style="color:#24292E">; i </span><span style="color:#D73A49"><=</span><span style="color:#005CC5"> 100</span><span style="color:#24292E">; i </span><span style="color:#D73A49">=</span><span style="color:#24292E"> i </span><span style="color:#D73A49">+</span><span style="color:#005CC5"> 1</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#D73A49"> if</span><span style="color:#24292E"> (i </span><span style="color:#D73A49">%</span><span style="color:#005CC5"> 15</span><span style="color:#D73A49"> ==</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#6F42C1"> printf</span><span style="color:#24292E">(</span><span style="color:#032F62">"FizzBuzz</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span></span> -<span class="line"><span style="color:#24292E"> } </span><span style="color:#D73A49">else</span><span style="color:#D73A49"> if</span><span style="color:#24292E"> (i </span><span style="color:#D73A49">%</span><span style="color:#005CC5"> 3</span><span style="color:#D73A49"> ==</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#6F42C1"> printf</span><span style="color:#24292E">(</span><span style="color:#032F62">"Fizz</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span></span> -<span class="line"><span style="color:#24292E"> } </span><span style="color:#D73A49">else</span><span style="color:#D73A49"> if</span><span style="color:#24292E"> (i </span><span style="color:#D73A49">%</span><span style="color:#005CC5"> 5</span><span style="color:#D73A49"> ==</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">) {</span></span> -<span class="line"><span style="color:#6F42C1"> printf</span><span style="color:#24292E">(</span><span style="color:#032F62">"Buzz</span><span style="color:#005CC5">\n</span><span style="color:#032F62">"</span><span style="color:#24292E">);</span></span> -<span class="line"><span style="color:#24292E"> } </span><span style="color:#D73A49">else</span><span style="color:#24292E"> {</span></span> -<span class="line"><span style="color:#6F42C1"> printf</span><span style="color:#24292E">(</span><span style="color:#032F62">"</span><span style="color:#005CC5">%d\n</span><span style="color:#032F62">"</span><span style="color:#24292E">, i);</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#D73A49"> return</span><span style="color:#005CC5"> 0</span><span style="color:#24292E">;</span></span> -<span class="line"><span style="color:#24292E">}</span></span></code></pre> - </div> - </section> - <section id="section--development--day2"> - <h3><a href="#section--development--day2">2日目 (2025-05-03)</a></h3> - <p> - この時点で、不足している機能はおおよそ2つ。ポインタと構造体である。 - </p> - <p> - このあたりからは compilerbook の解説も減っていき (構造体については完全に記載がない)、実装も離れていっている。 - </p> - <p> - 以下のように実装を進めていった。 - </p> - <ol> - <li> - <code>char</code>、<code>long</code>、<code>void</code> - </li> - <li> - ポインタ - </li> - <li> - アドレス演算子: <code>&</code> - </li> - <li> - 間接参照演算子: <code>*</code> - </li> - <li> - <code>sizeof</code> - </li> - <li> - ポインタの演算 - </li> - <li> - <code>#define</code> - </li> - <li> - 構造体の定義・宣言 - </li> - <li> - 構造体の <code>sizeof</code> - </li> - <li> - メンバーアクセス - </li> - <li> - 論理演算子: <code>&&</code>、<code>||</code> - </li> - <li> - 初期化式つきの変数定義 - </li> - <li> - 文字リテラル - </li> - <li> - 配列アクセス - </li> - <li> - 論理演算子: <code>!</code> - </li> - <li> - 返り値なしの <code>return</code> - </li> - </ol> - <p> - <code>&</code>、<code>*</code>、<code>sizeof</code> あたりの実装が終わるとかなり C 言語らしくなっていき楽しい。 - </p> - <p> - このあたりから、セルフホストに向けて逆方向からのアプローチも並行しておこなっている。セルフホストするためには処理系のソースコードで使っている言語機能をすべて実装する必要があるわけだが、これまでは処理系が扱える機能を拡充していくという方向だった。この逆、つまり処理系のソースコードで使っている機能を減らすことでもセルフホストに近付いていく。 - </p> - <p> - 例えば、このコンパイラは <code>typedef</code> をサポートしていないが、開発中ずっと <code>typedef</code> を使わないというのは面倒だ。そこで、セルフホストがある程度現実的になるまでは構造体を <code>typedef</code> しておいて、途中のどこかで <code>typedef</code> を手で脱糖する。 - </p> - <p> - これらの作業をおこなうことで、処理系自身のソースコード <code>main.c</code> をパースしてバイナリを出力することができるようになった。いわゆる第2世代のコンパイラである。この現時点ではまだ第2世代コンパイラは何もできない (何を与えてもクラッシュする)。 - </p> - </section> - <section id="section--development--day3"> - <h3><a href="#section--development--day3">3日目 (2025-05-03)</a></h3> - <p> - さて、第2世代コンパイラが手に入ったので、ここからは地獄のデバッグ作業が始まる。多段になっているために問題が起きている箇所の特定が難しい。 - </p> - <p> - ……と考えていたのだが、実際のところデバッグは1時間ほどで終わってしまった。修正したのは1点のみ。なんのことはない、2日目終了時点でほとんど完成していたわけだ。 - </p> - <p> - 記念すべき (?) 最後のバグはこちら。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span style="color:#24292E"> gen_expr(g, ast->expr1, GEN_RVAL);</span></span> -<span class="line"><span style="color:#24292E"> } else {</span></span> -<span class="line"><span style="color:#24292E"> gen_expr(g, ast->expr1, GEN_RVAL);</span></span> -<span class="line"><span style="color:#B31D28">- gen_lval2rval(ast->expr1->ty);</span></span> -<span class="line"><span style="color:#22863A">+ gen_lval2rval(ast->expr1->ty->to);</span></span> -<span class="line"><span style="color:#24292E"> }</span></span> -<span class="line"><span style="color:#24292E"> }</span></span></code></pre> - </div> - <p> - メモリアドレスから参照先の値を得る際、その型によってロードする命令の種類を変える必要があるのだが、その切替をポインタ型でおこなっていた。正しくは、そのポインタ型が指す型を元にして切り替えなければならない。 - </p> - <p> - これを修正すると、第2世代コンパイラが第3世代コンパイラを出力できるようになり、その後も第N世代が第N+1世代を生成できるようになった。 - </p> - <p> - あとは、第2世代のコンパイラがそれ以降のコンパイラとバイナリレベルで一致するかどうかを確かめればよい。実際に調べてみると、ほとんどの場所が一致したもののどの世代も 6バイトだけ異なることがわかった。 - </p> - <p> - 一体どこが異なるのか。<code>hexdump</code> の差分がこちら。 - </p> - <div class="codeblock"> - <pre class="shiki github-light" style="background-color:#f5f5f5;color:#24292e" tabindex="0"><code><span class="line"><span>$ diff -u <(hexdump -C p4dcc2) <(hexdump -C p4dcc3)</span></span> -<span class="line"><span>@@ -5090,7 +5090,7 @@</span></span> -<span class="line"><span> 00015db0 72 72 61 79 5f 65 6e 74 72 79 00 66 72 61 6d 65 |rray_entry.frame|</span></span> -<span class="line"><span> 00015dc0 5f 64 75 6d 6d 79 00 5f 5f 66 72 61 6d 65 5f 64 |_dummy.__frame_d|</span></span> -<span class="line"><span> 00015dd0 75 6d 6d 79 5f 69 6e 69 74 5f 61 72 72 61 79 5f |ummy_init_array_|</span></span> -<span class="line"><span>-00015de0 65 6e 74 72 79 00 63 63 6d 69 42 49 59 6b 2e 6f |entry.ccmiBIYk.o|</span></span> -<span class="line"><span>+00015de0 65 6e 74 72 79 00 63 63 53 71 64 47 76 57 2e 6f |entry.ccSqdGvW.o|</span></span> -<span class="line"><span> 00015df0 00 66 61 74 61 6c 5f 65 72 72 6f 72 00 72 65 61 |.fatal_error.rea|</span></span> -<span class="line"><span> 00015e00 64 5f 61 6c 6c 00 74 6f 6b 65 6e 69 7a 65 00 74 |d_all.tokenize.t|</span></span> -<span class="line"><span> 00015e10 79 70 65 5f 6e 65 77 00 74 79 70 65 5f 6e 65 77 |ype_new.type_new|</span></span></code></pre> - </div> - <p> - <code>fatal_error</code>、<code>read_all</code>、<code>tokenize</code> <code>type_new</code> はいずれも <code>main.c</code> で定義された関数の名前である。このことから考えると、これは GCC が埋め込んだシンボルテーブルである可能性が高い。わずかに異なっている 6バイトは、ランダム生成された何かのように見える。 - </p> - <p> - そこで <code>gcc</code> に <code>-s</code> (シンボルテーブルを削除するフラグ) を渡してみると、めでたく2世代目以降のコンパイラのバイナリが完全に一致するようになった。 - </p> - <p> - これにてセルフホスト達成である。 - </p> - </section> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - 最終的な実装は1900行ほど、所要時間は20時間弱となった。 - </p> - <p> - 正直なところ、思ったより早く終わって拍子抜けしている。これは compilerbook がうまく実装順を整理しているのと、アセンブリの細かい落とし穴を事前に解説して潰していることが大きいと思われる。 - </p> - <p> - 当初の仮説どおり、サポートする機能を慎重に選ぶことにより短期間でセルフホストまで持っていくことができた。案外簡単に作れてしまうので、まとまった休みに是非いかがだろうか。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_ADVENTURERS.jpeg b/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_ADVENTURERS.jpeg Binary files differdeleted file mode 100644 index 8ba97a06..00000000 --- a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_ADVENTURERS.jpeg +++ /dev/null diff --git a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_BABA_IS_YOU.jpeg b/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_BABA_IS_YOU.jpeg Binary files differdeleted file mode 100644 index 69c8bb5e..00000000 --- a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_BABA_IS_YOU.jpeg +++ /dev/null diff --git a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_BOOBY_TRAP.jpeg b/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_BOOBY_TRAP.jpeg Binary files differdeleted file mode 100644 index f993ac34..00000000 --- a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_BOOBY_TRAP.jpeg +++ /dev/null diff --git a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_BOTTLENECK.jpeg b/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_BOTTLENECK.jpeg Binary files differdeleted file mode 100644 index 9080626e..00000000 --- a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_BOTTLENECK.jpeg +++ /dev/null diff --git a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_CONCRETE_GOALS.jpeg b/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_CONCRETE_GOALS.jpeg Binary files differdeleted file mode 100644 index a11be095..00000000 --- a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_CONCRETE_GOALS.jpeg +++ /dev/null diff --git a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_CRUSHERS.jpeg b/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_CRUSHERS.jpeg Binary files differdeleted file mode 100644 index 5a29e603..00000000 --- a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_CRUSHERS.jpeg +++ /dev/null diff --git a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_DUNGEON.jpeg b/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_DUNGEON.jpeg Binary files differdeleted file mode 100644 index 9ed96771..00000000 --- a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_DUNGEON.jpeg +++ /dev/null diff --git a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_FRAGILE_EXISTENCE.jpeg b/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_FRAGILE_EXISTENCE.jpeg Binary files differdeleted file mode 100644 index 693958dd..00000000 --- a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_FRAGILE_EXISTENCE.jpeg +++ /dev/null diff --git a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_FURTHER_FIELDS.jpeg b/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_FURTHER_FIELDS.jpeg Binary files differdeleted file mode 100644 index 866485b9..00000000 --- a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_FURTHER_FIELDS.jpeg +++ /dev/null diff --git a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_GETTING_TOGETHER.jpeg b/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_GETTING_TOGETHER.jpeg Binary files differdeleted file mode 100644 index 6d9879d2..00000000 --- a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_GETTING_TOGETHER.jpeg +++ /dev/null diff --git a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_HEAVY_CLOUD.jpeg b/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_HEAVY_CLOUD.jpeg Binary files differdeleted file mode 100644 index 78479628..00000000 --- a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_HEAVY_CLOUD.jpeg +++ /dev/null diff --git a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_INSULATION.jpeg b/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_INSULATION.jpeg Binary files differdeleted file mode 100644 index 16c8d091..00000000 --- a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_INSULATION.jpeg +++ /dev/null diff --git a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_LOCK_THE_DOOR.jpeg b/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_LOCK_THE_DOOR.jpeg Binary files differdeleted file mode 100644 index 4f7acf79..00000000 --- a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_LOCK_THE_DOOR.jpeg +++ /dev/null diff --git a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_METEOR_STRIKE.jpeg b/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_METEOR_STRIKE.jpeg Binary files differdeleted file mode 100644 index 26209ea8..00000000 --- a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_METEOR_STRIKE.jpeg +++ /dev/null diff --git a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_OUT_AT_SEA.jpeg b/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_OUT_AT_SEA.jpeg Binary files differdeleted file mode 100644 index 0a6fb4df..00000000 --- a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_OUT_AT_SEA.jpeg +++ /dev/null diff --git a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_PARADE.jpeg b/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_PARADE.jpeg Binary files differdeleted file mode 100644 index 5bd1fe77..00000000 --- a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_PARADE.jpeg +++ /dev/null diff --git a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_PRISON.jpeg b/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_PRISON.jpeg Binary files differdeleted file mode 100644 index 21701abb..00000000 --- a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_PRISON.jpeg +++ /dev/null diff --git a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_SCENIC_POND.jpeg b/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_SCENIC_POND.jpeg Binary files differdeleted file mode 100644 index 76b80b7c..00000000 --- a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_SCENIC_POND.jpeg +++ /dev/null diff --git a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_SEEKING_ACCEPTANCE.jpeg b/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_SEEKING_ACCEPTANCE.jpeg Binary files differdeleted file mode 100644 index e4c33fe8..00000000 --- a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_SEEKING_ACCEPTANCE.jpeg +++ /dev/null diff --git a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_STARDROP.jpeg b/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_STARDROP.jpeg Binary files differdeleted file mode 100644 index f154f3b8..00000000 --- a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_STARDROP.jpeg +++ /dev/null diff --git a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_SUBMERGED_RUINS.jpeg b/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_SUBMERGED_RUINS.jpeg Binary files differdeleted file mode 100644 index 3581bc45..00000000 --- a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_SUBMERGED_RUINS.jpeg +++ /dev/null diff --git a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_SUNKEN_TEMPLE.jpeg b/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_SUNKEN_TEMPLE.jpeg Binary files differdeleted file mode 100644 index 7f7659bb..00000000 --- a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_SUNKEN_TEMPLE.jpeg +++ /dev/null diff --git a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_THE_BOX.jpeg b/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_THE_BOX.jpeg Binary files differdeleted file mode 100644 index 4c04ae9c..00000000 --- a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_THE_BOX.jpeg +++ /dev/null diff --git a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_THE_RETURN_OF_SCENIC_POND.jpeg b/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_THE_RETURN_OF_SCENIC_POND.jpeg Binary files differdeleted file mode 100644 index 86edb294..00000000 --- a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_THE_RETURN_OF_SCENIC_POND.jpeg +++ /dev/null diff --git a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_ULTIMATE_MAZE.jpeg b/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_ULTIMATE_MAZE.jpeg Binary files differdeleted file mode 100644 index 97d3fe7e..00000000 --- a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_ULTIMATE_MAZE.jpeg +++ /dev/null diff --git a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_VIP_AREA.jpeg b/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_VIP_AREA.jpeg Binary files differdeleted file mode 100644 index 6e352375..00000000 --- a/vhosts/blog/public/posts/2025-06-14/baba-is-you/LEVEL_VIP_AREA.jpeg +++ /dev/null diff --git a/vhosts/blog/public/posts/2025-06-14/baba-is-you/index.html b/vhosts/blog/public/posts/2025-06-14/baba-is-you/index.html deleted file mode 100644 index cb82965f..00000000 --- a/vhosts/blog/public/posts/2025-06-14/baba-is-you/index.html +++ /dev/null @@ -1,577 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2025 nsfisis"> - <meta name="description" content="Baba Is You という最高のパズルゲームをクリアした。是非プレイしてほしい。"> - <meta name="keywords" content="ゲーム"> - <meta property="og:type" content="article"> - <meta property="og:title" content="最高のパズルゲーム Baba Is You をやれ｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="Baba Is You という最高のパズルゲームをクリアした。是非プレイしてほしい。"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>最高のパズルゲーム Baba Is You をやれ｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="single"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <article class="post-single"> - <header class="post-header"> - <h1 class="post-title">最高のパズルゲーム Baba Is You をやれ</h1> - <ul class="post-tags"> - <li class="tag"> - <a href="/tags/game/">ゲーム</a> - </li> - </ul> - </header> - <div class="post-content"> - <section id="changelog"> - <h2><a href="#changelog">更新履歴</a></h2> - <ol> - <li class="revision"> - <time datetime="2025-06-14">2025-06-14</time>: 公開 - </li> - <li class="revision"> - <time datetime="2025-06-15">2025-06-15</time>: 後半 (ネタバレあり) のとある面について追記 - </li> - </ol> - </section> - <section id="section--intro"> - <h2><a href="#section--intro">Baba Is You とは</a></h2> - <p> - <a href="https://www.hempuli.com/baba/" rel="noreferrer" target="_blank">Baba Is You</a> という倉庫番系パズルゲームがある。私がこれまでプレイしたことのあるパズルゲームの中で、間違いなく最高のパズルゲームだと断言できる。これより面白いパズルゲームを知っている人は、絶対に買うので教えてほしい。 - </p> - <p> - すでに押しも押されもせぬ傑作としての名をほしいままにする本作だが、名作の感想はいくつあってもいいので書く。 - </p> - <p> - 前半はネタバレなし、後半はネタバレありで書くので、プレイしていない人は前半まで読んだら閉じてほしい。 - </p> - </section> - <section id="section--no-spoiler"> - <h2><a href="#section--no-spoiler">前半 (ネタバレなし)</a></h2> - <section id="section--no-spoiler--what-is-baba-is-you"> - <h3><a href="#section--no-spoiler--what-is-baba-is-you">どういうゲームか？</a></h3> - <p> - Baba Is You はいわゆる倉庫番パズルの一種である。2D のグリッドで操作キャラを動かし、アイテムを押して動かすことでパズルを解く。 - </p> - <p> - Baba Is You の特異な点は、倉庫番のルールが盤面上で動かせるオブジェクトとして配置してある点にある。これは Baba Is You の一番最初の面である。 - </p> - <p> - <img alt="最初の面「BABA IS YOU」のスクリーンショット" src="/posts/2025-06-14/baba-is-you/LEVEL_BABA_IS_YOU.jpeg"> - </p> - <p> - ここには次のようなルールがある。 - </p> - <ul> - <li> - <code>BABA</code> <code>IS</code> <code>YOU</code> - <ul> - <li> - Baba はあなた (操作キャラ) - </li> - </ul> - </li> - <li> - <code>ROCK</code> <code>IS</code> <code>PUSH</code> - <ul> - <li> - 岩は押せる - </li> - </ul> - </li> - <li> - <code>WALL</code> <code>IS</code> <code>STOP</code> - <ul> - <li> - 壁は止まる (押せない) - </li> - </ul> - </li> - <li> - <code>FLAG</code> <code>IS</code> <code>WIN</code> - <ul> - <li> - 旗は勝ち - </li> - </ul> - </li> - </ul> - <p> - 最初の状態では、<code>YOU</code> である baba (うさぎや猫のような白い生き物) が <code>WIN</code> である旗に触れることで勝利条件を満たしクリアとなる。 - </p> - <p> - これらのルールを構成しているテキストを押して動かすことで、ルールをさまざまに変化させることができる。この面なら一例として次のようなルールが作れるだろう。 - </p> - <ul> - <li> - <code>FLAG</code> <code>IS</code> <code>YOU</code> - <ul> - <li> - 旗が操作キャラになり、キー入力で動かせる - </li> - </ul> - </li> - <li> - <code>ROCK</code> <code>IS</code> <code>STOP</code> - <ul> - <li> - 岩が押せなくなる - </li> - </ul> - </li> - <li> - <code>BABA</code> <code>IS</code> <code>WALL</code> - <ul> - <li> - Baba が壁へと変化し、操作不能になる - <ul> - <li> - <code>WALL</code> <code>IS</code> <code>YOU</code> を同時に作っていればその限りでない！ - </li> - </ul> - </li> - </ul> - </li> - </ul> - <p> - この「ルール自体を変えられる」という性質により、パズルの難易度・複雑さが大きく上がっている。プレイヤーは、どのオブジェクトを <code>YOU</code> にするのか、<code>WIN</code> にすべきは何か、どれに <code>PUSH</code> を付けるべきか、いつどの順番でルールを変えるのか、今の手札で作れるルールは何か等と悩みながら、次第に難しくなるパズルと格闘しなければならない。 - </p> - </section> - <section id="section--no-spoiler--play-time-and-difficulty"> - <h3><a href="#section--no-spoiler--play-time-and-difficulty">ゲームのボリューム・難易度</a></h3> - <p> - 遊べる面の数は「200 以上」ある (Steam ストアページの表記より引用。正確な個数はここでは控える)。ただしこれは追加 DLC の分を含んでいないので、実際には更に大量にある。 - </p> - <p> - パズルゲームなのでプレイ時間には大きくブレがあるだろうが、私の場合はノーヒントで 75 時間弱だった。ゲーム画面を閉じて紙とペンで考えていた時間を含めれば、+10～+20時間といったところだろうか。 - </p> - <p> - パズルの難易度はべらぼうに高い。ひとつ解くのに数時間かかったり、数日間ひとつも解けなかったりするのはよくある (あくまで全クリを目指す場合)。 - </p> - <p> - 完全クリア以外にもいくつかマイルストーンはあるので、それを目指すのもありだろう。 - </p> - </section> - <section id="section--no-spoiler--appeal"> - <h3><a href="#section--no-spoiler--appeal">魅力</a></h3> - <p> - 何がこのゲームを傑作たらしめているのか。 - </p> - <section id="section--no-spoiler--appeal--very-difficult"> - <h4><a href="#section--no-spoiler--appeal--very-difficult">高い難易度</a></h4> - <p> - すでに書いたが、このゲームは非常に難しい。ゲームのルールを変えられると聞くと、何でもありの大味なプレイ体験かのように思えるかもしれない。しかし、適当にルールを弄り回して解けるような面は最序盤くらいにしかなく、ゲームが進んでいくと総当たりすら困難になっていく。解けない、やれることは全部試したはずだ、ゴールから逆算してもこれ以外ありえないのに実現できない、とにかく解けない。何度もそう思うことになるだろう。 - </p> - <p> - それにもかかわらず、理不尽だと感じることは驚くほど少ない。隠された法則・秘密のルールがないというわけではない。最初の面を再び例に出そう。<code>ROCK</code> <code>IS</code> <code>PUSH</code> と <code>ROCK</code> <code>IS</code> <code>STOP</code> を同時に成立させたら、岩は押せるのか押せないのか。<code>PUSH</code> と <code>STOP</code> の優先順は言葉で説明されるわけではないし、自分で試して規則を発見することが求められる。しかし、実際にゲーム上で試しさえすれば、その規則は明らかな結果となってプレイヤーへと提示されるのである。これを繰り返すことで、プレイヤーは単語ごとの挙動を、そして Baba Is You を理解していく。 - </p> - <p> - この特徴により、その難易度に比して理不尽さが大きく低減されていると感じる。 - </p> - </section> - <section id="section--no-spoiler--appeal--very-flexible"> - <h4><a href="#section--no-spoiler--appeal--very-flexible">新しい単語との出会い</a></h4> - <p> - このゲームには <code>PUSH</code>、<code>STOP</code>、<code>WIN</code>、<code>YOU</code> 以外にもさまざまな単語がある。新しい単語が導入されるときは大抵チュートリアル用の簡単な面が用意されており、プレイヤーはそこで新単語を使っていろいろと実験をすることになる。 - </p> - <p> - それらの単語の中には、一目で「危険」だとわかる奴らがいる。<code>YOU</code> や <code>WIN</code> は最初からいる連中だが、普通のパズルゲームなら操作キャラや勝利条件を変えられるだけでもとんでもないルールブレイカーだろう。 - </p> - <p> - 危険な匂いのする単語と出会ったときの「こんな単語を許したらとんでもないことになるぞ」という感覚は実際にプレイしなければ味わえない。 - </p> - </section> - <section id="section--no-spoiler--appeal--very-beautiful"> - <h4><a href="#section--no-spoiler--appeal--very-beautiful">美しいパズル</a></h4> - <p> - 私が大好きなとある面の話をしよう。この面は最終盤に出現する。これは序中盤で出てきたとある面のリメイクであり、ほんの少しだけ手が加えられている。オリジナルとリメイク版の差分は1マスの窪みがあるかないか。この一つの差分だけで、難易度が劇的に上昇している。片や特筆することのない印象の薄い面、片やゲーム内屈指の高難易度面である。最終盤にあるがゆえになんとか解けるものの、もし配置順が入れ替わりでもしようものなら (難易度の差を考えれば絶対にありえないことだが)、ほとんどのプレイヤーがここで諦めるだろう。 - </p> - <p> - これを解いたときは、たった1マスの差でこれだけ難しくできるものなのかと感動した。他にも似たような例はいくつもある。素晴しい出来の美しいパズルに何度も何度も出会うことができる。 - </p> - </section> - </section> - <section id="section--no-spoiler--play-now"> - <h3><a href="#section--no-spoiler--play-now">Baba Is You をやれ</a></h3> - <p> - Baba Is You は最高のパズルゲームである。 - </p> - <p> - お世辞にも簡単だとは言えないが、苦しむ価値のあるゲームである。 - </p> - <p> - この次のセクションからはネタバレありの感想を書くが、プレイしていない人はもちろん、プレイ中で完全クリアしていない人も読まないことを勧める。その価値があるゲームだと保証する。 - </p> - </section> - </section> - <section id="section--spoiler"> - <h2><a href="#section--spoiler">後半 (ネタバレあり)</a></h2> - <p> - ではここからは完全クリアしたプレイヤーに向けて話そう。 - </p> - <p> - ここでいう「完全クリア」はレベルパックの「Baba Is You」(いわゆる本編) に用意されているパズルをすべて解いた状態を指すことにする。Steam の場合、全実績解除と読み替えてもよい。すなわち、「Museum」や「New Adventures」を含まない。 - </p> - <section id="section--spoiler--notation"> - <h3><a href="#section--spoiler--notation">表記</a></h3> - <p> - ゲーム上のオブジェクトについて次のように表記することにする。 - </p> - <ul> - <li> - <code>BABA</code>: テキストとしての <code>BABA</code> - </li> - <li> - Baba: オブジェクトとしての baba - </li> - <li> - <code>A</code>、<code>B</code> など: 任意のテキスト - <ul> - <li> - そういうテキストが出てくる面もあるがその面の話はしない - </li> - </ul> - </li> - <li> - A、B など: 任意のオブジェクト - </li> - <li> - <code>A/B</code>: <code>A</code> と <code>B</code> のテキストが重なった状態 - </li> - </ul> - <p> - また、個々のパズルのことはここまでと同様に「面」と呼ぶことにする。「<code>LEVEL</code> というテキストが指すゲーム上のオブジェクト」は「level」と書く。 - </p> - </section> - <section id="section--spoiler--impressive-levels"> - <h3><a href="#section--spoiler--impressive-levels">印象的な面</a></h3> - <p> - ここからは印象的な面を語っていく。 - </p> - <section id="section--spoiler--impressive-levels--map"> - <h4><a href="#section--spoiler--impressive-levels--map">MAP</a></h4> - <section id="section--spoiler--impressive-levels--map--submerged-ruins-and-sunken-temple"> - <h5><a href="#section--spoiler--impressive-levels--map--submerged-ruins-and-sunken-temple">SUBMERGED RUINS、SUNKEN TEMPLE</a></h5> - <p> - <img alt="「SUBMERGED RUINS」のスクリーンショット" src="/posts/2025-06-14/baba-is-you/LEVEL_SUBMERGED_RUINS.jpeg"> - </p> - <p> - <img alt="「SUNKEN TEMPLE」のスクリーンショット" src="/posts/2025-06-14/baba-is-you/LEVEL_SUNKEN_TEMPLE.jpeg"> - </p> - <p> - ここまでスルスル解けていて初めてしばらく止まった面。また、苦戦して解いた次の面がその面の派生で絶望するという経験をした最初の面。この瞬間が苦しくもあり楽しくもある。 - </p> - </section> - <section id="section--spoiler--impressive-levels--map--prison-and-dungeon"> - <h5><a href="#section--spoiler--impressive-levels--map--prison-and-dungeon">PRISON、DUNGEON</a></h5> - <p> - <img alt="「PRISON」のスクリーンショット" src="/posts/2025-06-14/baba-is-you/LEVEL_PRISON.jpeg"> - </p> - <p> - <img alt="「DUNGEON」のスクリーンショット" src="/posts/2025-06-14/baba-is-you/LEVEL_DUNGEON.jpeg"> - </p> - <p> - 高難易度面で当然のように要求されるテクニックの初出。可能な行動が大きく制限されているのでマシだが、それでも初見時には困惑した。 - </p> - </section> - <section id="section--spoiler--impressive-levels--map--further-fields"> - <h5><a href="#section--spoiler--impressive-levels--map--further-fields">FURTHER FIELDS</a></h5> - <p> - <img alt="「FURTHER FIELDS」のスクリーンショット" src="/posts/2025-06-14/baba-is-you/LEVEL_FURTHER_FIELDS.jpeg"> - </p> - <p> - お気に入りの面。<code>MOVE</code> を活用するのも <code>YOU</code> を一時的に消すのも好きなので、両方出てくるこの面は大好き。 - </p> - </section> - <section id="section--spoiler--impressive-levels--map--scenic-pond"> - <h5><a href="#section--spoiler--impressive-levels--map--scenic-pond">SCENIC POND</a></h5> - <p> - <img alt="「SCENIC POND」のスクリーンショット" src="/posts/2025-06-14/baba-is-you/LEVEL_SCENIC_POND.jpeg"> - </p> - <p> - はい。まあこいつは後で触れることにしよう。 - </p> - </section> - <section id="section--spoiler--impressive-levels--map--concrete-goals"> - <h5><a href="#section--spoiler--impressive-levels--map--concrete-goals">CONCRETE GOALS</a></h5> - <p> - <img alt="「CONCRETE GOALS」のスクリーンショット" src="/posts/2025-06-14/baba-is-you/LEVEL_CONCRETE_GOALS.jpeg"> - </p> - <p> - これも初見時に苦戦した面。PRISON などと同様に一度理解すれば何ということのない面だが、最初に解けたときは偶然だった。<code>FLAG</code> <code>IS</code> <code>WIN</code> がギリギリ取り出せそうに「見える」のが嫌らしい。 - </p> - </section> - <section id="section--spoiler--impressive-levels--map--lock-the-door"> - <h5><a href="#section--spoiler--impressive-levels--map--lock-the-door">LOCK THE DOOR</a></h5> - <p> - <img alt="「LOCK THE DOOR」のスクリーンショット" src="/posts/2025-06-14/baba-is-you/LEVEL_LOCK_THE_DOOR.jpeg"> - </p> - <p> - <code>SHIFT</code> 重ねの初出面。このテクニックを再び使うのは終盤になってからであり、私はそのときにはもう <code>SHIFT</code> 重ねを忘れていたので大苦戦した。戯れにスロット2を使って2周目をやっていてこの面まで到達し、そこでようやく <code>SHIFT</code> 重ねが <code>MOVE</code> もどきになることを思い出した。その意味でも印象深い面。 - </p> - </section> - <section id="section--spoiler--impressive-levels--map--insulation"> - <h5><a href="#section--spoiler--impressive-levels--map--insulation">INSULATION</a></h5> - <p> - <img alt="「INSULATION」のスクリーンショット" src="/posts/2025-06-14/baba-is-you/LEVEL_INSULATION.jpeg"> - </p> - <p> - MAP の前半 (～DEEP FOREST) では最も苦戦した面。<code>SWAP</code> の理解が固まっておらず、「こういう状況が作れたら解けそうだ」という勘が働かなかった。正直なところ <code>SWAP</code> は今も苦手意識がある (終盤で強制的に学ばされる <code>SHIFT</code> と違って、それほど高難度面での出番がないのも大きいと思う)。 - </p> - </section> - <section id="section--spoiler--impressive-levels--map--bottleneck"> - <h5><a href="#section--spoiler--impressive-levels--map--bottleneck">BOTTLENECK</a></h5> - <p> - <img alt="「BOTTLENECK」のスクリーンショット" src="/posts/2025-06-14/baba-is-you/LEVEL_BOTTLENECK.jpeg"> - </p> - <p> - MAP の中で一番苦しんだ面。実は一度ここで投げて諦めたのだが、<code>EMPTY</code> を理解した今となっては脳内でも瞬殺できるくらい簡単になってしまった。最初に面を見てから解き終わるまでの時間は間違いなく最長で、半年以上かかっている (他は長くとも数日間)。 - </p> - </section> - <section id="section--spoiler--impressive-levels--map--heavy-cloud"> - <h5><a href="#section--spoiler--impressive-levels--map--heavy-cloud">HEAVY CLOUD</a></h5> - <p> - <img alt="「HEAVY CLOUD」のスクリーンショット" src="/posts/2025-06-14/baba-is-you/LEVEL_HEAVY_CLOUD.jpeg"> - </p> - <p> - 難しい面ではあるのだが、それ以上に解法の美しさに感動した面。解き終わった後に思わず「美しい……」と呟いてしまったのはこの面だけだった。Baba Is You の好きな面はと聞かれれば真っ先にこれを挙げる。 - </p> - </section> - <section id="section--spoiler--impressive-levels--map--adventurers"> - <h5><a href="#section--spoiler--impressive-levels--map--adventurers">ADVENTURERS</a></h5> - <p> - <img alt="「ADVENTURERS」のスクリーンショット" src="/posts/2025-06-14/baba-is-you/LEVEL_ADVENTURERS.jpeg"> - </p> - <p> - 難所の多い FLOWER GARDEN の癒し。Hand が <code>MOVE</code> と <code>SHIFT</code> でガチャガチャ動くのを見るのが楽しい。 - </p> - </section> - <section id="section--spoiler--impressive-levels--map--out-at-sea"> - <h5><a href="#section--spoiler--impressive-levels--map--out-at-sea">OUT AT SEA</a></h5> - <p> - <img alt="「OUT AT SEA」のスクリーンショット" src="/posts/2025-06-14/baba-is-you/LEVEL_OUT_AT_SEA.jpeg"> - </p> - <p> - MAP の問題児。正攻法がテキスト重ねである最初の面。この面、<code>ICE/LAVA</code> <code>IS</code> <code>PUSH</code> を作ったあと重なった ice と lava を (<code>ICE</code> <code>IS</code> <code>PUSH</code> だけ作るなどして) 分離しないといけないのだが、意気揚々と ice on lava の状態で door に向かって push して push できなかったときの感情はよく覚えている。テキスト同士を重ねて <code>A</code> <code>IS</code> <code>PUSH</code> と <code>B</code> <code>IS</code> <code>PUSH</code> を両立させるというぶっ飛んだアイデアを実現してもなお解けないのか、この方針がまさか間違っているなどということがあるのか、いやそんなはずはない……。実際のところそこからのリカバリーはすぐできたが、そのときの絶望はこれまででも最大であった。 - </p> - </section> - <section id="section--spoiler--impressive-levels--map--seeking-acceptance"> - <h5><a href="#section--spoiler--impressive-levels--map--seeking-acceptance">SEEKING ACCEPTANCE</a></h5> - <p> - <img alt="「SEEKING ACCEPTANCE」のスクリーンショット" src="/posts/2025-06-14/baba-is-you/LEVEL_SEEKING_ACCEPTANCE.jpeg"> - </p> - <p> - ここも好きな面。FURTHER FIELDS の精神的後継のようなものなので当然かもしれない。せっせと働く bird がかわいい。 - </p> - </section> - <section id="section--spoiler--impressive-levels--map--fragile-existence"> - <h5><a href="#section--spoiler--impressive-levels--map--fragile-existence">FRAGILE EXISTENCE</a></h5> - <p> - <img alt="「FRAGILE EXISTENCE」のスクリーンショット" src="/posts/2025-06-14/baba-is-you/LEVEL_FRAGILE_EXISTENCE.jpeg"> - </p> - <p> - MAP の印象的な面と言えば、これを取り上げないわけにはいかない。<code>LEVEL</code> <code>IS</code> <code>A</code> による level の変換がおこなえる初の面である。ここまで Baba Is You を進めたプレイヤーであれば、初出のテキストが現れたらまずはその場の色々なテキストと組み合わせてみて相互作用を確認する。それを見事に利用されたというか、気付かずにはいられないように仕向けられているというか、本当によくできたゲームである。 - </p> - </section> - <section id="section--spoiler--impressive-levels--map--map"> - <h5><a href="#section--spoiler--impressive-levels--map--map">MAP</a></h5> - <p> - MAP 自身。FRAGILE EXISTENCE でそれに気付いたなら当然 HOSTILE ENVIRONMENT でも気付くし、MAP で baba が操作できることに気付いたならもちろん右下のルールに目を向ける。次に考えるのは無論こうだ。ここで flag を取ったらどうなるんだ？ このゲームはその疑問に答えてくれる。期待をはるかに上回る形で。 - </p> - <p> - ??? でまたしても待ち構える <code>BABA</code> <code>IS</code> <code>YOU</code> と不穏な <code>LEVEL</code> のテキスト、そして GLITCH の <code>W</code> <code>E</code> <code>L</code> <code>C</code> <code>O</code> <code>M</code> <code>E</code>。間違いなく最高のパズルゲームだと確信した。 - </p> - </section> - </section> - <section id="section--spoiler--impressive-levels--triple-question"> - <h4><a href="#section--spoiler--impressive-levels--triple-question">???</a></h4> - <section id="section--spoiler--impressive-levels--triple-question--vip-area"> - <h5><a href="#section--spoiler--impressive-levels--triple-question--vip-area">VIP AREA</a></h5> - <p> - <img alt="「VIP AREA」のスクリーンショット" src="/posts/2025-06-14/baba-is-you/LEVEL_VIP_AREA.jpeg"> - </p> - <p> - ??? で大いに苦戦した面のひとつ。PRISON と DUNGEON で既出のテクニックが肝だが、ちと離れすぎじゃないのか。この面のリメイクもあるが、ここで苦しんだからかそちらはあまり苦戦しなかった。 - </p> - </section> - <section id="section--spoiler--impressive-levels--triple-question--ultimate-maze"> - <h5><a href="#section--spoiler--impressive-levels--triple-question--ultimate-maze">ULTIMATE MAZE</a></h5> - <p> - <img alt="「ULTIMATE MAZE」のスクリーンショット" src="/posts/2025-06-14/baba-is-you/LEVEL_ULTIMATE_MAZE.jpeg"> - </p> - <p> - 普通に解くだけなら大したことのない面だが、問題はこれの <code>LEVEL</code> <code>IS</code> <code>TEXT</code> 解である。出現順に書いているのでここに置いたが、解いたのはもっと後、META の後半に差しかかった頃になる。??? コンプリートの実績が取れていないことに気付き、残っているとすればここの <code>LEVEL</code> <code>IS</code> <code>TEXT</code> しかないと考えたまではよかったが、そこからが大変だった。個人的にこのゲームで一番苦しかったのがここの <code>TEXT</code> 変換解である。単純な難しさに加え、実績が取れていない原因がこの面だという確信も持てなかったので、解けるかどうかわからない状態で挑み続けることとなり疲弊した。 - </p> - <div class="admonition" editat="2025-06-15" operation="追記"> - <div class="admonition-label"> - 2025-06-15 追記 - </div> - <div class="admonition-content"> - <p> - ??? の DO IT YOURSELF 以降を開くにはこの面の <code>LEVEL</code> <code>IS</code> <code>TEXT</code> が必須だと思っていたのだが、どうもそうではないらしい。いずれにせよそれを思いつけなかったので同じことか。 - </p> - </div> - </div> - </section> - <section id="section--spoiler--impressive-levels--triple-question--stardrop-and-meteor-strike"> - <h5><a href="#section--spoiler--impressive-levels--triple-question--stardrop-and-meteor-strike">STARDROP、METEOR STRIKE</a></h5> - <p> - <img alt="「STARDROP」のスクリーンショット" src="/posts/2025-06-14/baba-is-you/LEVEL_STARDROP.jpeg"> - </p> - <p> - <img alt="「METEOR STRIKE」のスクリーンショット" src="/posts/2025-06-14/baba-is-you/LEVEL_METEOR_STRIKE.jpeg"> - </p> - <p> - 両方とも難しい面ではあったが、単文字のテキストが綺麗に活用された美しい面として印象に残っている。<code>G</code> <code>R</code> <code>A</code> <code>S</code> <code>S</code> <code>IS</code> <code>H</code> <code>O</code> <code>T</code> をこれほど無駄なく使えるとは！ - </p> - </section> - <section id="section--spoiler--impressive-levels--triple-question--getting-together"> - <h5><a href="#section--spoiler--impressive-levels--triple-question--getting-together">GETTING TOGETHER</a></h5> - <p> - <img alt="「GETTING TOGETHER」のスクリーンショット" src="/posts/2025-06-14/baba-is-you/LEVEL_GETTING_TOGETHER.jpeg"> - </p> - <p> - 初見のインパクト大にして難易度も相応に高い良作。この頃はまだ <code>SHIFT</code> を<em>理解</em>していなかったので大変だったが、ここを越えたことでむしろこの後の難所が楽になったと言える。 - </p> - </section> - </section> - <section id="section--spoiler--impressive-levels--depths"> - <h4><a href="#section--spoiler--impressive-levels--depths">DEPTHS</a></h4> - <p> - ??? といういかにもクリア後のオマケっぽい名前のマップを攻略したらまだまだ深淵が待ち構えていた。 - </p> - <section id="section--spoiler--impressive-levels--depths--crushers"> - <h5><a href="#section--spoiler--impressive-levels--depths--crushers">CRUSHERS</a></h5> - <p> - <img alt="「CRUSHERS」のスクリーンショット" src="/posts/2025-06-14/baba-is-you/LEVEL_CRUSHERS.jpeg"> - </p> - <p> - DEPTHS の序盤で道を塞いでいる必須面であるにもかかわらず圧倒的難易度で立ちはだかる凶悪な面。大苦戦した挙句 <code>LEVEL</code> <code>IS</code> <code>BELT</code> を作ってアレ？となったのは私だけではないはず。 - </p> - </section> - <section id="section--spoiler--impressive-levels--depths--parade"> - <h5><a href="#section--spoiler--impressive-levels--depths--parade">PARADE</a></h5> - <p> - <img alt="「PARADE」のスクリーンショット" src="/posts/2025-06-14/baba-is-you/LEVEL_PARADE.jpeg"> - </p> - <p> - 取れる行動が多いこと、もう少しで解けそうなルートが多いこと、そのどれもが一筋縄ではいかないこと。それらがすべて揃った高難度面。昔のバージョンでは ??? に置いてあったらしい。そんなバカな。 - </p> - </section> - </section> - <section id="section--spoiler--impressive-levels--meta"> - <h4><a href="#section--spoiler--impressive-levels--meta">META</a></h4> - <p> - ここではもう覚悟していたので続きがあることには驚かなかったが、明らかに不穏な <code>CURSOR</code> に震えつつ先へ進むことになる。 - </p> - <section id="section--spoiler--impressive-levels--meta--booby-trap"> - <h5><a href="#section--spoiler--impressive-levels--meta--booby-trap">BOOBY TRAP</a></h5> - <p> - <img alt="「BOOBY TRAP」のスクリーンショット" src="/posts/2025-06-14/baba-is-you/LEVEL_BOOBY_TRAP.jpeg"> - </p> - <p> - 難しいとか難しくないとかじゃなくここは触れざるをえない。<code>FLAG/TEXT</code> 解以外はそれほど苦戦しなかったが、とにもかくにもクリアの要求回数が多すぎる。もちろん最短で進められるなら別だが、META での試行錯誤のためにはこいつの形を毎回変えなければならない。しかもどの変換もそれなりにステップ数を要するのが厄介である。印象に残った面であるのは確か。 - </p> - </section> - <section id="section--spoiler--impressive-levels--meta--the-box"> - <h5><a href="#section--spoiler--impressive-levels--meta--the-box">THE BOX</a></h5> - <p> - <img alt="「THE BOX」のスクリーンショット" src="/posts/2025-06-14/baba-is-you/LEVEL_THE_BOX.jpeg"> - </p> - <p> - よくぞこの面を作ってくれた。外の level を参照させるギミックは、<code>LEVEL</code> <code>IS</code> <code>A</code> の変換をやりだした頃からいつかあるはずと思っていたので、そのとおりのパズルが出てきてくれて嬉しい。これぞ Baba Is You。 - </p> - </section> - <section id="section--spoiler--impressive-levels--meta--the-return-of-scenic-pond"> - <h5><a href="#section--spoiler--impressive-levels--meta--the-return-of-scenic-pond">THE RETURN OF SCENIC POND</a></h5> - <p> - <img alt="「THE RETURN OF SCENIC POND」のスクリーンショット" src="/posts/2025-06-14/baba-is-you/LEVEL_THE_RETURN_OF_SCENIC_POND.jpeg"> - </p> - <p> - 前半のネタバレなし感想にも書いたが、これは SCENIC POND のリメイクであり、ほとんど差異がない。たった1マス窪みが無くなっただけである。それだけでここまで難しくできるのか。 - </p> - <p> - 最終盤に配置されていたことで難易度の割には苦戦しなかったが、難易度以上にリメイクの美しさに感動した面。 - </p> - </section> - </section> - </section> - <section id="section--spoiler--difficult-levels"> - <h3><a href="#section--spoiler--difficult-levels">初見時難易度ランキング</a></h3> - <p> - 最後に、初見時の難易度を 10 位までランキングにしてみた。あくまで初見のときの難易度なので、面自体の難易度ではない。解くのにかかった時間とも少し違う。あえて言うなら苦しんだ順。 - </p> - <ol> - <li> - ULTIMATE MAZE (<code>TEXT</code> 解) - </li> - <li> - CRUSHERS (<code>TEXT</code> 解) - </li> - <li> - PARADE - </li> - <li> - BOTTLENECK - </li> - <li> - BOOBY TRAP (<code>FLAG/TEXT</code> 解) - </li> - <li> - THE RETURN OF SCENIC POND - </li> - <li> - OUT AT SEA - </li> - <li> - GETTING TOGETHER - </li> - <li> - VIP AREA - </li> - <li> - STARDROP - </li> - </ol> - </section> - </section> - <section id="section--outro"> - <h2><a href="#section--outro">おわりに</a></h2> - <p> - 神ゲー。プレイ済みの人は会ったとき一番好きな面の話でもしましょう。 - </p> - </section> - </div> - </article> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/3/index.html b/vhosts/blog/public/posts/3/index.html deleted file mode 100644 index d1084aa1..00000000 --- a/vhosts/blog/public/posts/3/index.html +++ /dev/null @@ -1,222 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2021 nsfisis"> - <meta name="description" content="投稿した記事の一覧 (3ページ目)"> - <meta property="og:type" content="article"> - <meta property="og:title" content="投稿一覧 (3ページ目)｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="投稿した記事の一覧 (3ページ目)"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="alternate" type="application/atom+xml" href="https://blog.nsfisis.dev/posts/atom.xml"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>投稿一覧 (3ページ目)｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="list"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <header class="page-header"> - <h1>投稿一覧 (3ページ目)</h1> - </header> - <nav class="pagination"> - <div class="pagination-prev"> - <a href="/posts/2/">前のページ</a> - </div> - <div class="pagination-info"> - 3 / 6 - </div> - <div class="pagination-next"> - <a href="/posts/4/">次のページ</a> - </div> - </nav> - <article class="post-entry"> - <a href="/posts/2024-03-17/phperkaigi-2024-report/"> - <header class="entry-header"> - <h2>PHPerKaigi 2024 参加レポ</h2> - </header> - <section class="entry-content"> - <p> - 2024-03-07 から 2024-03-09 にかけて開催された、PHPerKaigi 2024 に参加した。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2024-03-17">2024-03-17</time> 投稿、<time datetime="2024-07-07">2024-07-07</time> 更新 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2024-02-22/phpkansai-2024-report/"> - <header class="entry-header"> - <h2>PHPカンファレンス関西 2024 参加レポ</h2> - </header> - <section class="entry-content"> - <p> - 2024-02-11 に開催された、PHPカンファレンス関西 2024 に参加した。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2024-02-21">2024-02-21</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2024-02-10/yapcjapan-2024-report/"> - <header class="entry-header"> - <h2>YAPC::Hiroshima 2024 参加レポ</h2> - </header> - <section class="entry-content"> - <p> - 2024-02-10 に開催された、YAPC::Hiroshima 2024 に参加した。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2024-02-10">2024-02-10</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2024-02-03/install-wireguard-on-personal-server/"> - <header class="entry-header"> - <h2>【備忘録】 個人用サーバに WireGuard を導入する</h2> - </header> - <section class="entry-content"> - <p> - 個人用サービスのセルフホストに使っているサーバに WireGuard を導入する作業をしたメモ - </p> - </section> - <footer class="entry-footer"> - <time datetime="2024-02-03">2024-02-03</time> 投稿、<time datetime="2024-02-17">2024-02-17</time> 更新 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2024-01-10/neovim-insert-namespace-declaration-to-empty-php-file/"> - <header class="entry-header"> - <h2>【Neovim】 空の PHP ファイルに namespace 宣言を挿入する</h2> - </header> - <section class="entry-content"> - <p> - Neovim で空の PHP ファイルを開いたとき、ディレクトリの構造に基づいて自動的に namespace 宣言を挿入するようにする。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2024-01-10">2024-01-10</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2023-12-31/2023-reflections/"> - <header class="entry-header"> - <h2>2023年の振り返り</h2> - </header> - <section class="entry-content"> - <p> - 2023年にやったことを振り返る - </p> - </section> - <footer class="entry-footer"> - <time datetime="2023-12-31">2023-12-31</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2023-12-03/isucon-13/"> - <header class="entry-header"> - <h2>ISUCON 13 に参加した</h2> - </header> - <section class="entry-content"> - <p> - ISUCON 13 に参加した。チーム名「うつしもゆ」、最終スコア 13,580 点 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2023-12-03">2023-12-03</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2023-10-13/i-entered-the-open-university-of-japan/"> - <header class="entry-header"> - <h2>放送大学に入学しました</h2> - </header> - <section class="entry-content"> - <p> - 放送大学に入学しました。頑張ります。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2023-10-13">2023-10-13</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2023-10-02/compile-php-runtime-to-wasm/"> - <header class="entry-header"> - <h2>PHP の処理系を Emscripten で WebAssembly にコンパイルする</h2> - </header> - <section class="entry-content"> - <p> - PHP の処理系 (php/php-src) を Emscripten で WebAssembly にコンパイルし、任意のコードを隔離された環境で評価できるようにした。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2023-10-02">2023-10-02</time> 投稿、<time datetime="2025-04-23">2025-04-23</time> 更新 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2023-06-25/phpconfuk-2023-report/"> - <header class="entry-header"> - <h2>PHP カンファレンス福岡 2023 参加レポ</h2> - </header> - <section class="entry-content"> - <p> - 2023-06-24 に開催された、PHP カンファレンス福岡に参加した。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2023-06-25">2023-06-25</time> 投稿 - </footer> - </a> - </article> - <nav class="pagination"> - <div class="pagination-prev"> - <a href="/posts/2/">前のページ</a> - </div> - <div class="pagination-info"> - 3 / 6 - </div> - <div class="pagination-next"> - <a href="/posts/4/">次のページ</a> - </div> - </nav> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/4/index.html b/vhosts/blog/public/posts/4/index.html deleted file mode 100644 index f5c6bc29..00000000 --- a/vhosts/blog/public/posts/4/index.html +++ /dev/null @@ -1,222 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2021 nsfisis"> - <meta name="description" content="投稿した記事の一覧 (4ページ目)"> - <meta property="og:type" content="article"> - <meta property="og:title" content="投稿一覧 (4ページ目)｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="投稿した記事の一覧 (4ページ目)"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="alternate" type="application/atom+xml" href="https://blog.nsfisis.dev/posts/atom.xml"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>投稿一覧 (4ページ目)｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="list"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <header class="page-header"> - <h1>投稿一覧 (4ページ目)</h1> - </header> - <nav class="pagination"> - <div class="pagination-prev"> - <a href="/posts/3/">前のページ</a> - </div> - <div class="pagination-info"> - 4 / 6 - </div> - <div class="pagination-next"> - <a href="/posts/5/">次のページ</a> - </div> - </nav> - <article class="post-entry"> - <a href="/posts/2023-04-04/phperkaigi-2023-report/"> - <header class="entry-header"> - <h2>PHPerKaigi 2023 参加レポ</h2> - </header> - <section class="entry-content"> - <p> - 2023-03-23 から 2023-03-25 にかけて開催された、PHPerKaigi 2023 に参加した。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2023-04-04">2023-04-04</time> 投稿、<time datetime="2023-06-28">2023-06-28</time> 更新 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2023-04-01/implementation-of-minimal-png-image-encoder/"> - <header class="entry-header"> - <h2>PNG 画像の最小構成エンコーダを実装する</h2> - </header> - <section class="entry-content"> - <p> - PNG 画像として valid な範囲で最大限手抜きしたエンコーダを書く。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2023-04-01">2023-04-01</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2023-03-10/rewrite-this-blog-generator/"> - <header class="entry-header"> - <h2>このブログのジェネレータを書き直した</h2> - </header> - <section class="entry-content"> - <p> - このブログのジェネレータを書き直したので、やったことを書き記しておく。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2023-03-10">2023-03-10</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2023-01-10/phperkaigi-2023-unused-token-quiz-3/"> - <header class="entry-header"> - <h2>PHPerKaigi 2023: ボツになったトークン問題 その 3</h2> - </header> - <section class="entry-content"> - <p> - 来年の PHPerKaigi 2023 でデジタルサーカス株式会社から出題予定のトークン問題のうち、ボツになった問題を公開する (その 3)。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2023-01-10">2023-01-10</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2022-11-19/phperkaigi-2023-unused-token-quiz-2/"> - <header class="entry-header"> - <h2>PHPerKaigi 2023: ボツになったトークン問題 その 2</h2> - </header> - <section class="entry-content"> - <p> - 来年の PHPerKaigi 2023 でデジタルサーカス株式会社から出題予定のトークン問題のうち、ボツになった問題を公開する (その 2)。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2022-11-19">2022-11-19</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2022-10-28/setup-server-for-this-site/"> - <header class="entry-header"> - <h2>【備忘録】 このサイト用の VPS をセットアップしたときのメモ</h2> - </header> - <section class="entry-content"> - <p> - GitHub Pages でホストしていたこのサイトを VPS へ移行したので、そのときにやったことのメモ。99 % 自分用。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2022-10-28">2022-10-28</time> 投稿、<time datetime="2023-08-30">2023-08-30</time> 更新 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2022-10-23/phperkaigi-2023-unused-token-quiz-1/"> - <header class="entry-header"> - <h2>PHPerKaigi 2023: ボツになったトークン問題 その 1</h2> - </header> - <section class="entry-content"> - <p> - 来年の PHPerKaigi 2023 でデジタルサーカス株式会社から出題予定のトークン問題のうち、ボツになった問題を公開する (その 1)。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2022-10-23">2022-10-23</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2022-09-29/write-fizzbuzz-in-php-2-letters-per-line/"> - <header class="entry-header"> - <h2>【PHP】 fizzbuzz を書く。1行あたり2文字で。</h2> - </header> - <section class="entry-content"> - <p> - PHP で fizzbuzz を書いた。ただし、1行あたりに使える文字数は2文字まで。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2022-09-28">2022-09-28</time> 投稿、<time datetime="2022-09-29">2022-09-29</time> 更新 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2022-08-31/support-for-communty-is-employee-benefits/"> - <header class="entry-header"> - <h2>弊社の PHP Foundation への寄付に寄せて</h2> - </header> - <section class="entry-content"> - <p> - 先日、私の勤めるデジタルサーカス株式会社が、PHP Foundation へ寄付をおこないました。本件を社内でしつこく推進した1人として、推進の理由等を書き残しておきます。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2022-08-31">2022-08-31</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2022-08-27/php-conference-okinawa-code-golf/"> - <header class="entry-header"> - <h2>PHP カンファレンス沖縄で出題されたコードゴルフの問題を解いてみた</h2> - </header> - <section class="entry-content"> - <p> - PHP カンファレンス沖縄の懇親会 LT で出題されたコードゴルフの問題を解いてみた。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2022-08-27">2022-08-27</time> 投稿 - </footer> - </a> - </article> - <nav class="pagination"> - <div class="pagination-prev"> - <a href="/posts/3/">前のページ</a> - </div> - <div class="pagination-info"> - 4 / 6 - </div> - <div class="pagination-next"> - <a href="/posts/5/">次のページ</a> - </div> - </nav> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/5/index.html b/vhosts/blog/public/posts/5/index.html deleted file mode 100644 index 6ae07782..00000000 --- a/vhosts/blog/public/posts/5/index.html +++ /dev/null @@ -1,222 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2021 nsfisis"> - <meta name="description" content="投稿した記事の一覧 (5ページ目)"> - <meta property="og:type" content="article"> - <meta property="og:title" content="投稿一覧 (5ページ目)｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="投稿した記事の一覧 (5ページ目)"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="alternate" type="application/atom+xml" href="https://blog.nsfisis.dev/posts/atom.xml"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>投稿一覧 (5ページ目)｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="list"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <header class="page-header"> - <h1>投稿一覧 (5ページ目)</h1> - </header> - <nav class="pagination"> - <div class="pagination-prev"> - <a href="/posts/4/">前のページ</a> - </div> - <div class="pagination-info"> - 5 / 6 - </div> - <div class="pagination-next"> - <a href="/posts/6/">次のページ</a> - </div> - </nav> - <article class="post-entry"> - <a href="/posts/2022-05-01/phperkaigi-2022/"> - <header class="entry-header"> - <h2>PHPerKaigi 2022</h2> - </header> - <section class="entry-content"> - <p> - 2022-04-09 から 2022-04-11 にかけて開催された、PHPerKaigi 2022 に参加した。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2022-05-01">2022-05-01</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2022-04-24/term-banner-write-tool-showing-banner-in-terminal/"> - <header class="entry-header"> - <h2>term-banner: ターミナルにバナーを表示するツールを書いた</h2> - </header> - <section class="entry-content"> - <p> - ターミナルに任意の文字のバナーを表示するためのツールを Go で書いた。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2022-04-24">2022-04-24</time> 投稿、<time datetime="2022-04-27">2022-04-27</time> 更新 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2022-04-09/phperkaigi-2022-tokens/"> - <header class="entry-header"> - <h2>PHPerKaigi 2022 トークン問題の解説</h2> - </header> - <section class="entry-content"> - <p> - PHPerKaigi 2022 で私が作成した PHPer チャレンジ問題を解説する。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2022-04-09">2022-04-09</time> 投稿、<time datetime="2022-04-16">2022-04-16</time> 更新 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2021-10-02/cpp-you-can-use-keywords-in-attributes/"> - <header class="entry-header"> - <h2>【C++】 属性構文の属性名にはキーワードが使える</h2> - </header> - <section class="entry-content"> - <p> - C++ の属性構文の属性名には、キーワードが使える。ネタ記事。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2021-10-02">2021-10-02</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2021-10-02/python-unbound-local-error/"> - <header class="entry-header"> - <h2>【Python】 クロージャとUnboundLocalError: local variable 'x' referenced before assignment</h2> - </header> - <section class="entry-content"> - <p> - Python における UnboundLocalError の理由と対処法。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2021-10-02">2021-10-02</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2021-10-02/ruby-detect-running-implementation/"> - <header class="entry-header"> - <h2>【Ruby】 自身を実行している処理系の種類を判定する</h2> - </header> - <section class="entry-content"> - <p> - Ruby には複数の実装があるが、自身を実行している処理系の種類をスクリプト上からどのように判定すればよいだろうか。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2021-10-02">2021-10-02</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2021-10-02/ruby-then-keyword-and-case-in/"> - <header class="entry-header"> - <h2>【Ruby】 then キーワードと case in</h2> - </header> - <section class="entry-content"> - <p> - Ruby 3.0 で追加される case in 構文と、then キーワードについて。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2021-10-02">2021-10-02</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2021-10-02/rust-where-are-primitive-types-from/"> - <header class="entry-header"> - <h2>Rust のプリミティブ型はどこからやって来るか</h2> - </header> - <section class="entry-content"> - <p> - Rust のプリミティブ型は予約語ではなく普通の識別子である。どのようにこれが名前解決されるのかを調べた。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2021-10-02">2021-10-02</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2021-10-02/vim-difference-between-autocmd-bufwrite-and-bufwritepre/"> - <header class="entry-header"> - <h2>【Vim】 autocmd events の BufWrite/BufWritePre の違い</h2> - </header> - <section class="entry-content"> - <p> - Vim の autocmd events における BufWrite/BufWritePre がどう違うのかを調べた結果、違いはないことがわかった。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2021-10-02">2021-10-02</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2021-10-02/vim-swap-order-of-selected-lines/"> - <header class="entry-header"> - <h2>Vimで選択した行の順番を入れ替える</h2> - </header> - <section class="entry-content"> - <p> - Vim で選択した行の順番を入れ替える方法。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2021-10-02">2021-10-02</time> 投稿 - </footer> - </a> - </article> - <nav class="pagination"> - <div class="pagination-prev"> - <a href="/posts/4/">前のページ</a> - </div> - <div class="pagination-info"> - 5 / 6 - </div> - <div class="pagination-next"> - <a href="/posts/6/">次のページ</a> - </div> - </nav> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/6/index.html b/vhosts/blog/public/posts/6/index.html deleted file mode 100644 index 9fee169f..00000000 --- a/vhosts/blog/public/posts/6/index.html +++ /dev/null @@ -1,100 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2021 nsfisis"> - <meta name="description" content="投稿した記事の一覧 (6ページ目)"> - <meta property="og:type" content="article"> - <meta property="og:title" content="投稿一覧 (6ページ目)｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="投稿した記事の一覧 (6ページ目)"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="alternate" type="application/atom+xml" href="https://blog.nsfisis.dev/posts/atom.xml"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>投稿一覧 (6ページ目)｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="list"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <header class="page-header"> - <h1>投稿一覧 (6ページ目)</h1> - </header> - <nav class="pagination"> - <div class="pagination-prev"> - <a href="/posts/5/">前のページ</a> - </div> - <div class="pagination-info"> - 6 / 6 - </div> - <div class="pagination-next"> - </div> - </nav> - <article class="post-entry"> - <a href="/posts/2021-03-30/phperkaigi-2021/"> - <header class="entry-header"> - <h2>PHPerKaigi 2021</h2> - </header> - <section class="entry-content"> - <p> - 2021-03-26 から 2021-03-28 にかけて開催された、PHPerKaigi 2021 に参加した。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2021-03-30">2021-03-30</time> 投稿、<time datetime="2025-04-09">2025-04-09</time> 更新 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2021-03-05/my-first-post/"> - <header class="entry-header"> - <h2>My First Post</h2> - </header> - <section class="entry-content"> - <p> - これはテスト投稿です。これはテスト投稿です。これはテスト投稿です。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2021-03-05">2021-03-05</time> 投稿、<time datetime="2025-05-12">2025-05-12</time> 更新 - </footer> - </a> - </article> - <nav class="pagination"> - <div class="pagination-prev"> - <a href="/posts/5/">前のページ</a> - </div> - <div class="pagination-info"> - 6 / 6 - </div> - <div class="pagination-next"> - </div> - </nav> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> diff --git a/vhosts/blog/public/posts/atom.xml b/vhosts/blog/public/posts/atom.xml deleted file mode 100644 index 8ffa9d26..00000000 --- a/vhosts/blog/public/posts/atom.xml +++ /dev/null @@ -1,427 +0,0 @@ -<?xml version="1.0" encoding="utf-8"?> -<feed xmlns="http://www.w3.org/2005/Atom"> - <id>tag:blog.nsfisis.dev,2021:posts</id> - <title>投稿一覧｜REPL: Rest-Eat-Program Loop</title> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/"></link> - <link rel="self" href="https://blog.nsfisis.dev/posts/atom.xml"></link> - <author> - <name>nsfisis</name> - </author> - <updated>2025-06-15T00:00:00+09:00</updated> - <entry> - <id>urn:uuid:127019eb-e83f-4c9e-ab54-2021124f1bbb</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2025-06-14/baba-is-you/"></link> - <title>最高のパズルゲーム Baba Is You をやれ</title> - <summary>Baba Is You という最高のパズルゲームをクリアした。是非プレイしてほしい。</summary> - <published>2025-06-14T00:00:00+09:00</published> - <updated>2025-06-15T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:64f5e1a6-2f5c-4d5d-b1c8-8346a66c1d40</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2025-05-05/make-tiny-self-hosted-c-compiler/"></link> - <title>セルフホスト可能な C コンパイラを作った</title> - <summary>ゴールデンウィークを使って、セルフホストできる C コンパイラを開発した</summary> - <published>2025-05-05T00:00:00+09:00</published> - <updated>2025-05-05T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:087e98f2-743c-48d8-9f67-e9b57e354845</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2025-04-24/composer-patches-v2-does-not-require-gnu-patch-even-on-macos/"></link> - <title>【Composer】 composer-patches v2 では macOS でも GNU patch のインストールが不要になる (予定)</title> - <summary>composer-patches は BSD patch に対応しておらず、一部のパッチの適用に失敗する。現在ベータ版である v2 では patch コマンドに依存しなくなり、macOS で使うときのストレスが解消される見込み。</summary> - <published>2025-04-24T00:00:00+09:00</published> - <updated>2025-04-24T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:039b3dff-3b75-46b7-a731-9a3a0ff8e21f</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2025-04-20/trick-2025-most-ruby-on-ruby-award/"></link> - <title>RubyKaigi 2025 の TRICK で入賞した</title> - <summary>RubyKaigi 2025 で開催された TRICK において、『最もRuby on Ruby賞』として審査員賞をいただいた。</summary> - <published>2025-04-20T00:00:00+09:00</published> - <updated>2025-04-20T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:046e4412-bee8-4ffe-9876-6cbeaa0caf6b</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2025-03-28/http-1-1-send-multiple-same-headers/"></link> - <title>【HTTP】HTTP/1.1 で同じヘッダを2回送るとどうなるか</title> - <summary>HTTP/1.1 で同じヘッダを2回送ったときの挙動について仕様を読んでまとめた。</summary> - <published>2025-03-28T00:00:00+09:00</published> - <updated>2025-03-28T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:99111377-27e7-427b-9dc5-a23f621fa826</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2025-03-27/zip-function-like-command-paste-command/"></link> - <title>zip 関数のようなコマンド paste</title> - <summary>zip 関数のような動きをする paste コマンドについてのメモ。</summary> - <published>2025-03-27T00:00:00+09:00</published> - <updated>2025-03-27T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:13174dc7-c1a3-465f-9ba6-14f0bc6f5961</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2025-02-24/phpcon-nagoya-2025-report/"></link> - <title>PHP カンファレンス名古屋 2025 参加レポ</title> - <summary>2025-02-22 に開催された、PHP カンファレンス名古屋 2025 に参加した。</summary> - <published>2025-02-24T00:00:00+09:00</published> - <updated>2025-02-24T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:da2a0cec-74b3-4c5e-b2a2-47fe79ef49f9</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2025-01-26/yaml-breaking-changes-between-v1-1-and-v1-2/"></link> - <title>【YAML】YAML 1.1 と YAML 1.2 の主な破壊的変更</title> - <summary>データ記述言語 YAML におけるバージョン 1.1 と 1.2 の主な破壊的変更をまとめた。</summary> - <published>2025-01-26T00:00:00+09:00</published> - <updated>2025-01-26T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:ce8f20e8-c79f-48f8-982d-53edd4d20483</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2025-01-08/phperkaigi-2023-tokens-q1/"></link> - <title>PHPerKaigi 2023 トークン問題解説 (1/5)</title> - <summary>PHPerKaigi 2023 でデジタルサーカス株式会社から出題した問題を解説する。全5問中の第1問。</summary> - <published>2025-01-08T00:00:00+09:00</published> - <updated>2025-01-11T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:d7f98354-83fc-4cf1-8769-2784f0ebb6c8</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2024-12-33/2024-reflections/"></link> - <title>2024年の振り返り</title> - <summary>2024年にやったことを振り返る</summary> - <published>2025-01-02T00:00:00+09:00</published> - <updated>2025-01-02T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:ea0593d3-691c-4e08-8db4-98b8925717ec</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2024-12-04/cohackpp-report/"></link> - <title>紅白ぺぱ合戦に参加&LTしました</title> - <summary>2024-11-30 に開催された紅白ぺぱ合戦に参加し、ぺ陣営のメンバとして LT しました。</summary> - <published>2024-12-04T00:00:00+09:00</published> - <updated>2024-12-05T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:ee7289ee-ff2e-439d-b343-7f87504192fd</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2024-09-28/mncore-challenge-1/"></link> - <title>MN-Core Challenge #1 参加レポ</title> - <summary>2024-08-28 から 2024-09-24 にかけて開催された MN-Core Challenge #1 に参加した。</summary> - <published>2024-09-28T00:00:00+09:00</published> - <updated>2024-09-28T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:eed112e4-3227-4b3f-9991-7e11c288ee2b</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2024-08-19/go-template-access-outer-scope-pipeline-within-with-or-range/"></link> - <title>【Go】 text/template の with や range の内側から外側の "." にアクセスする</title> - <summary>Go言語の text/template における with や range は "." を上書きする。これらの内側から外側の "." にアクセスする方法を調べた。</summary> - <published>2024-08-19T00:00:00+09:00</published> - <updated>2024-08-19T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:222488dd-cf07-4961-83aa-a014b05369ff</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2024-07-19/reparojson-fix-only-json-formatter/"></link> - <title>reparojson: 文法エラーを直すだけの JSON フォーマッタを作った</title> - <summary>文法エラーだけを直し、空白の削除や挿入といった整形処理を一切おこなわない JSON フォーマッタを作成した。Neovim と連携させる設定例も紹介する。</summary> - <published>2024-07-19T00:00:00+09:00</published> - <updated>2024-07-19T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:8d6f3690-3da3-4235-a81b-b9707cee22ad</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2024-06-19/scalamatsuri-2024-report/"></link> - <title>ScalaMatsuri 2024 参加レポ</title> - <summary>2024-06-08 から 2024-06-09 にかけて開催された、ScalaMatsuri 2024 に参加した。</summary> - <published>2024-06-19T00:00:00+09:00</published> - <updated>2024-06-19T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:f13aa9d6-4533-4a15-872a-c298ab2090db</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2024-05-11/phpconkagawa-2024-report/"></link> - <title>PHP カンファレンス香川 2024 参加レポ</title> - <summary>2024-05-11 に開催された、PHP カンファレンス香川 2024 に参加した。</summary> - <published>2024-05-11T00:00:00+09:00</published> - <updated>2024-05-11T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:9b26c1ed-45c3-4cad-9476-cbf2cf2e4de7</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2024-04-29/zsh-file-completion-for-composer-custom-commands/"></link> - <title>【Zsh】 Composer のカスタムコマンドに対する Zsh 補完で引数にファイルを補完させる</title> - <summary>Zsh の Composer に対する補完はカスタムコマンドやその引数を補完しない。カスタムコマンドの引数としてファイルを補完させる方法を調べた。</summary> - <published>2024-04-29T00:00:00+09:00</published> - <updated>2024-04-29T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:a4c326a6-5ffe-450c-abf2-45833c5efb6a</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2024-04-21/pipefail-option-in-gitlab-ci-cd/"></link> - <title>【GitLab】 GitLab CI/CD 上での bash/sh は pipefail が有効になっている</title> - <summary>GitLab CI/CD で bash/sh スクリプトを動かすと、pipefail オプションが有効になった状態で実行される。</summary> - <published>2024-04-21T00:00:00+09:00</published> - <updated>2024-04-21T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:be9c896d-7efa-42dd-a50a-dda5fd3a7f5c</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2024-04-14/phpcon-odawara-2024-report/"></link> - <title>PHP カンファレンス小田原 2024 参加レポ</title> - <summary>2024-04-13 に開催された、PHP カンファレンス小田原 2024 に参加した。</summary> - <published>2024-04-14T00:00:00+09:00</published> - <updated>2024-06-01T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:6b749793-c760-4597-8a4c-b32d027b7585</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2024-03-20/my-bucket-list/"></link> - <title>死ぬまでに作る自作○○一覧あるいは人生の TODO リスト</title> - <summary>駄文</summary> - <published>2024-03-20T00:00:00+09:00</published> - <updated>2024-04-07T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:750be5c8-ca52-4cbd-86fe-5645b06bde95</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2024-03-17/phperkaigi-2024-report/"></link> - <title>PHPerKaigi 2024 参加レポ</title> - <summary>2024-03-07 から 2024-03-09 にかけて開催された、PHPerKaigi 2024 に参加した。</summary> - <published>2024-03-17T00:00:00+09:00</published> - <updated>2024-07-07T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:fd8fcb03-8e4d-4ca7-8499-0674accc51a9</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2024-02-22/phpkansai-2024-report/"></link> - <title>PHPカンファレンス関西 2024 参加レポ</title> - <summary>2024-02-11 に開催された、PHPカンファレンス関西 2024 に参加した。</summary> - <published>2024-02-21T00:00:00+09:00</published> - <updated>2024-02-21T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:230a0048-93c0-4aac-91ef-bb3108f3e587</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2024-02-10/yapcjapan-2024-report/"></link> - <title>YAPC::Hiroshima 2024 参加レポ</title> - <summary>2024-02-10 に開催された、YAPC::Hiroshima 2024 に参加した。</summary> - <published>2024-02-10T00:00:00+09:00</published> - <updated>2024-02-10T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:210673d0-c19e-4195-a280-968a0729dd41</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2024-02-03/install-wireguard-on-personal-server/"></link> - <title>【備忘録】 個人用サーバに WireGuard を導入する</title> - <summary>個人用サービスのセルフホストに使っているサーバに WireGuard を導入する作業をしたメモ</summary> - <published>2024-02-03T00:00:00+09:00</published> - <updated>2024-02-17T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:05cb16e1-05bc-4359-bc06-88ac20510740</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2024-01-10/neovim-insert-namespace-declaration-to-empty-php-file/"></link> - <title>【Neovim】 空の PHP ファイルに namespace 宣言を挿入する</title> - <summary>Neovim で空の PHP ファイルを開いたとき、ディレクトリの構造に基づいて自動的に namespace 宣言を挿入するようにする。</summary> - <published>2024-01-10T00:00:00+09:00</published> - <updated>2024-01-10T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:bfdeed72-dd32-4d55-887f-ba004701ff4c</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2023-12-31/2023-reflections/"></link> - <title>2023年の振り返り</title> - <summary>2023年にやったことを振り返る</summary> - <published>2023-12-31T00:00:00+09:00</published> - <updated>2023-12-31T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:d0c404bb-4700-4a6f-9911-621e9872d8c6</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2023-12-03/isucon-13/"></link> - <title>ISUCON 13 に参加した</title> - <summary>ISUCON 13 に参加した。チーム名「うつしもゆ」、最終スコア 13,580 点</summary> - <published>2023-12-03T00:00:00+09:00</published> - <updated>2023-12-03T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:78419bf2-a1e6-421f-875b-3d93e777b04f</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2023-10-13/i-entered-the-open-university-of-japan/"></link> - <title>放送大学に入学しました</title> - <summary>放送大学に入学しました。頑張ります。</summary> - <published>2023-10-13T00:00:00+09:00</published> - <updated>2023-10-13T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:0ed1ccc8-d437-481c-8cca-2131ce800cc0</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2023-10-02/compile-php-runtime-to-wasm/"></link> - <title>PHP の処理系を Emscripten で WebAssembly にコンパイルする</title> - <summary>PHP の処理系 (php/php-src) を Emscripten で WebAssembly にコンパイルし、任意のコードを隔離された環境で評価できるようにした。</summary> - <published>2023-10-02T00:00:00+09:00</published> - <updated>2025-04-23T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:e1568c4c-9bdd-47b9-8b39-939ade4f3ba0</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2023-06-25/phpconfuk-2023-report/"></link> - <title>PHP カンファレンス福岡 2023 参加レポ</title> - <summary>2023-06-24 に開催された、PHP カンファレンス福岡に参加した。</summary> - <published>2023-06-25T00:00:00+09:00</published> - <updated>2023-06-25T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:21ce39f0-d613-45f2-a760-89c368892d77</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2023-04-04/phperkaigi-2023-report/"></link> - <title>PHPerKaigi 2023 参加レポ</title> - <summary>2023-03-23 から 2023-03-25 にかけて開催された、PHPerKaigi 2023 に参加した。</summary> - <published>2023-04-04T00:00:00+09:00</published> - <updated>2023-06-28T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:ed36e185-5bfa-42e1-8358-0b1da9b0a063</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2023-04-01/implementation-of-minimal-png-image-encoder/"></link> - <title>PNG 画像の最小構成エンコーダを実装する</title> - <summary>PNG 画像として valid な範囲で最大限手抜きしたエンコーダを書く。</summary> - <published>2023-04-01T00:00:00+09:00</published> - <updated>2023-04-01T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:12512894-05d8-42c6-950e-8f5d60f984d8</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2023-03-10/rewrite-this-blog-generator/"></link> - <title>このブログのジェネレータを書き直した</title> - <summary>このブログのジェネレータを書き直したので、やったことを書き記しておく。</summary> - <published>2023-03-10T00:00:00+09:00</published> - <updated>2023-03-10T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:89722cfb-7f4b-4e96-80bc-e0096e5eeef6</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2023-01-10/phperkaigi-2023-unused-token-quiz-3/"></link> - <title>PHPerKaigi 2023: ボツになったトークン問題 その 3</title> - <summary>来年の PHPerKaigi 2023 でデジタルサーカス株式会社から出題予定のトークン問題のうち、ボツになった問題を公開する (その 3)。</summary> - <published>2023-01-10T00:00:00+09:00</published> - <updated>2023-01-10T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:10fe9c47-7029-4874-82bd-b4dc50e07809</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2022-11-19/phperkaigi-2023-unused-token-quiz-2/"></link> - <title>PHPerKaigi 2023: ボツになったトークン問題 その 2</title> - <summary>来年の PHPerKaigi 2023 でデジタルサーカス株式会社から出題予定のトークン問題のうち、ボツになった問題を公開する (その 2)。</summary> - <published>2022-11-19T00:00:00+09:00</published> - <updated>2022-11-19T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:673cb872-af2d-41a3-9fb0-60f1afcedb0d</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2022-10-28/setup-server-for-this-site/"></link> - <title>【備忘録】 このサイト用の VPS をセットアップしたときのメモ</title> - <summary>GitHub Pages でホストしていたこのサイトを VPS へ移行したので、そのときにやったことのメモ。99 % 自分用。</summary> - <published>2022-10-28T00:00:00+09:00</published> - <updated>2023-08-30T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:46e0d5db-b17e-464c-a723-8c3e01af7d1d</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2022-10-23/phperkaigi-2023-unused-token-quiz-1/"></link> - <title>PHPerKaigi 2023: ボツになったトークン問題 その 1</title> - <summary>来年の PHPerKaigi 2023 でデジタルサーカス株式会社から出題予定のトークン問題のうち、ボツになった問題を公開する (その 1)。</summary> - <published>2022-10-23T00:00:00+09:00</published> - <updated>2022-10-23T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:42f0b29b-1e44-4dbe-9864-69abe3bb1e6e</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2022-09-29/write-fizzbuzz-in-php-2-letters-per-line/"></link> - <title>【PHP】 fizzbuzz を書く。1行あたり2文字で。</title> - <summary>PHP で fizzbuzz を書いた。ただし、1行あたりに使える文字数は2文字まで。</summary> - <published>2022-09-28T00:00:00+09:00</published> - <updated>2022-09-29T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:cd16debe-8077-4edf-aec0-b1d45955a0e2</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2022-08-31/support-for-communty-is-employee-benefits/"></link> - <title>弊社の PHP Foundation への寄付に寄せて</title> - <summary>先日、私の勤めるデジタルサーカス株式会社が、PHP Foundation へ寄付をおこないました。本件を社内でしつこく推進した1人として、推進の理由等を書き残しておきます。</summary> - <published>2022-08-31T00:00:00+09:00</published> - <updated>2022-08-31T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:bb71bb5d-361b-44cb-9753-81d14583d860</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2022-08-27/php-conference-okinawa-code-golf/"></link> - <title>PHP カンファレンス沖縄で出題されたコードゴルフの問題を解いてみた</title> - <summary>PHP カンファレンス沖縄の懇親会 LT で出題されたコードゴルフの問題を解いてみた。</summary> - <published>2022-08-27T00:00:00+09:00</published> - <updated>2022-08-27T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:9211e1fe-bca3-43c4-ba4e-c67d62f3fed0</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2022-05-01/phperkaigi-2022/"></link> - <title>PHPerKaigi 2022</title> - <summary>2022-04-09 から 2022-04-11 にかけて開催された、PHPerKaigi 2022 に参加した。</summary> - <published>2022-05-01T00:00:00+09:00</published> - <updated>2022-05-01T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:42cf2829-b897-4748-bc22-80dd734a3c09</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2022-04-24/term-banner-write-tool-showing-banner-in-terminal/"></link> - <title>term-banner: ターミナルにバナーを表示するツールを書いた</title> - <summary>ターミナルに任意の文字のバナーを表示するためのツールを Go で書いた。</summary> - <published>2022-04-24T00:00:00+09:00</published> - <updated>2022-04-27T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:f4985d54-0907-4449-8101-0fcd382f9e02</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2022-04-09/phperkaigi-2022-tokens/"></link> - <title>PHPerKaigi 2022 トークン問題の解説</title> - <summary>PHPerKaigi 2022 で私が作成した PHPer チャレンジ問題を解説する。</summary> - <published>2022-04-09T00:00:00+09:00</published> - <updated>2022-04-16T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:69863d75-ef21-42db-b743-5958f7c86827</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2021-10-02/cpp-you-can-use-keywords-in-attributes/"></link> - <title>【C++】 属性構文の属性名にはキーワードが使える</title> - <summary>C++ の属性構文の属性名には、キーワードが使える。ネタ記事。</summary> - <published>2021-10-02T00:00:00+09:00</published> - <updated>2021-10-02T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:e1aff84c-d6d4-4dea-bc45-9c41e6445006</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2021-10-02/python-unbound-local-error/"></link> - <title>【Python】 クロージャとUnboundLocalError: local variable 'x' referenced before assignment</title> - <summary>Python における UnboundLocalError の理由と対処法。</summary> - <published>2021-10-02T00:00:00+09:00</published> - <updated>2021-10-02T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:e1456a50-4fc6-42ef-89f3-8be78e01da13</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2021-10-02/ruby-detect-running-implementation/"></link> - <title>【Ruby】 自身を実行している処理系の種類を判定する</title> - <summary>Ruby には複数の実装があるが、自身を実行している処理系の種類をスクリプト上からどのように判定すればよいだろうか。</summary> - <published>2021-10-02T00:00:00+09:00</published> - <updated>2021-10-02T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:87455008-fe5b-49bf-af5a-b875264f8326</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2021-10-02/ruby-then-keyword-and-case-in/"></link> - <title>【Ruby】 then キーワードと case in</title> - <summary>Ruby 3.0 で追加される case in 構文と、then キーワードについて。</summary> - <published>2021-10-02T00:00:00+09:00</published> - <updated>2021-10-02T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:91c61980-c262-4e8d-89b0-4304e7f6d644</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2021-10-02/rust-where-are-primitive-types-from/"></link> - <title>Rust のプリミティブ型はどこからやって来るか</title> - <summary>Rust のプリミティブ型は予約語ではなく普通の識別子である。どのようにこれが名前解決されるのかを調べた。</summary> - <published>2021-10-02T00:00:00+09:00</published> - <updated>2021-10-02T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:44171f75-c312-4c92-9927-3d260e162175</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2021-10-02/vim-difference-between-autocmd-bufwrite-and-bufwritepre/"></link> - <title>【Vim】 autocmd events の BufWrite/BufWritePre の違い</title> - <summary>Vim の autocmd events における BufWrite/BufWritePre がどう違うのかを調べた結果、違いはないことがわかった。</summary> - <published>2021-10-02T00:00:00+09:00</published> - <updated>2021-10-02T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:665de47e-0ed6-405e-ad30-81c3c4592d45</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2021-10-02/vim-swap-order-of-selected-lines/"></link> - <title>Vimで選択した行の順番を入れ替える</title> - <summary>Vim で選択した行の順番を入れ替える方法。</summary> - <published>2021-10-02T00:00:00+09:00</published> - <updated>2021-10-02T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:3fbe0b8c-216e-48f6-b905-c0d361b94542</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2021-03-30/phperkaigi-2021/"></link> - <title>PHPerKaigi 2021</title> - <summary>2021-03-26 から 2021-03-28 にかけて開催された、PHPerKaigi 2021 に参加した。</summary> - <published>2021-03-30T00:00:00+09:00</published> - <updated>2025-04-09T00:00:00+09:00</updated> - </entry> - <entry> - <id>urn:uuid:6e9c71fd-bc8d-43ce-99c5-13d9f5b87ed2</id> - <link rel="alternate" href="https://blog.nsfisis.dev/posts/2021-03-05/my-first-post/"></link> - <title>My First Post</title> - <summary>これはテスト投稿です。これはテスト投稿です。これはテスト投稿です。</summary> - <published>2021-03-05T00:00:00+09:00</published> - <updated>2025-05-12T00:00:00+09:00</updated> - </entry> -</feed> diff --git a/vhosts/blog/public/posts/index.html b/vhosts/blog/public/posts/index.html deleted file mode 100644 index 7b6ff6c7..00000000 --- a/vhosts/blog/public/posts/index.html +++ /dev/null @@ -1,220 +0,0 @@ -<!DOCTYPE html> -<html lang="ja-JP"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="author" content="nsfisis"> - <meta name="copyright" content="© 2021 nsfisis"> - <meta name="description" content="投稿した記事の一覧 (1ページ目)"> - <meta property="og:type" content="article"> - <meta property="og:title" content="投稿一覧 (1ページ目)｜REPL: Rest-Eat-Program Loop"> - <meta property="og:description" content="投稿した記事の一覧 (1ページ目)"> - <meta property="og:site_name" content="REPL: Rest-Eat-Program Loop"> - <meta property="og:locale" content="ja_JP"> - <link rel="alternate" type="application/atom+xml" href="https://blog.nsfisis.dev/posts/atom.xml"> - <link rel="icon" type="image/svg+xml" href="/favicon.svg"> - <title>投稿一覧 (1ページ目)｜REPL: Rest-Eat-Program Loop</title> - <link rel="stylesheet" href="/style.css?h=9513229b52eb2041b99ba1b959305633"> - </head> - <body class="list"> - <header class="header"> - <div class="site-logo"> - <a href="/">REPL: Rest-Eat-Program Loop</a> - </div> - <nav class="nav"> - <ul> - <li> - <a href="/about/">About</a> - </li> - <li> - <a href="/posts/">Posts</a> - </li> - <li> - <a href="/slides/">Slides</a> - </li> - <li> - <a href="/tags/">Tags</a> - </li> - </ul> - </nav> - </header> - <main class="main"> - <header class="page-header"> - <h1>投稿一覧 (1ページ目)</h1> - </header> - <nav class="pagination"> - <div class="pagination-prev"> - </div> - <div class="pagination-info"> - 1 / 6 - </div> - <div class="pagination-next"> - <a href="/posts/2/">次のページ</a> - </div> - </nav> - <article class="post-entry"> - <a href="/posts/2025-06-14/baba-is-you/"> - <header class="entry-header"> - <h2>最高のパズルゲーム Baba Is You をやれ</h2> - </header> - <section class="entry-content"> - <p> - Baba Is You という最高のパズルゲームをクリアした。是非プレイしてほしい。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2025-06-14">2025-06-14</time> 投稿、<time datetime="2025-06-15">2025-06-15</time> 更新 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2025-05-05/make-tiny-self-hosted-c-compiler/"> - <header class="entry-header"> - <h2>セルフホスト可能な C コンパイラを作った</h2> - </header> - <section class="entry-content"> - <p> - ゴールデンウィークを使って、セルフホストできる C コンパイラを開発した - </p> - </section> - <footer class="entry-footer"> - <time datetime="2025-05-05">2025-05-05</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2025-04-24/composer-patches-v2-does-not-require-gnu-patch-even-on-macos/"> - <header class="entry-header"> - <h2>【Composer】 composer-patches v2 では macOS でも GNU patch のインストールが不要になる (予定)</h2> - </header> - <section class="entry-content"> - <p> - composer-patches は BSD patch に対応しておらず、一部のパッチの適用に失敗する。現在ベータ版である v2 では patch コマンドに依存しなくなり、macOS で使うときのストレスが解消される見込み。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2025-04-24">2025-04-24</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2025-04-20/trick-2025-most-ruby-on-ruby-award/"> - <header class="entry-header"> - <h2>RubyKaigi 2025 の TRICK で入賞した</h2> - </header> - <section class="entry-content"> - <p> - RubyKaigi 2025 で開催された TRICK において、『最もRuby on Ruby賞』として審査員賞をいただいた。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2025-04-20">2025-04-20</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2025-03-28/http-1-1-send-multiple-same-headers/"> - <header class="entry-header"> - <h2>【HTTP】HTTP/1.1 で同じヘッダを2回送るとどうなるか</h2> - </header> - <section class="entry-content"> - <p> - HTTP/1.1 で同じヘッダを2回送ったときの挙動について仕様を読んでまとめた。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2025-03-28">2025-03-28</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2025-03-27/zip-function-like-command-paste-command/"> - <header class="entry-header"> - <h2>zip 関数のようなコマンド paste</h2> - </header> - <section class="entry-content"> - <p> - zip 関数のような動きをする paste コマンドについてのメモ。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2025-03-27">2025-03-27</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2025-02-24/phpcon-nagoya-2025-report/"> - <header class="entry-header"> - <h2>PHP カンファレンス名古屋 2025 参加レポ</h2> - </header> - <section class="entry-content"> - <p> - 2025-02-22 に開催された、PHP カンファレンス名古屋 2025 に参加した。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2025-02-24">2025-02-24</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2025-01-26/yaml-breaking-changes-between-v1-1-and-v1-2/"> - <header class="entry-header"> - <h2>【YAML】YAML 1.1 と YAML 1.2 の主な破壊的変更</h2> - </header> - <section class="entry-content"> - <p> - データ記述言語 YAML におけるバージョン 1.1 と 1.2 の主な破壊的変更をまとめた。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2025-01-26">2025-01-26</time> 投稿 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2025-01-08/phperkaigi-2023-tokens-q1/"> - <header class="entry-header"> - <h2>PHPerKaigi 2023 トークン問題解説 (1/5)</h2> - </header> - <section class="entry-content"> - <p> - PHPerKaigi 2023 でデジタルサーカス株式会社から出題した問題を解説する。全5問中の第1問。 - </p> - </section> - <footer class="entry-footer"> - <time datetime="2025-01-08">2025-01-08</time> 投稿、<time datetime="2025-01-11">2025-01-11</time> 更新 - </footer> - </a> - </article> - <article class="post-entry"> - <a href="/posts/2024-12-33/2024-reflections/"> - <header class="entry-header"> - <h2>2024年の振り返り</h2> - </header> - <section class="entry-content"> - <p> - 2024年にやったことを振り返る - </p> - </section> - <footer class="entry-footer"> - <time datetime="2025-01-02">2025-01-02</time> 投稿 - </footer> - </a> - </article> - <nav class="pagination"> - <div class="pagination-prev"> - </div> - <div class="pagination-info"> - 1 / 6 - </div> - <div class="pagination-next"> - <a href="/posts/2/">次のページ</a> - </div> - </nav> - </main> - <footer class="footer"> - © 2021 nsfisis - </footer> - </body> -</html> |
