Webエンジニアのブログ

Python開発を始める時に、毎回手動でsourceコマンドを実行して仮想環境（venv）をアクティベートする作業は、意外と手間だったりします。多くのPython開発者に愛用されている統合開発環境であるVisual Studio Code（...
続きを読む>>

Pythonのpipコマンドが見つからない問題からvenvを使った仮想環境の構築まで、開発環境の推奨される最適な構築手順をOSに合わせてご紹介します。仮想環境 (venv) の利用はPython 3.11以降、OSの種類に関わらずPytho...
続きを読む>>

PythonでJSONデータをExcelのテーブル形式に変換する効率的な方法を紹介します。特に、データ操作に優れたPandasライブラリを活用することで、複雑なJSON構造も簡単にフラットな表データとしてExcelに出力できます。...
続きを読む>>

Padletのスクリーンレコーダー機能を使うことで、PadletのウィンドウからWebブラウザの別タブ、また別ウィンドウで別で起動しているアプリケーションやPCの全画面など、様々な画面を録画することができ、録画した動画をPadletのコンテ...
続きを読む>>

Web制作では、必要に応じてテーマカラーに合わせてWebデザインを作っていくこともありますが、Webサイトの作りによっては、JavaScriptでダークモードとライトモードの切り替えを行う必要も出てきます。JavaScriptではmatch...
続きを読む>>

何らかのシステムの情報を業務で扱う中で、構造化されたJSONデータをExcelのテーブルで管理したい時があります。Excelに標準搭載されているPower Queryを使うことで、構造化されたJSONデータをテーブル形式に変換（フラット化）...
続きを読む>>

Chrome 137のバージョンから、if()関数がサポートされ、CSSにおける条件分岐が可能となりました。 これまでJavaScriptを使ったり、複雑なセレクタを駆使したりして実現していたスタイルの動的な切り替えが、これからはCSSだけ...
続きを読む>>

Webブラウザによっては、使用したい検索エンジンを追加して、デフォルトの検索エンジンとして設定していくこともできます。ここでは、AI検索エンジンのPerplexityを追加する方法を、PCのWebブラウザやスマートフォンのブラウザアプリを例...
続きを読む>>

Webサイトのデザインでは、キャッチなフレーズなどのテキストにアニメーション効果を加えることで、より強く記憶に残りやすくなり情報の理解も深まります。ここではJavaScriptを使ってフェード効果のアニメーションで、テキストを1文字ずつ表示...
続きを読む>>

Webサイトのデザインで、要素に対して固定された幅でCSSなどのスタイルを指定してしまうと、コンテンツ量が想定以上に多くなった際に、レイアウトが崩れてしまうという問題が発生しますが、JavaScriptを活用することで、変動するコンテンツ量...
続きを読む>>