Webエンジニアのブログ

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...
続きを読む>>

Bufferでは、Feeds機能を利用することで、RSSフィードを活用した情報収集・整理と投稿の効率化が行えます。従来の投稿機能としての使い方だけでなく、RSSリーダーとして情報収集にも使え、さらには、RSSフィードの情報からスムーズに投稿...
続きを読む>>

外部サービスを埋め込む際、JavaScriptで生成される動的なリンクには、同じタブでページを開く仕様のものがあります。もしもアフィリエイトのかんたんリンクなどでは、各サービスへのアクセスは別タブで開く仕様となりますが、JavaScript...
続きを読む>>