Google Search Consoleに追加された新たな指標値 Google Search Consoleに新たな指標が追加されました。すべて、ウェブに関する主な指標レポートに記載の通りです。必ずしも早急な対処が必要なものではありません。ただし、これらの指標に対応することで、必然的にUI/UXの向上が期待できます。 LCP (Largest Contentful Paint) FID (Fist Input Delay) CLS (Cumulative Layout Shift) LCP (Largest Contentful...
CSSフレームワークの「Bulma: Free, open source, and modern CSS framework based on Flexbox」のcolumnsクラスの挙動がおかしい、というお話です。 Columns responsivenessは、Flexboxをベースとしたレスポンシブなレイアウトを簡単に定義できます。ところが、以下のシンプルなコードをみてください。 <html> <body> <div class="columns is-desktop"> <div class="column">1</div> <div class="column">2</div>...
PythonのパッケージをPyPIからインストールする際に用いるpipコマンドで、よくある警告を抑止する方法です。 例えば、現在アクティブな環境にインストールされているパッケージ一覧を表示した際にも表示されます。pip listを実行してみます。 Package Version ---------- ------- pip 19.2.3 setuptools 41.2.0 WARNING: You are using pip version 19.2.3, however version 20.1 is available. You should consider upgrading via the 'pip install --upgrade...
VS CodeでPython - Visual Studio Marketplaceの拡張機能を使用すると、Pythonで記述されたプログラムのデバッグや、Jupyter Notebook環境をVS Codeで実行できて大変重宝します。たまに、このJupyter Notebookが、以下のエラーにより起動しなくなったことがあったため、そ...
VS Codeのチュートリアルを試してみました。事前に、Python、Dockerの拡張機能をインストールしておく必要があります。なお、Django、Flaskに関する説明は本記事にはありません。 Python - Visual Studio Marketplace Docker - Visual Studio Marketplace 環境 試した環境は以下の通りです。 $ sw_vers ProductName: Mac OS X ProductVersion: 10.15.3 BuildVersion: 19D76 また、pythonはHomebrew...
スクリーンショットを撮影した際に右下に表示される、サムネールを非表示にする方法をご紹介します。スクリーンショットを保存する前に、注釈やテキストを付け加えてマークアップしたり、誰かに共有するには便利な機能ですが、即座に保存したい場合には少し邪魔な機能です。 「スクリーンショット.app」のオプションで変...
撮影したスクリーンショットを、ブログ等の用途で掲載したいことがあります。取得したスクリーンショットをそのままアップロードするとサイズが大きく、閲覧者の負担やWebページの表示に時間がかかります。アップロードの事前に、画像を圧縮してファイルサイズを小さくしておくことが推奨されます。 多数の画像圧縮ツール...
Hugo | Netlify CMS | Open-Source Content Management Systemに沿って構築した、Netlify CMSのテンプレートを、Page Bundles | Hugoに対応させる方法です。 最終的なディレクトリ構成は以下の通りです。Page Bundlesに無関係な項目は割愛、一部名称の変更を行っています。 . ├── archetypes ├── assets ├── config.yml ├── content │ ├── posts │ │ └── 2020 │...