Webエンジニアのブログ

Pythonプログラムなどで何かの作業を自動化する時には、コマンド操作でファイルを実行していくことになりますが、バッチファイルを用意しておくとコマンド操作の手間を省くこともできます。ここでは、WindowsやMacのバッチファイル（シェルス...
続きを読む>>

CSSでのスタイルの調整には様々な方法がありますが、Webブラウザのサポートが進むコンテナスタイルクエリ（Container Style Queries）も、新しい記法として使えそうです。コンテナスタイルクエリで親要素のスタイルに基づいて定...
続きを読む>>

Pythonの開発はライブラリを使っていくことが多いので、開発に必要なライブラリをインストールしたり、複数のライブラリを管理していくことはよくあります。ここでは、Pythonのライブラリをインストールする方法についてご紹介します。...
続きを読む>>

Python開発を進めていく中で、セキュリティ面での向上や利用できる構文や機能が新しく追加されたりするので、より最新のバージョンを利用していきたいところです。ここでは、WindowsやMacで最新バージョンのPythonを利用する方法から、...
続きを読む>>

Webページのコンテンツで関心を引かせたり効果的に情報を伝える場合には、そのコンテンツを強調させることが必要になります。CSSでは様々なアニメーション関連のプロパティを使うことで、CSSのみでWebページのスクロール時に関心を引かせたいテキ...
続きを読む>>

WebブラウザのSafari 17.4から、type属性がcheckboxのinput要素にswitch属性を指定することで、簡単にスイッチUIを実装することができます。ここでは、switch属性を適応させたスイッチUIの実装と、デザインの...
続きを読む>>

PHPでユーザーが利用しているデバイスを判別して処理を切り分ける場合は、スーパーグローバル変数を利用して情報を取得して処理をします。ここでは、PHPでのユーザーのデバイス判別を、これまでのHTTP_USER_AGENTとUser-Agent...
続きを読む>>

Web制作では必要に応じて、WindowsやMac、iPhone、iPad、Androidなど、ユーザーが利用するデバイスを判別して処理を切り分けることもあります。ここでは、userAgent（UA）とUser-Agent Client H...
続きを読む>>

共有ボタンの設置は、ボタンのデザインがある程度決まっているプラグインを利用する方法などいろいろありますが、Webサイトのデザインにあった共有ボタンを設置したい場合は、自作できてカスタマイズが可能な方法がいいでしょう。ここではThreadsや...
続きを読む>>

Blueskyでは、Web版で埋め込み機能が実装されており、対象の投稿をWebページに埋め込むことができます。ここでは、Blueskyのポスト（投稿）をWebページに埋め込む方法を、レスポンシブWebデザインに対応する方法と合わせてご紹介し...
続きを読む>>