Webエンジニアのブログ

PerplexityのAI搭載ブラウザ「Comet」の使い方を、初心者にもわかりやすく解説します。AIが対話形式でWebページやPDF、YouTube動画を瞬時に要約してくれるので、情報収集が劇的に効率化。ダウンロード方法から情報漏洩を防ぐ...
続きを読む>>

標準CSSの@functionで自作関数を作る方法をわかりやすく解説します。multiplyやpx→remなどの単位変換といった実例も紹介し、Sassなしでも効率的かつ柔軟にスタイルを管理できる最新テクニックを学べます。...
続きを読む>>

WordPressのパターン機能で、作ったデザインがクラシックブロックに変換されてしまうことがあります。この記事では、不具合の原因から具体的な対処法まで、パターンを安定して使うためのノウハウを解説します。...
続きを読む>>

YouTube動画の埋め込みやHTMLのvideo要素で設置した動画は、そのままで価値を伝えることはできません。動画の「構造化データ」で動画SEOとAIOを強化し、Webページも含めてAIに選ばれるコンテンツにする方法を具体的に解説します。...
続きを読む>>

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データをテーブル形式に変換（フラット化）...
続きを読む>>