著者は、Microsoftの新しいターミナルテキストエディタであるEditのDockerイメージを作成し、GitHub Container Registryに公開するプロセスを詳細に説明しています。Apple Silicon向けの公式ビルドがないため、著者はaarch64-linux-gnu版をMacで実行するためにDockerコンテナを作成しました。この記事では、サイズを最小限に抑えるためのマルチステージDockerイメージの構築、イメージをプッシュするためのGitHub Personal Access Tokenの使用、Apple Silicon MacとDockerを持つユーザーがEditを実行するための簡単なコマンドについて説明しています。
続きを読む
この記事では、GitHub ActionsとGitHub Pagesを使って完全にカスタム化されたウェブサイトを構築およびデプロイするための最小限のアプローチについて説明します。GitHub Pagesを有効にし、ビルドとデプロイの手順を含むYAMLワークフローファイル（publish.yml）を作成し、生成されたウェブサイトファイルを`_site/`ディレクトリに配置することで、静的ウェブサイトを簡単にデプロイできます。このシンプルな方法は、スケジュールされたワークフローとGitスクレイピングを使用して、Atomフィードの公開やカスタムウェブサイトの作成など、より複雑な機能を作成することを可能にし、大規模な設定は必要ありません。
続きを読む
著者は、サイドパネルを作成するためにHTMLの``要素を使用している際に、高さの問題に遭遇しました。下部に隙間ができてしまい、全画面の高さを占有できませんでした。デバッグプロセスには、ClaudeやChatGPTなどのAIツールへの相談など、様々な方法が含まれていました。原因は、``要素に適用されたChromeのデフォルトスタイル`max-height: calc(100% - 2em - 6px);`でした。`max-height: inherit`または`max-height: 100vh`を追加することで問題が解決しました。さらにHTML仕様を詳しく調べたところ、このデフォルトスタイルは以前のバグを修正するために追加されたことが分かり、Web標準の絶え間ない進化が強調されました。
続きを読む