Webエンジニアのブログ

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を活用することで、変動するコンテンツ量...
続きを読む>>

WordPressにはデフォルトでRSSフィード機能がありますが、サイト管理者の情報漏洩のリスクがあるので、WordPress側の設定を確認しておく必要があります。ここでは、WordPressサイトのRSSフィードのセキュリティ対策として、...
続きを読む>>

ProcessingのPythonモード（Processing.py）では、デジタルアートやビジュアルデザインをPythonで記述することができます。直感的なProcessingの描画と、汎用性の高いPythonの力が融合。ここでは、Pro...
続きを読む>>