Webエンジニアのブログ

ProcessingのVideoライブラリは、映像を取り扱うことができるライブラリになります。 Videoライブラリの定義されているMovieクラスでは、動画ファイルの読み込みから映像の再生のコントロールなど、動画を扱って映像を編集したりC...
続きを読む>>

Processingのアニメーションの中で、映像のようにフェード効果を実装したいこともあります。Processingで制作したデジタルアートは、動画として書き出すことができますので、プログラミングを駆使してちょっとした映像制作も可能です。オ...
続きを読む>>

グローバル化が進む社会では、Webサイトを多言語対応していくこともあり、多言語サイトを制作していくと同時に、言語の切り替えに伴う言語切り替えリンクを必要とすることもあります。 人気のCMSのWordPressでも、PHPスクリプトが扱えれば...
続きを読む>>

Processingでは「年月日時分秒」などの日付は関数で取得できますが、曜日を情報を扱うにはJavaパッケージのプログラムを活用します。 ProcessingはJavaベースのプログラミング言語であり、Processingのエディタでプロ...
続きを読む>>

世界的にも人気のCMSであるWordPressでは、悪意のある人からなんらかの攻撃を受けることが多いですので、脆弱性に対応した最新バージョンのWordPressを利用していくことがWebサイトの運用に必要です。 常にセキュリティを保つために...
続きを読む>>

WordPressでは投稿タイプに用意されたブロックのフィールドの他に、独自にカスタムフィールドを用意して利用していきたいことがあります。多くの方はWordPressのプラグインを使って、手軽にカスタムフィールドを追加していくことでしょう。...
続きを読む>>

:is疑似クラス関数はセレクタのリストを引数として、セレクタのいずれかと一致する要素にスタイルを適応させます。セレクタのリスト化することで、複数のセレクタ指定が短いコードで出来ます。ここでは、同じような擬似クラスの:where疑似クラス関数...
続きを読む>>

マウスカーソルを合わせた時の処理として、PCの表示で有効な:hover擬似クラスを使った効果は、CSSのみで実装することができます。また、スクロール時のアニメーションでしたら、スマートフォンやタブレット端末で効果的です。ここでは、hover...
続きを読む>>

WordPressで構築したWebサイトやブログでは、管理画面から投稿や固定ページにカスタムフィールドを使って情報を設定し、Webページに表示させたりできます。従来のWordPressのカスタムフィールドを使っていってもいいですが、複雑なカ...
続きを読む>>

Web制作でデザインを構築していく中、CSSではCascade Layers「@layer」を使ったスタイルの定義ができるようになりました。@layer規則でCSSの優先順位をレイヤー（層、階層）で管理していくことができます。...
続きを読む>>